@axis-ds/ui-react 1.5.1 → 1.5.2

package/dist/alert/index.d.mts

@@ -1,10 +1,11 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Alert 컴포넌트 Props
  * @property variant - 알림 스타일 변형 (default, info, success, warning, destructive)

package/dist/alert/index.d.ts

@@ -1,10 +1,11 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Alert 컴포넌트 Props
  * @property variant - 알림 스타일 변형 (default, info, success, warning, destructive)

package/dist/avatar/avatar.d.mts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { avatarVariants } from './variants.mjs';
-import 'class-variance-authority/types';
 
 /**
  * Avatar 컴포넌트 Props

package/dist/avatar/avatar.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { avatarVariants } from './variants.js';
-import 'class-variance-authority/types';
 
 /**
  * Avatar 컴포넌트 Props

package/dist/avatar/index.d.mts

@@ -2,4 +2,3 @@ export { Avatar, AvatarProps } from './avatar.mjs';
 export { avatarVariants } from './variants.mjs';
 import 'react';
 import 'class-variance-authority';
-import 'class-variance-authority/types';

package/dist/avatar/index.d.ts

@@ -2,4 +2,3 @@ export { Avatar, AvatarProps } from './avatar.js';
 export { avatarVariants } from './variants.js';
 import 'react';
 import 'class-variance-authority';
-import 'class-variance-authority/types';

package/dist/avatar/variants.d.mts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 
 /**
  * Avatar 크기 variants
@@ -9,6 +10,6 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
  */
 declare const avatarVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 
 export { avatarVariants };

