@causw/core 0.0.16 → 0.0.18

package/README.md

@@ -0,0 +1,123 @@
+# @causw/core
+
+CAUSW Design System의 코어 컴포넌트 패키지입니다.
+
+## 디렉토리 구조
+
+`src` 기준 기본 구조:
+
+- `components/<ComponentName>/<ComponentName>.tsx`
+- `components/<ComponentName>/<ComponentName>.styles.ts`
+- `components/<ComponentName>/<ComponentName>.stories.tsx`
+- `components/<ComponentName>/index.ts`
+- `components/index.ts` (컴포넌트 배럴 export)
+- `utils/*` (컴포넌트 공용 유틸)
+- `hooks/*` (컴포넌트 공용 훅)
+
+## 코드 작성 컨벤션
+
+### 1) 컴포넌트 파일 분리
+
+- 로직/마크업: `*.tsx`
+- 클래스 규칙: `*.styles.ts` (`tailwind-variants`의 `tv`)
+- 문서/샘플: `*.stories.tsx`
+- 외부 공개: `index.ts`
+
+### 2) 스타일 작성 방식
+
+- `tailwind-variants` 기반으로 슬롯/variants 분리
+- tv 객체명의 네이밍은 컴포넌트명과 동일한 소문자로 통일 (ex) button, input, select 등)
+- 공통 클래스 병합은 `mergeStyles` 사용
+- 숫자 기반 사이즈 값이 필요한 경우 `convertPxToRem` 사용
+
+예시:
+
+```ts
+import { convertPxToRem } from '../../utils';
+```
+
+### 3) Props 설계 원칙
+
+- 기본 HTML props를 최대한 수용 (`React.ComponentProps<'button'>` 등)
+- 공용 variant 타입은 `VariantProps<typeof stylesFn>`로 추론
+- 제어/비제어 둘 다 필요한 컴포넌트는 둘 다 지원
+- Field 내부 사용 컴포넌트는 `useFieldContext`를 통한 `id/disabled/error` 연동 우선
+
+### 4) 접근성(A11y)
+
+- 인터랙션 요소는 적절한 role/aria 속성 명시
+- orientation 등 상태는 `aria-*`로 반영
+- 키보드 포커스 동작을 깨지 않도록 기본 HTML 동작을 우선
+
+### 5) Export 규칙
+
+- 각 컴포넌트 폴더 `index.ts`에서 컴포넌트/타입 export
+- `src/components/index.ts`에서 재-export
+- 패키지 최상위는 `src/index.ts`를 통해 `components`, `utils`를 노출
+
+### 6) Storybook 규칙
+
+- 최소 `Default` 스토리 제공
+- 주요 variant/상태(`error`, `disabled`, `controlled`) 스토리 추가
+- `argTypes`에 실제 제어 가능한 props 노출
+
+### 7) 네이밍/포맷
+
+- 파일/폴더명: PascalCase 컴포넌트명 기반
+- `displayName` 명시
+- 타입 이름은 `ComponentProps`, `ComponentVariants` 형태 유지
+
+## Polymorphic 패턴 (`as`, `asChild`)
+
+`@causw/core`는 두 가지 polymorphic 패턴을 사용합니다.
+
+### 1) `as` 패턴
+
+- 컴포넌트가 실제 렌더 태그를 바꿔야 할 때 사용
+- `PolymorphicProps`를 사용해 element별 props 타입을 유지
+
+기본 형태:
+
+```tsx
+import React, { type ElementType } from 'react';
+import type { PolymorphicProps } from '../../utils/polymorphic';
+
+type MyComponentProps<E extends ElementType = 'div'> = PolymorphicProps<
+  E,
+  {
+    // custom props
+  }
+>;
+
+export const MyComponent = <E extends ElementType = 'div'>({
+  as,
+  ...props
+}: MyComponentProps<E>) => {
+  const Component = as || 'div';
+  return <Component {...props} />;
+};
+```
+
+### 2) `asChild` 패턴
+
+- 부모 컴포넌트의 동작/스타일을 자식 요소에 위임할 때 사용
+- Radix `Slot` 기반 `Primitive` 컴포넌트 패턴을 우선 사용
+- 버튼, 트리거, 링크 래핑 같이 DOM 중첩을 줄여야 하는 경우에 적합
+
+권장 기준:
+
+- 태그 교체 목적이면 `as`
+- 자식 요소에 props/스타일 merge가 목적이면 `asChild`
+
+주의사항:
+
+- `asChild` 사용 시 자식은 반드시 단일 element여야 함
+- 이벤트 핸들러/`className` 충돌 가능성을 고려해 `mergeStyles`로 병합
+- 접근성 속성(`role`, `aria-*`)은 상위 컴포넌트 책임 범위를 명확히 유지
+
+## 체크리스트 (컴포넌트 추가 시)
+
+1. `*.tsx`, `*.styles.ts`, `*.stories.tsx`, `index.ts` 생성
+2. `src/components/index.ts` export 추가
+3. `pnpm build` 통과 확인
+4. Storybook에서 기본/상태 스토리 렌더 확인

