@axis-ds/ui-react 1.1.2 → 1.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Think & Action
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/alert/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Alert 컴포넌트 Props

package/dist/alert/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "info" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Alert 컴포넌트 Props

package/dist/avatar/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar 컴포넌트 Props

package/dist/avatar/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar 컴포넌트 Props

package/dist/badge/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "info" | "success" | "warning" | "destructive" | "secondary" | "outline" | "error" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "error" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Badge 컴포넌트 Props

package/dist/badge/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "info" | "success" | "warning" | "destructive" | "secondary" | "outline" | "error" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "error" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Badge 컴포넌트 Props

package/dist/button/index.d.mts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "secondary" | "ghost" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props

package/dist/button/index.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "secondary" | "ghost" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props

package/dist/chunk-S7LWOK76.mjs

@@ -0,0 +1,42 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/slider/index.tsx
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Slider = React.forwardRef(
+  ({
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
+          {
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+          }
+        )
+      ]
+    }
+  )
+);
+Slider.displayName = "Slider";
+
+export {
+  Slider
+};

package/dist/index.js

@@ -471,21 +471,35 @@ SelectSeparator.displayName = "SelectSeparator";
 var React7 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var Slider = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
-    ]
-  }
-));
+var Slider = React7.forwardRef(
+  ({
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          SliderPrimitive.Thumb,
+          {
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+          }
+        )
+      ]
+    }
+  )
+);
 Slider.displayName = "Slider";
 
 // src/switch/index.tsx

package/dist/index.mjs

@@ -29,6 +29,10 @@ import {
   ToastTitle,
   ToastViewport
 } from "./chunk-E2C7WDLA.mjs";
+import {
+  Toggle,
+  toggleVariants
+} from "./chunk-JM45JPSK.mjs";
 import {
   Tooltip,
   TooltipContent,
@@ -36,12 +40,10 @@ import {
   TooltipTrigger
 } from "./chunk-SCH6SFLB.mjs";
 import {
-  Toggle,
-  toggleVariants
-} from "./chunk-JM45JPSK.mjs";
-import {
-  Input
-} from "./chunk-SLQ756Q7.mjs";
+  Progress,
+  progressIndicatorVariants,
+  progressVariants
+} from "./chunk-YVJ7BL4T.mjs";
 import {
   RadioGroup,
   RadioGroupItem
@@ -60,6 +62,9 @@ import {
   SelectTrigger,
   SelectValue
 } from "./chunk-YKZAU3UV.mjs";
+import {
+  Separator
+} from "./chunk-AEBHTW7E.mjs";
 import {
   Sheet,
   SheetClose,
@@ -75,15 +80,17 @@ import {
 import {
   Skeleton
 } from "./chunk-FMXB7UCT.mjs";
-import {
-  Separator
-} from "./chunk-AEBHTW7E.mjs";
 import {
   Slider
-} from "./chunk-54Y3KUM5.mjs";
+} from "./chunk-S7LWOK76.mjs";
 import {
   Checkbox
 } from "./chunk-AJERK2UH.mjs";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-3N6NG7VT.mjs";
 import {
   Command,
   CommandEmpty,
@@ -93,11 +100,6 @@ import {
   CommandList,
   CommandSeparator
 } from "./chunk-XW4HTSUY.mjs";
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-3N6NG7VT.mjs";
 import {
   Dialog,
   DialogClose,
@@ -125,31 +127,29 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
 } from "./chunk-SR3JZW6T.mjs";
+import {
+  Input
+} from "./chunk-SLQ756Q7.mjs";
 import {
   Label
 } from "./chunk-4JQWQF3H.mjs";
-import {
-  Progress,
-  progressIndicatorVariants,
-  progressVariants
-} from "./chunk-YVJ7BL4T.mjs";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
 } from "./chunk-ZU6FMFB5.mjs";
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-  alertVariants
-} from "./chunk-TD5OLTUB.mjs";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger
 } from "./chunk-6TRDXC4W.mjs";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+} from "./chunk-TD5OLTUB.mjs";
 import {
   Avatar,
   avatarVariants

package/dist/progress/index.d.mts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** Progress 컴포넌트의 Props 인터페이스. 크기 및 색상 변형과 불확정 상태를 지원한다. */
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants>, VariantProps<typeof progressIndicatorVariants> {

package/dist/progress/index.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** Progress 컴포넌트의 Props 인터페이스. 크기 및 색상 변형과 불확정 상태를 지원한다. */
 interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof progressVariants>, VariantProps<typeof progressIndicatorVariants> {

package/dist/slider/index.js

@@ -45,21 +45,35 @@ function cn(...inputs) {
 
 // src/slider/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full touch-none select-none items-center",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
-    ]
-  }
-));
+var Slider = React.forwardRef(
+  ({
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          SliderPrimitive.Thumb,
+          {
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+          }
+        )
+      ]
+    }
+  )
+);
 Slider.displayName = "Slider";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/slider/index.mjs

@@ -1,6 +1,6 @@
 import {
   Slider
-} from "../chunk-54Y3KUM5.mjs";
+} from "../chunk-S7LWOK76.mjs";
 import "../chunk-PJO7WJ4G.mjs";
 export {
   Slider

package/dist/toast/index.d.mts

@@ -9,7 +9,7 @@ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 /** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "warning" | "error" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 /** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toast/index.d.ts

@@ -9,7 +9,7 @@ declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 /** 토스트 알림의 루트 컴포넌트. default, success, error, warning 변형을 지원하며 스와이프로 닫을 수 있다. */
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "warning" | "error" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 /** 토스트 내에 표시되는 액션 버튼 컴포넌트. 사용자 상호작용을 위한 CTA를 제공한다. */
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/toggle/index.d.mts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | 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;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/toggle/index.d.ts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | 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;
+    size?: "sm" | "default" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };