fix: fix hardcoded width

src/components/Button/Button.tsx

@@ -5,7 +5,7 @@ import { stylesBuilder } from './stylesBuilder/stylesBuilder';
 import { ButtonAppearance } from './types/ButtonAppearance.type';
 import { ButtonVariant } from './types/ButtonType.type';
 import { tet } from '../../tetrisly';
-import { ProgressCircle } from '../Loader';
+import { Loader } from '../Loader';
 
 import { MarginProps } from '@/types/MarginProps';
 
@@ -37,7 +37,7 @@ export const Button = <
       style={{ textUnderlineOffset: '3px', textDecorationThickness: '1px' }}
       {...rest}
     >
-      {state === 'loading' && <ProgressCircle />}
+      {state === 'loading' && <Loader size="small" shape="circle" />}
       {beforeIcon && state !== 'loading' && <Icon name={beforeIcon} />}
       {label}
       {dropdown && <Icon name="20-chevron-down" />}

src/components/Loader/AnimatedPath.tsx

@@ -13,14 +13,16 @@ const animationCircle = keyframes`
 
 const animationBar = keyframes`
   0% {
-    transform: translate(-64px, 0px);
+    transform: translate(-50%, 0px);
   }
   100% {
-    transform: translate(192px, 0px);
+    transform: translate(150%, 0px);
   }
 `;
 
-export const AnimatedPath = styled(tet.path)<{ shape: string }>`
+export const AnimatedPath = styled(tet.path)<{
+  shape: string;
+}>`
   aspect-ratio: 1;
   transform-origin: center center;
   animation: ${({ shape }) =>

src/components/Loader/Loader.props.ts

@@ -13,6 +13,3 @@ export type LoaderProps = {
   shape: LoaderShape;
   custom?: DeepPartial<SystemProps<Theme> & typeof config>;
 };
-
-export type ProgressCircleProps = Omit<LoaderProps, 'shape'>;
-export type ProgressBarProps = Omit<LoaderProps, 'shape'>;

src/components/Loader/index.tsx

@@ -1,2 +1,2 @@
-export { ProgressBar, ProgressCircle } from './Progress';
-export type { ProgressProps } from './Progress';
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader.props';

src/index.ts

@@ -1,3 +1,3 @@
 export { Button } from './components/Button';
-export { ProgressBar, ProgressCircle } from './components/Loader';
+export { Loader } from './components/Loader';
 export { StatusDot } from './components/StatusDot';

tsconfig.json

@@ -10,7 +10,7 @@
     "module": "ESNext",
     "skipLibCheck": true,
     /* Bundler mode */
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,