package/dist/components/Avatar/Avatar.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { AvatarVariants } from "./Avatar.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime35.JSX.Element;
+  }: AvatarProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { AvatarVariants } from "./Avatar.styles.mjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/Avatar/Avatar.d.ts
 interface AvatarProps extends Omit<React$1.ComponentPropsWithoutRef<'span'>, 'alt'>, PrimitiveProps, AvatarVariants {
@@ -18,7 +18,7 @@ declare const Avatar: {
     className,
     fallback,
     ...props
-  }: AvatarProps): react_jsx_runtime38.JSX.Element;
+  }: AvatarProps): react_jsx_runtime34.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Avatar/Avatar.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants5 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants17.TVReturnType<{
+declare const avatar: tailwind_variants5.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants17.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants17.TVReturnType<{
+}, tailwind_variants5.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/Avatar/Avatar.styles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,mBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}
+{"version":3,"file":"Avatar.styles.d.cts","names":[],"sources":["../../../src/components/Avatar/Avatar.styles.ts"],"mappings":";;;;cAEa,MAAA,EA6BX,kBAAA,CA7BiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;KAEU,cAAA,GAAiB,YAAA,QAAoB,MAAA"}

package/dist/components/Avatar/Avatar.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Avatar/Avatar.styles.d.ts
-declare const avatar: tailwind_variants21.TVReturnType<{
+declare const avatar: tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -46,7 +46,7 @@ declare const avatar: tailwind_variants21.TVReturnType<{
   root: string;
   image: string;
   fallback: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/components/BottomNavigation/BottomNavigation.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.cjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -25,24 +25,24 @@ declare const BottomNavigation: (({
   selected,
   onSelectChange,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime66.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
   Item: ({
     selected,
     value,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime66.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
   Icon: ({
     children,
     selected,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime66.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
   Label: ({
     children,
     selected,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime66.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomNavigation/BottomNavigation.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { BottomNavigationVariants } from "./BottomNavigation.styles.mjs";
 import { ComponentProps, SVGProps } from "react";
-import * as react_jsx_runtime83 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/BottomNavigation/BottomNavigation.d.ts
 interface BottomNavigationRootProps extends ComponentProps<'nav'>, PrimitiveProps {
@@ -25,24 +25,24 @@ declare const BottomNavigation: (({
   selected,
   onSelectChange,
   ...props
-}: BottomNavigationRootProps) => react_jsx_runtime83.JSX.Element) & {
+}: BottomNavigationRootProps) => react_jsx_runtime65.JSX.Element) & {
   Item: ({
     selected,
     value,
     children,
     onClick,
     ...props
-  }: BottomNavigationItemProps) => react_jsx_runtime83.JSX.Element;
+  }: BottomNavigationItemProps) => react_jsx_runtime65.JSX.Element;
   Icon: ({
     children,
     selected,
     ...props
-  }: BottomNavigationIconProps) => react_jsx_runtime83.JSX.Element;
+  }: BottomNavigationIconProps) => react_jsx_runtime65.JSX.Element;
   Label: ({
     children,
     selected,
     ...props
-  }: BottomNavigationLabelProps) => react_jsx_runtime83.JSX.Element;
+  }: BottomNavigationLabelProps) => react_jsx_runtime65.JSX.Element;
 };
 //#endregion
 export { BottomNavigation };

package/dist/components/BottomNavigation/BottomNavigation.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants45 from "tailwind-variants";
+import * as tailwind_variants47 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
-declare const bottomNavigation: tailwind_variants45.TVReturnType<{
+declare const bottomNavigation: tailwind_variants47.TVReturnType<{
   selected: {
     true: {
       icon: string;
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants45.TVReturnType<{
   item: string;
   icon: string;
   label: string;
-}, tailwind_variants45.TVReturnType<{
+}, tailwind_variants47.TVReturnType<{
   selected: {
     true: {
       icon: string;

package/dist/components/BottomNavigation/BottomNavigation.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants57 from "tailwind-variants";
+import * as tailwind_variants47 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomNavigation/BottomNavigation.styles.d.ts
-declare const bottomNavigation: tailwind_variants57.TVReturnType<{
+declare const bottomNavigation: tailwind_variants47.TVReturnType<{
   selected: {
     true: {
       icon: string;
@@ -34,7 +34,7 @@ declare const bottomNavigation: tailwind_variants57.TVReturnType<{
   item: string;
   icon: string;
   label: string;
-}, tailwind_variants57.TVReturnType<{
+}, tailwind_variants47.TVReturnType<{
   selected: {
     true: {
       icon: string;

package/dist/components/BottomSheet/BottomSheet.d.cts

@@ -1,7 +1,7 @@
 import { Drawer } from "../Drawer/Drawer.cjs";
 import { HeaderAlign } from "./BottomSheet.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/components/BottomSheet/BottomSheet.d.ts
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime71.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime31.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime71.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime31.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime71.JSX.Element;
+    }): react_jsx_runtime31.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime71.JSX.Element;
+    }): react_jsx_runtime31.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime71.JSX.Element;
+    }): react_jsx_runtime31.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/BottomSheet/BottomSheet.d.mts

@@ -1,7 +1,7 @@
 import { Drawer } from "../Drawer/Drawer.mjs";
 import { HeaderAlign } from "./BottomSheet.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/components/BottomSheet/BottomSheet.d.ts
@@ -19,7 +19,7 @@ declare const BottomSheet: {
     defaultOpen,
     onOpenChange,
     headerAlign
-  }: BottomSheetRootProps): react_jsx_runtime72.JSX.Element;
+  }: BottomSheetRootProps): react_jsx_runtime77.JSX.Element;
   displayName: string;
 } & {
   Trigger: React.ForwardRefExoticComponent<_radix_ui_react_dialog0.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
@@ -28,7 +28,7 @@ declare const BottomSheet: {
       children,
       className,
       ...props
-    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime72.JSX.Element;
+    }: React.ComponentProps<typeof Drawer.Content>): react_jsx_runtime77.JSX.Element;
     displayName: string;
   };
   Header: {
@@ -38,7 +38,7 @@ declare const BottomSheet: {
     }: {
       title?: string;
       className?: string;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime77.JSX.Element;
     displayName: string;
   };
   Body: {
@@ -50,7 +50,7 @@ declare const BottomSheet: {
       children: React.ReactNode;
       className?: string;
       maxHeight?: string | number;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime77.JSX.Element;
     displayName: string;
   };
   Footer: {
@@ -60,7 +60,7 @@ declare const BottomSheet: {
     }: {
       children: React.ReactNode;
       className?: string;
-    }): react_jsx_runtime72.JSX.Element;
+    }): react_jsx_runtime77.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/BottomSheet/BottomSheet.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants47 from "tailwind-variants";
+import * as tailwind_variants45 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomSheet/BottomSheet.styles.d.ts
-declare const bottomSheet: tailwind_variants47.TVReturnType<{
+declare const bottomSheet: tailwind_variants45.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -32,7 +32,7 @@ declare const bottomSheet: tailwind_variants47.TVReturnType<{
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants47.TVReturnType<{
+}, tailwind_variants45.TVReturnType<{
   headerAlign: {
     left: {
       header: string;

package/dist/components/BottomSheet/BottomSheet.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants45 from "tailwind-variants";
+import * as tailwind_variants51 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/BottomSheet/BottomSheet.styles.d.ts
-declare const bottomSheet: tailwind_variants45.TVReturnType<{
+declare const bottomSheet: tailwind_variants51.TVReturnType<{
   headerAlign: {
     left: {
       header: string;
@@ -32,7 +32,7 @@ declare const bottomSheet: tailwind_variants45.TVReturnType<{
   header: string;
   body: string;
   footer: string;
-}, tailwind_variants45.TVReturnType<{
+}, tailwind_variants51.TVReturnType<{
   headerAlign: {
     left: {
       header: string;

package/dist/components/Box/Box.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Box/Box.styles.d.ts
-declare const box: tailwind_variants3.TVReturnType<{
+declare const box: tailwind_variants9.TVReturnType<{
   padding: {
     none: string;
     xs: string;
@@ -66,7 +66,7 @@ declare const box: tailwind_variants3.TVReturnType<{
     inverse: string;
     transparent: string;
   };
-}, undefined, tailwind_variants3.TVReturnType<{
+}, undefined, tailwind_variants9.TVReturnType<{
   padding: {
     none: string;
     xs: string;

package/dist/components/Button/Button.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { ButtonVariants } from "./Button.styles.cjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/Button/Button.d.ts
 interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
@@ -14,7 +14,7 @@ declare function Button({
   className,
   children,
   ...props
-}: ButtonProps): react_jsx_runtime9.JSX.Element;
+}: ButtonProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.cts.map

package/dist/components/Button/Button.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Button.d.cts","names":[],"sources":["../../../src/components/Button/Button.tsx"],"mappings":";;;;;;;UAKiB,WAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,cAAA;AAAA,iBAEY,MAAA,CAAA;EACd,IAAA;EACA,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Button/Button.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { ButtonVariants } from "./Button.styles.mjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/Button/Button.d.ts
 interface ButtonProps extends Omit<ComponentProps<'button'>, 'color'>, ButtonVariants, PrimitiveProps {}
@@ -14,7 +14,7 @@ declare function Button({
   className,
   children,
   ...props
-}: ButtonProps): react_jsx_runtime12.JSX.Element;
+}: ButtonProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

package/dist/components/Button/Button.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants35 from "tailwind-variants";
+import * as tailwind_variants39 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Button/Button.styles.d.ts
-declare const button: tailwind_variants35.TVReturnType<{
+declare const button: tailwind_variants39.TVReturnType<{
   size: {
     sm: string;
     md: string;
@@ -38,7 +38,7 @@ declare const button: tailwind_variants35.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants35.TVReturnType<{
+}, undefined, tailwind_variants39.TVReturnType<{
   size: {
     sm: string;
     md: string;

package/dist/components/Button/Button.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants33 from "tailwind-variants";
+import * as tailwind_variants39 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Button/Button.styles.d.ts
-declare const button: tailwind_variants33.TVReturnType<{
+declare const button: tailwind_variants39.TVReturnType<{
   size: {
     sm: string;
     md: string;
@@ -38,7 +38,7 @@ declare const button: tailwind_variants33.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants33.TVReturnType<{
+}, undefined, tailwind_variants39.TVReturnType<{
   size: {
     sm: string;
     md: string;

package/dist/components/CTAButton/CTAButton.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { CTAButtonVariants } from "./CTAButton.styles.cjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/CTAButton/CTAButton.d.ts
 interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
@@ -13,7 +13,7 @@ declare function CTAButton({
   className,
   children,
   ...props
-}: CTAButtonProps): react_jsx_runtime4.JSX.Element;
+}: CTAButtonProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { CTAButton, CTAButtonProps };
 //# sourceMappingURL=CTAButton.d.cts.map

package/dist/components/CTAButton/CTAButton.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"CTAButton.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":";;;;;;;UAKiB,cAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,iBAAA;AAAA,iBAEY,SAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"CTAButton.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":";;;;;;;UAKiB,cAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,iBAAA;AAAA,iBAEY,SAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/CTAButton/CTAButton.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { CTAButtonVariants } from "./CTAButton.styles.mjs";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/CTAButton/CTAButton.d.ts
 interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
@@ -13,7 +13,7 @@ declare function CTAButton({
   className,
   children,
   ...props
-}: CTAButtonProps): react_jsx_runtime13.JSX.Element;
+}: CTAButtonProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { CTAButton, CTAButtonProps };
 //# sourceMappingURL=CTAButton.d.mts.map

package/dist/components/CTAButton/CTAButton.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants31 from "tailwind-variants";
+import * as tailwind_variants41 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/CTAButton/CTAButton.styles.d.ts
-declare const ctaButton: tailwind_variants31.TVReturnType<{
+declare const ctaButton: tailwind_variants41.TVReturnType<{
   color: {
     blue: string;
     red: string;
@@ -34,7 +34,7 @@ declare const ctaButton: tailwind_variants31.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants31.TVReturnType<{
+}, undefined, tailwind_variants41.TVReturnType<{
   color: {
     blue: string;
     red: string;

package/dist/components/CTAButton/CTAButton.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants35 from "tailwind-variants";
+import * as tailwind_variants37 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/CTAButton/CTAButton.styles.d.ts
-declare const ctaButton: tailwind_variants35.TVReturnType<{
+declare const ctaButton: tailwind_variants37.TVReturnType<{
   color: {
     blue: string;
     red: string;
@@ -34,7 +34,7 @@ declare const ctaButton: tailwind_variants35.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants35.TVReturnType<{
+}, undefined, tailwind_variants37.TVReturnType<{
   color: {
     blue: string;
     red: string;