package/dist/avatar/variants.d.ts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 
 /**
  * Avatar 크기 variants
@@ -9,6 +10,6 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
  */
 declare const avatarVariants: (props?: ({
     size?: "default" | "sm" | "lg" | "xl" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 
 export { avatarVariants };

package/dist/badge/index.d.mts

@@ -1,10 +1,11 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "error" | "info" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Badge 컴포넌트 Props
  * @property variant - 배지 스타일 변형 (default, secondary, destructive, success, warning, error, info, outline)

package/dist/badge/index.d.ts

@@ -1,10 +1,11 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
     variant?: "default" | "secondary" | "destructive" | "outline" | "error" | "info" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Badge 컴포넌트 Props
  * @property variant - 배지 스타일 변형 (default, secondary, destructive, success, warning, error, info, outline)

package/dist/button/index.d.mts

@@ -1,11 +1,12 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props
  * @property variant - 버튼 스타일 변형 (default, secondary, ghost, destructive, outline, link)

package/dist/button/index.d.ts

@@ -1,11 +1,12 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props
  * @property variant - 버튼 스타일 변형 (default, secondary, ghost, destructive, outline, link)

package/dist/index.d.mts

@@ -31,7 +31,6 @@ export { avatarVariants } from './avatar/variants.mjs';
 export { ScrollArea, ScrollBar } from './scroll-area/index.mjs';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from './command/index.mjs';
 import 'clsx';
-import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';
 import '@radix-ui/react-label';

package/dist/index.d.ts

@@ -31,7 +31,6 @@ export { avatarVariants } from './avatar/variants.js';
 export { ScrollArea, ScrollBar } from './scroll-area/index.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from './command/index.js';
 import 'clsx';
-import 'class-variance-authority/types';
 import 'react';
 import 'class-variance-authority';
 import '@radix-ui/react-label';

package/dist/label/index.d.mts

@@ -1,9 +1,10 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { VariantProps } from 'class-variance-authority';
 
-declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const labelVariants: (props?: __AxisCvaClassProp | undefined) => string;
 /** Label 컴포넌트의 Props 인터페이스. Radix Label 프리미티브의 속성을 확장한다. */
 interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
 }

package/dist/label/index.d.ts

@@ -1,9 +1,10 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { VariantProps } from 'class-variance-authority';
 
-declare const labelVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const labelVariants: (props?: __AxisCvaClassProp | undefined) => string;
 /** Label 컴포넌트의 Props 인터페이스. Radix Label 프리미티브의 속성을 확장한다. */
 interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>, VariantProps<typeof labelVariants> {
 }

package/dist/progress/index.d.mts

@@ -1,13 +1,14 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /** Progress 컴포넌트의 Props 인터페이스. 크기 및 색상 변형과 불확정 상태를 지원한다. */
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants>, VariantProps<typeof progressIndicatorVariants> {
     /** 진행률 값 (0부터 max까지). 기본값은 0이다. */

package/dist/progress/index.d.ts

@@ -1,13 +1,14 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /** Progress 컴포넌트의 Props 인터페이스. 크기 및 색상 변형과 불확정 상태를 지원한다. */
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants>, VariantProps<typeof progressIndicatorVariants> {
     /** 진행률 값 (0부터 max까지). 기본값은 0이다. */

package/dist/sheet/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { VariantProps } from 'class-variance-authority';
@@ -16,7 +17,7 @@ declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "bottom" | "left" | "right" | "top" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * SheetContent 컴포넌트의 Props 인터페이스
  * @property side - 시트가 나타나는 방향 (top, bottom, left, right). 기본값은 "right"

package/dist/sheet/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { VariantProps } from 'class-variance-authority';
@@ -16,7 +17,7 @@ declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "bottom" | "left" | "right" | "top" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /**
  * SheetContent 컴포넌트의 Props 인터페이스
  * @property side - 시트가 나타나는 방향 (top, bottom, left, right). 기본값은 "right"

package/dist/toast/index.d.mts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
@@ -10,7 +11,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
 /** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "error" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+} & __AxisCvaClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 /** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */

package/dist/toast/index.d.ts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
@@ -10,7 +11,7 @@ declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitive
 /** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "error" | "success" | "warning" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+} & __AxisCvaClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 /** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /** 토스트를 닫는 닫기 버튼 컴포넌트. 호버 시 표시되며 X 아이콘을 포함한다. */

package/dist/toggle/index.d.mts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { VariantProps } from 'class-variance-authority';
@@ -6,11 +7,11 @@ import { VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /** 눌림/해제 상태를 전환하는 토글 버튼 컴포넌트. variant(default, outline)와 size(sm, default, lg) 변형을 지원한다. */
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+} & __AxisCvaClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/toggle/index.d.ts

@@ -1,4 +1,5 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
+import type * as __AxisClsx from 'clsx';
+type __AxisCvaClassProp = { class: __AxisClsx.ClassValue; className?: never } | { class?: never; className: __AxisClsx.ClassValue } | { class?: never; className?: never };
 import * as React from 'react';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { VariantProps } from 'class-variance-authority';
@@ -6,11 +7,11 @@ import { VariantProps } from 'class-variance-authority';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & __AxisCvaClassProp) | undefined) => string;
 /** 눌림/해제 상태를 전환하는 토글 버튼 컴포넌트. variant(default, outline)와 size(sm, default, lg) 변형을 지원한다. */
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+} & __AxisCvaClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/ui-react",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "AXIS Design System - Core React UI Components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -325,11 +325,11 @@
   },
   "homepage": "https://axis-design-system.pages.dev",
   "scripts": {
-    "build": "tsup && node scripts/postbuild.mjs && node scripts/sync-exports.mjs && node ../../scripts/sync-types-versions.mjs --only .",
+    "build": "tsup && node scripts/fix-cva-dts.mjs && node scripts/postbuild.mjs && node scripts/sync-exports.mjs && node ../../scripts/sync-types-versions.mjs --only .",
     "dev": "tsup --watch --onSuccess \"node scripts/postbuild.mjs\"",
     "clean": "rm -rf dist",
     "lint": "eslint .",
-    "test": "vitest run",
+    "test": "vitest run && node --test scripts/fix-cva-dts.test.mjs",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",
     "type-check": "tsc --noEmit",