@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-FZSCLZF6.js → chunk-VV3VO5TS.js}

@@ -1,4 +1,5 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -71,7 +72,7 @@ var connectorVariants = cva("bg-border", {
     size: "md"
   }
 });
-var getStepCircleClasses = (color, variant, state) => {
+var getStepCircleClasses = (variant, state) => {
   const isError = state === "error";
   const isWait = state === "wait";
   if (isError) {
@@ -83,107 +84,27 @@ var getStepCircleClasses = (color, variant, state) => {
   }
   if (isWait) {
     if (variant === "solid") {
-      const solidWaitClasses = {
-        default: "bg-border/50 text-text-secondary",
-        primary: "bg-primary/30 text-primary-foreground/50",
-        secondary: "bg-secondary/30 text-secondary-foreground/50",
-        accent: "bg-accent/30 text-accent-foreground/50",
-        success: "bg-success/30 text-success-foreground/50",
-        error: "bg-error/30 text-error-foreground/50",
-        warning: "bg-warning/30 text-warning-foreground/50",
-        info: "bg-info/30 text-info-foreground/50"
-      };
-      return solidWaitClasses[color];
+      return "bg-slot-20 text-slot-fg opacity-50 border-2 border-slot-20";
     }
     if (variant === "soft") {
-      const softWaitClasses = {
-        default: "bg-surface/30 border-2 border-border/30 text-text-secondary",
-        primary: "bg-primary/5 border-2 border-primary/20 text-text-secondary",
-        secondary: "bg-secondary/5 border-2 border-secondary/20 text-text-secondary",
-        accent: "bg-accent/5 border-2 border-accent/20 text-text-secondary",
-        success: "bg-success/5 border-2 border-success/20 text-text-secondary",
-        error: "bg-error/5 border-2 border-error/20 text-text-secondary",
-        warning: "bg-warning/5 border-2 border-warning/20 text-text-secondary",
-        info: "bg-info/5 border-2 border-info/20 text-text-secondary"
-      };
-      return softWaitClasses[color];
+      return "bg-slot-10 border-2 border-slot-20 text-text-secondary";
     }
-    const defaultWaitClasses = {
-      default: "bg-surface border-2 border-border/50 text-text-secondary",
-      primary: "bg-primary/5 border-2 border-primary/30 text-text-secondary",
-      secondary: "bg-secondary/5 border-2 border-secondary/30 text-text-secondary",
-      accent: "bg-accent/5 border-2 border-accent/30 text-text-secondary",
-      success: "bg-success/5 border-2 border-success/30 text-text-secondary",
-      error: "bg-error/5 border-2 border-error/30 text-text-secondary",
-      warning: "bg-warning/5 border-2 border-warning/30 text-text-secondary",
-      info: "bg-info/5 border-2 border-info/30 text-text-secondary"
-    };
-    return defaultWaitClasses[color];
+    return "bg-slot-10 border-2 border-slot-20 text-text-secondary";
   }
   if (variant === "solid") {
-    const solidActiveClasses = {
-      default: "bg-border text-text-primary border-2 border-border",
-      primary: "bg-primary text-primary-foreground border-2 border-primary",
-      secondary: "bg-secondary text-secondary-foreground border-2 border-secondary",
-      accent: "bg-accent text-accent-foreground border-2 border-accent",
-      success: "bg-success text-success-foreground border-2 border-success",
-      error: "bg-error text-error-foreground border-2 border-error",
-      warning: "bg-warning text-warning-foreground border-2 border-warning",
-      info: "bg-info text-info-foreground border-2 border-info"
-    };
-    return solidActiveClasses[color];
+    return "bg-slot text-slot-fg border-2 border-slot";
   }
   if (variant === "soft") {
-    const softActiveClasses = {
-      default: "bg-surface/50 border-2 border-border text-text-primary",
-      primary: "bg-primary/10 border-2 border-primary/50 text-primary",
-      secondary: "bg-secondary/10 border-2 border-secondary/50 text-secondary",
-      accent: "bg-accent/10 border-2 border-accent/50 text-accent",
-      success: "bg-success/10 border-2 border-success/50 text-success",
-      error: "bg-error/10 border-2 border-error/50 text-error",
-      warning: "bg-warning/10 border-2 border-warning/50 text-warning",
-      info: "bg-info/10 border-2 border-info/50 text-info"
-    };
-    return softActiveClasses[color];
+    return "bg-slot-10 border-2 border-slot-50 text-slot";
   }
-  const defaultActiveClasses = {
-    default: "bg-surface border-2 border-border text-text-primary",
-    primary: "bg-primary/20 border-2 border-primary text-primary",
-    secondary: "bg-secondary/20 border-2 border-secondary text-secondary",
-    accent: "bg-accent/20 border-2 border-accent text-accent",
-    success: "bg-success/20 border-2 border-success text-success",
-    error: "bg-error/20 border-2 border-error text-error",
-    warning: "bg-warning/20 border-2 border-warning text-warning",
-    info: "bg-info/20 border-2 border-info text-info"
-  };
-  return defaultActiveClasses[color];
+  return "bg-slot-20 border-2 border-slot text-slot";
 };
-var getConnectorClasses = (color, variant, isFinished) => {
+var getConnectorClasses = (variant, isFinished) => {
   if (!isFinished) return "bg-border/50";
   if (variant === "soft") {
-    const softConnectorClasses = {
-      default: "bg-border/50",
-      primary: "bg-primary/50",
-      secondary: "bg-secondary/50",
-      accent: "bg-accent/50",
-      success: "bg-success/50",
-      error: "bg-error/50",
-      warning: "bg-warning/50",
-      info: "bg-info/50"
-    };
-    return softConnectorClasses[color];
+    return "bg-slot-50";
   }
-  const connectorClasses = {
-    default: "bg-border",
-    primary: "bg-primary",
-    secondary: "bg-secondary",
-    accent: "bg-accent",
-    success: "bg-success",
-    error: "bg-error",
-    warning: "bg-warning",
-    info: "bg-info"
-  };
-  return connectorClasses[color];
+  return "bg-slot";
 };
 var Stepper = React.memo(
   ({
@@ -214,9 +135,12 @@ var Stepper = React.memo(
       return /* @__PURE__ */ jsx(
         "div",
         {
+          "data-slot": "root",
+          role: "list",
           className: cn(
             "stepper_root",
             "flex flex-col",
+            colorVars[color],
             classNames?.root,
             className
           ),
@@ -226,6 +150,8 @@ var Stepper = React.memo(
             return /* @__PURE__ */ jsxs(
               "div",
               {
+                role: "listitem",
+                "aria-label": `Step ${index + 1} of ${steps.length}`,
                 className: cn(
                   "stepper_step",
                   "flex",
@@ -233,15 +159,26 @@ var Stepper = React.memo(
                   state === "finish" && classNames?.stepCompleted,
                   classNames?.step
                 ),
+                ...index === currentStep && { "aria-current": "step" },
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center mr-4", children: [
                     /* @__PURE__ */ jsx(
                       "div",
                       {
+                        ...isClickable && {
+                          role: "button",
+                          tabIndex: 0,
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                              e.preventDefault();
+                              handleStepClick(index, step.disabled);
+                            }
+                          }
+                        },
                         className: cn(
                           "stepper_icon",
                           stepCircleVariants({ size }),
-                          getStepCircleClasses(color, variant, state),
+                          getStepCircleClasses(variant, state),
                           isClickable && "cursor-pointer hover:scale-105 transition-transform duration-150",
                           step.disabled && "opacity-50 cursor-not-allowed",
                           classNames?.icon
@@ -256,7 +193,7 @@ var Stepper = React.memo(
                         className: cn(
                           "stepper_connector",
                           "w-0.5 flex-1 my-2",
-                          getConnectorClasses(color, variant, state === "finish"),
+                          getConnectorClasses(variant, state === "finish"),
                           classNames?.connector
                         )
                       }
@@ -307,9 +244,11 @@ var Stepper = React.memo(
       return /* @__PURE__ */ jsx(
         "div",
         {
+          role: "list",
           className: cn(
             "stepper_root",
             "flex items-start",
+            colorVars[color],
             classNames?.root,
             className
           ),
@@ -321,6 +260,8 @@ var Stepper = React.memo(
             return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(
               "div",
               {
+                role: "listitem",
+                "aria-label": `Step ${index + 1} of ${steps.length}`,
                 className: cn(
                   "stepper_step",
                   "flex flex-col items-center flex-1",
@@ -330,6 +271,7 @@ var Stepper = React.memo(
                   state === "finish" && classNames?.stepCompleted,
                   classNames?.step
                 ),
+                ...index === currentStep && { "aria-current": "step" },
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
                     index > 0 && /* @__PURE__ */ jsx(
@@ -340,7 +282,6 @@ var Stepper = React.memo(
                           "flex-1",
                           connectorVariants({ size }),
                           getConnectorClasses(
-                            color,
                             variant,
                             prevState === "finish"
                           ),
@@ -351,10 +292,20 @@ var Stepper = React.memo(
                     /* @__PURE__ */ jsx(
                       "div",
                       {
+                        ...isClickable && {
+                          role: "button",
+                          tabIndex: 0,
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                              e.preventDefault();
+                              handleStepClick(index, step.disabled);
+                            }
+                          }
+                        },
                         className: cn(
                           "stepper_icon",
                           stepDotVariants({ size }),
-                          getStepCircleClasses(color, variant, state),
+                          getStepCircleClasses(variant, state),
                           isClickable && "cursor-pointer hover:scale-105 transition-transform duration-150",
                           step.disabled && "opacity-50 cursor-not-allowed",
                           "flex-shrink-0",
@@ -371,7 +322,6 @@ var Stepper = React.memo(
                           "flex-1",
                           connectorVariants({ size }),
                           getConnectorClasses(
-                            color,
                             variant,
                             state === "finish"
                           ),
@@ -428,6 +378,7 @@ var Stepper = React.memo(
     return /* @__PURE__ */ jsx(
       "div",
       {
+        role: "list",
         className: cn(
           "stepper_root",
           "flex items-start",
@@ -442,6 +393,8 @@ var Stepper = React.memo(
           return /* @__PURE__ */ jsx(React.Fragment, { children: /* @__PURE__ */ jsxs(
             "div",
             {
+              role: "listitem",
+              "aria-label": `Step ${index + 1} of ${steps.length}`,
               className: cn(
                 "stepper_step",
                 "flex flex-col items-center flex-1",
@@ -451,6 +404,7 @@ var Stepper = React.memo(
                 state === "finish" && classNames?.stepCompleted,
                 classNames?.step
               ),
+              ...index === currentStep && { "aria-current": "step" },
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
                   index > 0 && /* @__PURE__ */ jsx(
@@ -461,7 +415,6 @@ var Stepper = React.memo(
                         "flex-1",
                         connectorVariants({ size }),
                         getConnectorClasses(
-                          color,
                           variant,
                           prevState === "finish"
                         ),
@@ -472,10 +425,20 @@ var Stepper = React.memo(
                   /* @__PURE__ */ jsx(
                     "div",
                     {
+                      ...isClickable && {
+                        role: "button",
+                        tabIndex: 0,
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleStepClick(index, step.disabled);
+                          }
+                        }
+                      },
                       className: cn(
                         "stepper_icon",
                         stepCircleVariants({ size }),
-                        getStepCircleClasses(color, variant, state),
+                        getStepCircleClasses(variant, state),
                         isClickable && "cursor-pointer hover:scale-105 transition-transform duration-150",
                         step.disabled && "opacity-50 cursor-not-allowed",
                         "flex-shrink-0",
@@ -492,7 +455,7 @@ var Stepper = React.memo(
                         "stepper_connector",
                         "flex-1",
                         connectorVariants({ size }),
-                        getConnectorClasses(color, variant, state === "finish"),
+                        getConnectorClasses(variant, state === "finish"),
                         classNames?.connector
                       )
                     }
@@ -548,5 +511,5 @@ Stepper.displayName = "Stepper";
 var stepper_default = Stepper;
 
 export { stepper_default };
-//# sourceMappingURL=chunk-FZSCLZF6.js.map
-//# sourceMappingURL=chunk-FZSCLZF6.js.map
+//# sourceMappingURL=chunk-VV3VO5TS.js.map
+//# sourceMappingURL=chunk-VV3VO5TS.js.map

package/dist/chunk-VV3VO5TS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stepper/index.tsx"],"names":[],"mappings":"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","file":"chunk-VV3VO5TS.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type {\n  StepItem,\n  StepperProps,\n  StepperVariant,\n} from './types'\n\nconst stepCircleVariants = cva(\n  'rounded-full flex items-center justify-center font-medium transition-[colors,transform]',\n  {\n    variants: {\n      size: {\n        xs: 'w-6 h-6 text-xs',\n        sm: 'w-8 h-8 text-sm',\n        md: 'w-10 h-10 text-base',\n        lg: 'w-12 h-12 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst stepDotVariants = cva('rounded-full transition-[colors,transform]', {\n  variants: {\n    size: {\n      xs: 'w-2 h-2',\n      sm: 'w-3 h-3',\n      md: 'w-4 h-4',\n      lg: 'w-5 h-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst stepLabelVariants = cva('font-medium', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-sm',\n      md: 'text-base',\n      lg: 'text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst stepDescriptionVariants = cva('text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-sm',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst connectorVariants = cva('bg-border', {\n  variants: {\n    size: {\n      xs: 'h-0.5',\n      sm: 'h-0.5',\n      md: 'h-1',\n      lg: 'h-1',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst getStepCircleClasses = (\n  variant: StepperVariant,\n  state: 'wait' | 'process' | 'finish' | 'error',\n) => {\n  const isError = state === 'error'\n  const isWait = state === 'wait'\n\n  if (isError) {\n    if (variant === 'solid')\n      return 'bg-error text-error-foreground border-2 border-error'\n    if (variant === 'soft')\n      return 'bg-error/10 border-2 border-error/50 text-error'\n    return 'bg-error/20 border-2 border-error text-error'\n  }\n\n  if (isWait) {\n    if (variant === 'solid') {\n      return 'bg-slot-20 text-slot-fg opacity-50 border-2 border-slot-20'\n    }\n    if (variant === 'soft') {\n      return 'bg-slot-10 border-2 border-slot-20 text-text-secondary'\n    }\n    return 'bg-slot-10 border-2 border-slot-20 text-text-secondary'\n  }\n\n  // process or finish states\n  if (variant === 'solid') {\n    return 'bg-slot text-slot-fg border-2 border-slot'\n  }\n  if (variant === 'soft') {\n    return 'bg-slot-10 border-2 border-slot-50 text-slot'\n  }\n  return 'bg-slot-20 border-2 border-slot text-slot'\n}\n\nconst getConnectorClasses = (\n  variant: StepperVariant,\n  isFinished: boolean,\n) => {\n  if (!isFinished) return 'bg-border/50'\n\n  if (variant === 'soft') {\n    return 'bg-slot-50'\n  }\n  return 'bg-slot'\n}\n\nconst Stepper = React.memo<StepperProps>(\n  ({\n    steps,\n    currentStep,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    orientation = 'horizontal',\n    type = 'numbered',\n    status,\n    onStepClick,\n    className,\n    classNames,\n  }) => {\n    const getStepState = (\n      index: number,\n      step: StepItem,\n    ): 'wait' | 'process' | 'finish' | 'error' => {\n      if (step.status) return step.status\n      if (index === currentStep && status === 'error') return 'error'\n      if (index < currentStep) return 'finish'\n      if (index === currentStep) return status || 'process'\n      return 'wait'\n    }\n\n    const handleStepClick = (index: number, disabled?: boolean) => {\n      if (disabled) return\n      onStepClick?.(index)\n    }\n\n    if (orientation === 'vertical') {\n      return (\n        <div\n          data-slot=\"root\"\n          role=\"list\"\n          className={cn(\n            'stepper_root',\n            'flex flex-col',\n            colorVars[color],\n            classNames?.root,\n            className,\n          )}\n        >\n          {steps.map((step, index) => {\n            const state = getStepState(index, step)\n            const isClickable = !step.disabled && onStepClick\n\n            return (\n              <div\n                key={index}\n                role=\"listitem\"\n                aria-label={`Step ${index + 1} of ${steps.length}`}\n                className={cn(\n                  'stepper_step',\n                  'flex',\n                  state === 'process' && classNames?.stepActive,\n                  state === 'finish' && classNames?.stepCompleted,\n                  classNames?.step,\n                )}\n                {...(index === currentStep && { 'aria-current': 'step' })}\n              >\n                <div className=\"flex flex-col items-center mr-4\">\n                  <div\n                    {...(isClickable && {\n                      role: 'button',\n                      tabIndex: 0,\n                      onKeyDown: (e) => {\n                        if (e.key === 'Enter' || e.key === ' ') {\n                          e.preventDefault()\n                          handleStepClick(index, step.disabled)\n                        }\n                      },\n                    })}\n                    className={cn(\n                      'stepper_icon',\n                      stepCircleVariants({ size }),\n                      getStepCircleClasses(variant, state),\n                      isClickable && 'cursor-pointer hover:scale-105 transition-transform duration-150',\n                      step.disabled && 'opacity-50 cursor-not-allowed',\n                      classNames?.icon,\n                    )}\n                    onClick={() => handleStepClick(index, step.disabled)}\n                  >\n                    {step.icon || index + 1}\n                  </div>\n                  {index < steps.length - 1 && (\n                    <div\n                      className={cn(\n                        'stepper_connector',\n                        'w-0.5 flex-1 my-2',\n                        getConnectorClasses(variant, state === 'finish'),\n                        classNames?.connector,\n                      )}\n                    />\n                  )}\n                </div>\n                <div\n                  className={cn('pb-8', index === steps.length - 1 && 'pb-0')}\n                >\n                  <div\n                    className={cn(\n                      'stepper_label',\n                      stepLabelVariants({ size }),\n                      state === 'wait'\n                        ? 'text-text-secondary'\n                        : 'text-text-primary',\n                      state === 'error' && 'text-error',\n                      classNames?.label,\n                    )}\n                  >\n                    {step.label}\n                  </div>\n                  {step.description && (\n                    <div\n                      className={cn(\n                        'stepper_description',\n                        stepDescriptionVariants({ size }),\n                        'mt-1',\n                        classNames?.description,\n                      )}\n                    >\n                      {step.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      )\n    }\n\n    if (type === 'dots') {\n      return (\n        <div\n          role=\"list\"\n          className={cn(\n            'stepper_root',\n            'flex items-start',\n            colorVars[color],\n            classNames?.root,\n            className,\n          )}\n        >\n          {steps.map((step, index) => {\n            const state = getStepState(index, step)\n            const isClickable = !step.disabled && onStepClick\n            const prevStep = steps[index - 1]\n            const prevState =\n              index > 0 && prevStep ? getStepState(index - 1, prevStep) : 'wait'\n\n            return (\n              <React.Fragment key={index}>\n                <div\n                  role=\"listitem\"\n                  aria-label={`Step ${index + 1} of ${steps.length}`}\n                  className={cn(\n                    'stepper_step',\n                    'flex flex-col items-center flex-1',\n                    index === 0 && 'items-start',\n                    index === steps.length - 1 && 'items-end',\n                    state === 'process' && classNames?.stepActive,\n                    state === 'finish' && classNames?.stepCompleted,\n                    classNames?.step,\n                  )}\n                  {...(index === currentStep && { 'aria-current': 'step' })}\n                >\n                  <div className=\"flex items-center w-full\">\n                    {index > 0 && (\n                      <div\n                        className={cn(\n                          'stepper_connector',\n                          'flex-1',\n                          connectorVariants({ size }),\n                          getConnectorClasses(\n                            variant,\n                            prevState === 'finish',\n                          ),\n                          classNames?.connector,\n                        )}\n                      />\n                    )}\n                    <div\n                      {...(isClickable && {\n                        role: 'button',\n                        tabIndex: 0,\n                        onKeyDown: (e) => {\n                          if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault()\n                            handleStepClick(index, step.disabled)\n                          }\n                        },\n                      })}\n                      className={cn(\n                        'stepper_icon',\n                        stepDotVariants({ size }),\n                        getStepCircleClasses(variant, state),\n                        isClickable && 'cursor-pointer hover:scale-105 transition-transform duration-150',\n                        step.disabled && 'opacity-50 cursor-not-allowed',\n                        'flex-shrink-0',\n                        classNames?.icon,\n                      )}\n                      onClick={() => handleStepClick(index, step.disabled)}\n                    />\n                    {index < steps.length - 1 && (\n                      <div\n                        className={cn(\n                          'stepper_connector',\n                          'flex-1',\n                          connectorVariants({ size }),\n                          getConnectorClasses(\n                            variant,\n                            state === 'finish',\n                          ),\n                          classNames?.connector,\n                        )}\n                      />\n                    )}\n                  </div>\n                  <div\n                    className={cn(\n                      'mt-2 px-2',\n                      index === 0 && 'text-left',\n                      index === steps.length - 1 && 'text-right',\n                      index > 0 && index < steps.length - 1 && 'text-center',\n                    )}\n                  >\n                    <div\n                      className={cn(\n                        'stepper_label',\n                        stepLabelVariants({ size }),\n                        state === 'wait'\n                          ? 'text-text-secondary'\n                          : 'text-text-primary',\n                        state === 'error' && 'text-error',\n                        classNames?.label,\n                      )}\n                    >\n                      {step.label}\n                    </div>\n                    {step.description && (\n                      <div\n                        className={cn(\n                          'stepper_description',\n                          stepDescriptionVariants({ size }),\n                          'mt-1',\n                          classNames?.description,\n                        )}\n                      >\n                        {step.description}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </React.Fragment>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <div\n        role=\"list\"\n        className={cn(\n          'stepper_root',\n          'flex items-start',\n          classNames?.root,\n          className,\n        )}\n      >\n        {steps.map((step, index) => {\n          const state = getStepState(index, step)\n          const isClickable = !step.disabled && onStepClick\n          const prevStep = steps[index - 1]\n          const prevState =\n            index > 0 && prevStep ? getStepState(index - 1, prevStep) : 'wait'\n\n          return (\n            <React.Fragment key={index}>\n              <div\n                role=\"listitem\"\n                aria-label={`Step ${index + 1} of ${steps.length}`}\n                className={cn(\n                  'stepper_step',\n                  'flex flex-col items-center flex-1',\n                  index === 0 && 'items-start',\n                  index === steps.length - 1 && 'items-end',\n                  state === 'process' && classNames?.stepActive,\n                  state === 'finish' && classNames?.stepCompleted,\n                  classNames?.step,\n                )}\n                {...(index === currentStep && { 'aria-current': 'step' })}\n              >\n                <div className=\"flex items-center w-full\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'stepper_connector',\n                        'flex-1',\n                        connectorVariants({ size }),\n                        getConnectorClasses(\n                          variant,\n                          prevState === 'finish',\n                        ),\n                        classNames?.connector,\n                      )}\n                    />\n                  )}\n                  <div\n                    {...(isClickable && {\n                      role: 'button',\n                      tabIndex: 0,\n                      onKeyDown: (e) => {\n                        if (e.key === 'Enter' || e.key === ' ') {\n                          e.preventDefault()\n                          handleStepClick(index, step.disabled)\n                        }\n                      },\n                    })}\n                    className={cn(\n                      'stepper_icon',\n                      stepCircleVariants({ size }),\n                      getStepCircleClasses(variant, state),\n                      isClickable && 'cursor-pointer hover:scale-105 transition-transform duration-150',\n                      step.disabled && 'opacity-50 cursor-not-allowed',\n                      'flex-shrink-0',\n                      classNames?.icon,\n                    )}\n                    onClick={() => handleStepClick(index, step.disabled)}\n                  >\n                    {step.icon || index + 1}\n                  </div>\n                  {index < steps.length - 1 && (\n                    <div\n                      className={cn(\n                        'stepper_connector',\n                        'flex-1',\n                        connectorVariants({ size }),\n                        getConnectorClasses(variant, state === 'finish'),\n                        classNames?.connector,\n                      )}\n                    />\n                  )}\n                </div>\n                <div\n                  className={cn(\n                    'mt-2 px-2',\n                    index === 0 && 'text-left',\n                    index === steps.length - 1 && 'text-right',\n                    index > 0 && index < steps.length - 1 && 'text-center',\n                  )}\n                >\n                  <div\n                    className={cn(\n                      'stepper_label',\n                      stepLabelVariants({ size }),\n                      state === 'wait'\n                        ? 'text-text-secondary'\n                        : 'text-text-primary',\n                      state === 'error' && 'text-error',\n                      classNames?.label,\n                    )}\n                  >\n                    {step.label}\n                  </div>\n                  {step.description && (\n                    <div\n                      className={cn(\n                        'stepper_description',\n                        stepDescriptionVariants({ size }),\n                        'mt-1',\n                        classNames?.description,\n                      )}\n                    >\n                      {step.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </React.Fragment>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nStepper.displayName = 'Stepper'\n\nexport type * from './types'\nexport default Stepper\n"]}

package/dist/{chunk-ZIYA7TGX.js → chunk-W5L7C7WS.js}

@@ -1,5 +1,5 @@
-import { createAllColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import React from 'react';
@@ -8,21 +8,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 var tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors", {
   variants: {
     variant: {
-      default: "border",
-      solid: "",
-      outline: "border",
-      soft: ""
-    },
-    color: {
-      default: "",
-      primary: "",
-      secondary: "",
-      accent: "",
-      success: "",
-      error: "",
-      warning: "",
-      info: ""
+      default: "bg-slot border border-slot text-slot-fg",
+      solid: "bg-slot border border-slot text-slot-fg hover:bg-slot-90",
+      outline: "border border-slot text-slot hover:bg-slot-10",
+      soft: "bg-slot-10 text-slot"
     },
+    color: colorVars,
     size: {
       xs: "text-[10px] px-1.5 py-0.5",
       sm: "text-xs px-2 py-1",
@@ -30,7 +21,6 @@ var tagVariants = cva("inline-flex items-center gap-1.5 whitespace-nowrap rounde
       lg: "text-base px-3 py-1.5"
     }
   },
-  compoundVariants: createAllColorVariants(componentColors, ["default", "solid", "outline", "soft"]),
   defaultVariants: {
     variant: "solid",
     color: "primary",
@@ -43,7 +33,7 @@ var iconSizeClasses = {
   md: "size-3.5",
   lg: "size-4"
 };
-var Tag = ({
+var Tag = React.memo(({
   children,
   color = "primary",
   variant = "solid",
@@ -88,7 +78,7 @@ var Tag = ({
         "tag_root",
         tagVariants({ variant, color, size }),
         (onClick || closable) && "cursor-pointer",
-        (onClick || !disableKeyboardRemoval && closable) && "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
+        (onClick || !disableKeyboardRemoval && closable) && "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary ring-offset-background",
         classNames?.root,
         className
       ),
@@ -132,10 +122,10 @@ var Tag = ({
       ]
     }
   );
-};
+});
 Tag.displayName = "Tag";
 var tag_default = Tag;
 
 export { tag_default };
-//# sourceMappingURL=chunk-ZIYA7TGX.js.map
-//# sourceMappingURL=chunk-ZIYA7TGX.js.map
+//# sourceMappingURL=chunk-W5L7C7WS.js.map
+//# sourceMappingURL=chunk-W5L7C7WS.js.map

package/dist/chunk-W5L7C7WS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tag/index.tsx"],"names":[],"mappings":"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","file":"chunk-W5L7C7WS.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport React from 'react';\n\nimport { cn } from '../utils';\nimport { colorVars } from '../variants';\nimport type { TagProps } from './types';\n\n/**\n * Class variance authority configuration for the Tag component\n * Defines style variants for color, variant, and size\n */\nconst tagVariants = cva('inline-flex items-center gap-1.5 whitespace-nowrap rounded font-medium transition-colors', {\n  variants: {\n    variant: {\n      default: 'bg-slot border border-slot text-slot-fg',\n      solid: 'bg-slot border border-slot text-slot-fg hover:bg-slot-90',\n      outline: 'border border-slot text-slot hover:bg-slot-10',\n      soft: 'bg-slot-10 text-slot',\n    },\n    color: colorVars,\n    size: {\n      xs: 'text-[10px] px-1.5 py-0.5',\n      sm: 'text-xs px-2 py-1',\n      md: 'text-sm px-2.5 py-1',\n      lg: 'text-base px-3 py-1.5',\n    },\n  },\n  defaultVariants: {\n    variant: 'solid',\n    color: 'primary',\n    size: 'sm',\n  },\n});\n\n/**\n * Icon and close button size variants for different tag sizes\n */\nconst iconSizeClasses = {\n  xs: 'size-2.5',\n  sm: 'size-3',\n  md: 'size-3.5',\n  lg: 'size-4',\n};\n\n/**\n * Tag Component\n *\n * An interactive badge variant that can be used for labels, categories, or removable items.\n * Supports multiple variants, colors, sizes, icons, and close functionality.\n *\n * @component\n * @example\n * // Basic tag\n * <Tag>Label</Tag>\n *\n * @example\n * // Tag with close button\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Removable Tag\n * </Tag>\n *\n * @example\n * // Tag with icon\n * <Tag icon={<Star />} color=\"warning\">\n *   Featured\n * </Tag>\n *\n * @example\n * // Different variants\n * <Tag variant=\"outline\" color=\"success\">Outline Tag</Tag>\n * <Tag variant=\"soft\" color=\"info\">Soft Tag</Tag>\n *\n * @example\n * // Disable keyboard removal (Backspace/Delete on tag)\n * <Tag closable disableKeyboardRemoval onClose={(e) => console.log('Tag removed')}>\n *   No keyboard removal\n * </Tag>\n *\n * @example\n * // Tag with keyboard removal enabled (focus on tag and press Delete/Backspace)\n * <Tag closable onClose={(e) => console.log('Tag removed')}>\n *   Press Delete or Backspace to remove\n * </Tag>\n *\n * @param {TagProps} props - Component props\n * @returns {JSX.Element} Rendered tag component\n */\nconst Tag = React.memo<TagProps>(({\n  children,\n  color = 'primary',\n  variant = 'solid',\n  size = 'sm',\n  closable = false,\n  onClose,\n  icon,\n  className,\n  classNames,\n  onClick,\n  disableKeyboardRemoval = false,\n  ...props\n}) => {\n    /**\n     * Handles the close button click event\n     * Stops event propagation to prevent triggering parent onClick handlers\n     *\n     * @param {React.MouseEvent<HTMLButtonElement>} e - Mouse event\n     */\n    const handleClose = (e: React.MouseEvent<HTMLButtonElement>) => {\n      e.stopPropagation();\n      onClose?.(e);\n    };\n\n    /**\n     * Handles keyboard events for the close button\n     * Always responds to Enter/Space for activation (accessibility requirement)\n     *\n     * @param {React.KeyboardEvent<HTMLButtonElement>} e - Keyboard event\n     */\n    const handleCloseKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      // Always allow Enter/Space for activation (accessibility requirement)\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n      }\n    };\n\n    /**\n     * Handles keyboard events for the tag\n     * Removes tag when Delete or Backspace is pressed (takes priority)\n     * Activates onClick when Enter or Space is pressed\n     *\n     * @param {React.KeyboardEvent<HTMLSpanElement>} e - Keyboard event\n     */\n    const handleTagKeyDown = (e: React.KeyboardEvent<HTMLSpanElement>) => {\n      // Handle deletion for closable tags (takes priority over onClick)\n      if (!disableKeyboardRemoval && closable && (e.key === 'Delete' || e.key === 'Backspace')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClose?.(e as unknown as React.MouseEvent<HTMLButtonElement>);\n        return;\n      }\n\n      // Handle activation for clickable tags\n      if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        e.stopPropagation();\n        onClick(e as unknown as React.MouseEvent<HTMLSpanElement>);\n      }\n    };\n\n    return (\n      <span\n        className={cn(\n          'tag_root',\n          tagVariants({ variant, color, size }),\n          (onClick || closable) && 'cursor-pointer',\n          (onClick || (!disableKeyboardRemoval && closable)) &&\n            'focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary ring-offset-background',\n          classNames?.root,\n          className\n        )}\n        onClick={onClick}\n        onKeyDown={onClick || (!disableKeyboardRemoval && closable) ? handleTagKeyDown : undefined}\n        role={onClick || (!disableKeyboardRemoval && closable) ? 'button' : undefined}\n        tabIndex={onClick || (!disableKeyboardRemoval && closable) ? 0 : undefined}\n        aria-label={\n          (onClick || (!disableKeyboardRemoval && closable)) && typeof children === 'string' ? children : undefined\n        }\n        data-slot='root'\n        {...props}\n      >\n        {icon && (\n          <span className={cn('inline-flex items-center justify-center flex-shrink-0', iconSizeClasses[size])}>\n            {React.isValidElement(icon)\n              ? React.cloneElement(icon, {\n                  className: cn('w-full h-full', (icon.props as { className?: string }).className),\n                } as React.HTMLAttributes<HTMLElement>)\n              : icon}\n          </span>\n        )}\n        <span\n          className={cn('tag_content', classNames?.content)}\n          data-slot='content'\n        >\n          {children}\n        </span>\n        {closable && (\n          <button\n            type='button'\n            onClick={handleClose}\n            onKeyDown={handleCloseKeyDown}\n            className={cn(\n              'tag_closeButton',\n              'inline-flex items-center justify-center flex-shrink-0 cursor-pointer rounded-sm opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-current focus:ring-offset-1',\n              iconSizeClasses[size],\n              classNames?.closeButton\n            )}\n            aria-label={typeof children === 'string' ? `Remove ${children}` : 'Remove tag'}\n            tabIndex={disableKeyboardRemoval ? 0 : -1}\n            data-slot='closeButton'\n          >\n            <X className='w-full h-full' />\n          </button>\n        )}\n      </span>\n    );\n});\n\nTag.displayName = 'Tag';\n\nexport type * from './types';\nexport default Tag;\n"]}

package/dist/{chunk-GOLARX5K.js → chunk-X3CNTOKQ.js}

@@ -1,20 +1,20 @@
-import { spinner_default } from './chunk-Y4XAXZHB.js';
-import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-NGYLRX6F.js';
+import { spinner_default } from './chunk-GGQF5PQN.js';
+import { getValidationStatus, cn, statusMessageVariants, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import React, { useId, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var floatInputVariants = cva(
-  "peer w-full placeholder:text-transparent rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-[border-color] duration-200 border border-border focus:border-primary focus:ring-1 focus:ring-primary/20 bg-background",
+  "peer w-full placeholder:text-transparent rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-[border-color] duration-200 border border-border focus-visible:border-primary bg-background",
   {
     variants: {
       status: {
         default: "",
-        error: "border-error focus:border-error focus:ring-error/20",
-        warning: "border-warning focus:border-warning focus:ring-warning/20",
-        info: "border-info focus:border-info focus:ring-info/20",
-        success: "border-success focus:border-success focus:ring-success/20"
+        error: "border-error focus-visible:border-error",
+        warning: "border-warning focus-visible:border-warning",
+        info: "border-info focus-visible:border-info",
+        success: "border-success focus-visible:border-success"
       },
       size: {
         xs: "h-9 pt-3.5 px-2 text-xs",
@@ -127,8 +127,11 @@ var FloatInput = React.memo(
     );
     const handleClear = React.useCallback(() => {
       if (value === void 0) setInternalValue("");
+      onChange?.({
+        target: { value: "" }
+      });
       onClear?.();
-    }, [value, onClear]);
+    }, [value, onChange, onClear]);
     const showClear = clearable && currentValue && !props.disabled && !props.readOnly;
     const hasRightIcon = rightIcon || showClear || loading;
     const ariaDescribedBy = useMemo(() => {
@@ -306,5 +309,5 @@ FloatInput.displayName = "FloatInput";
 var float_input_default = FloatInput;
 
 export { float_input_default };
-//# sourceMappingURL=chunk-GOLARX5K.js.map
-//# sourceMappingURL=chunk-GOLARX5K.js.map
+//# sourceMappingURL=chunk-X3CNTOKQ.js.map
+//# sourceMappingURL=chunk-X3CNTOKQ.js.map

package/dist/chunk-X3CNTOKQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/float-input/index.tsx"],"names":[],"mappings":"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","file":"chunk-X3CNTOKQ.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport React, { useId, useMemo } from \"react\";\n\nimport Spinner from \"../spinner\";\n\nimport {\n  cn,\n  getValidationStatus,\n  iconSizes,\n  statusMessageVariants,\n} from \"../utils\";\nimport type { FloatInputProps } from \"./types\";\n\nconst floatInputVariants = cva(\n  \"peer w-full placeholder:text-transparent rounded-md disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none text-text-primary transition-[border-color] duration-200 border border-border focus-visible:border-primary bg-background\",\n  {\n    variants: {\n      status: {\n        default: \"\",\n        error: \"border-error focus-visible:border-error\",\n        warning: \"border-warning focus-visible:border-warning\",\n        info: \"border-info focus-visible:border-info\",\n        success: \"border-success focus-visible:border-success\",\n      },\n      size: {\n        xs: \"h-9 pt-3.5 px-2 text-xs\",\n        sm: \"h-10 pt-4 px-3 text-sm\",\n        md: \"h-12 pt-5 px-3 text-base\",\n        lg: \"h-14 pt-5 px-4 text-lg\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"max-w-full\",\n      },\n    },\n    defaultVariants: {\n      status: \"default\",\n      size: \"md\",\n      fullWidth: true,\n    },\n  },\n);\n\nconst floatLabelVariants = cva(\n  \"absolute pointer-events-none transition-[top,font-size,color] duration-200 text-text-secondary origin-left\",\n  {\n    variants: {\n      size: {\n        xs: \"left-2 text-xs top-2.5 peer-focus:top-1 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1 peer-[:not(:placeholder-shown)]:text-[10px]\",\n        sm: \"left-3 text-sm top-2.5 peer-focus:top-1.5 peer-focus:text-[10px] peer-[:not(:placeholder-shown)]:top-1.5 peer-[:not(:placeholder-shown)]:text-[10px]\",\n        md: \"left-3 text-base top-3 peer-focus:top-2 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2 peer-[:not(:placeholder-shown)]:text-xs\",\n        lg: \"left-4 text-lg top-3.5 peer-focus:top-2.5 peer-focus:text-xs peer-[:not(:placeholder-shown)]:top-2.5 peer-[:not(:placeholder-shown)]:text-xs\",\n      },\n      status: {\n        default: \"\",\n        error: \"peer-focus:text-error\",\n        warning: \"peer-focus:text-warning\",\n        info: \"peer-focus:text-info\",\n        success: \"peer-focus:text-success\",\n      },\n      hasLeftIcon: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"xs\",\n        hasLeftIcon: true,\n        className: \"left-8\",\n      },\n      {\n        size: \"sm\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n      {\n        size: \"md\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n      {\n        size: \"lg\",\n        hasLeftIcon: true,\n        className: \"left-10\",\n      },\n    ],\n    defaultVariants: {\n      size: \"md\",\n      status: \"default\",\n      hasLeftIcon: false,\n    },\n  },\n);\n\nconst FloatInput = React.memo<FloatInputProps>(\n  ({\n    size = \"md\",\n    label,\n    error,\n    warning,\n    info,\n    success,\n    helperText,\n    leftIcon,\n    rightIcon,\n    clearable = false,\n    onClear,\n    loading = false,\n    fullWidth = true,\n    className,\n    classNames,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const [internalValue, setInternalValue] = React.useState(\"\");\n    const currentValue = value !== undefined ? value : internalValue;\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId();\n    const inputId = props.id || `float-input-${uniqueId}`;\n    const helperId = `float-input-helper-${uniqueId}`;\n    const loadingId = `float-input-loading-${uniqueId}`;\n    const labelId = `float-input-label-${uniqueId}`;\n\n    // Use shared validation status utility - memoized\n    const { status, message: helperMessage } = useMemo(\n      () => getValidationStatus({ error, warning, info, success, helperText }),\n      [error, warning, info, success, helperText],\n    );\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (value === undefined) setInternalValue(e.target.value);\n        onChange?.(e);\n      },\n      [value, onChange],\n    );\n\n    const handleClear = React.useCallback(() => {\n      if (value === undefined) setInternalValue(\"\");\n      onChange?.({\n        target: { value: \"\" },\n      } as React.ChangeEvent<HTMLInputElement>);\n      onClear?.();\n    }, [value, onChange, onClear]);\n\n    const showClear =\n      clearable && currentValue && !props.disabled && !props.readOnly;\n    const hasRightIcon = rightIcon || showClear || loading;\n\n    // Memoize aria-describedby to avoid array recreation on every render\n    const ariaDescribedBy = useMemo(() => {\n      const parts: string[] = [];\n      if (helperMessage) parts.push(helperId);\n      if (loading) parts.push(loadingId);\n      return parts.length > 0 ? parts.join(\" \") : undefined;\n    }, [helperMessage, helperId, loading, loadingId]);\n\n    // Memoize expensive className computations\n    const rootClass = useMemo(\n      () =>\n        cn(\n          \"float-input_root\",\n          \"w-full flex flex-col relative\",\n          !fullWidth && \"inline-block\",\n          classNames?.root,\n        ),\n      [fullWidth, classNames?.root],\n    );\n\n    const wrapperClass = useMemo(\n      () =>\n        cn(\n          \"float-input_wrapper\",\n          \"relative w-full\",\n          loading && \"opacity-50 cursor-not-allowed\",\n          classNames?.wrapper,\n        ),\n      [loading, classNames?.wrapper],\n    );\n\n    const leftIconClass = useMemo(() => {\n      const sizeClasses = {\n        xs: \"left-2\",\n        sm: \"left-3\",\n        md: \"left-3\",\n        lg: \"left-4\",\n      };\n      return cn(\n        \"float-input_leftIcon\",\n        \"absolute flex items-center h-full top-0 text-text-secondary\",\n        sizeClasses[size],\n        classNames?.leftIcon,\n      );\n    }, [size, classNames?.leftIcon]);\n\n    const inputClass = useMemo(() => {\n      const leftPadding = leftIcon\n        ? {\n            xs: \"pl-8\",\n            sm: \"pl-10\",\n            md: \"pl-10\",\n            lg: \"pl-11\",\n          }[size]\n        : \"\";\n\n      const rightPadding = hasRightIcon\n        ? {\n            xs: \"pr-8\",\n            sm: \"pr-8\",\n            md: \"pr-8\",\n            lg: \"pr-10\",\n          }[size]\n        : \"\";\n\n      return cn(\n        \"float-input_input\",\n        floatInputVariants({ status, size, fullWidth }),\n        leftPadding,\n        rightPadding,\n        className,\n        classNames?.input,\n      );\n    }, [\n      status,\n      size,\n      fullWidth,\n      leftIcon,\n      hasRightIcon,\n      className,\n      classNames?.input,\n    ]);\n\n    const labelClass = useMemo(\n      () =>\n        cn(\n          \"float-input_label\",\n          floatLabelVariants({ size, status, hasLeftIcon: !!leftIcon }),\n          classNames?.label,\n        ),\n      [size, status, leftIcon, classNames?.label],\n    );\n\n    const rightIconClass = useMemo(() => {\n      const sizeClasses = {\n        xs: \"right-2\",\n        sm: \"right-3\",\n        md: \"right-3\",\n        lg: \"right-4\",\n      };\n      return cn(\n        \"float-input_rightIcon\",\n        \"absolute flex gap-2 items-center h-full top-0 text-text-secondary\",\n        sizeClasses[size],\n        classNames?.rightIcon,\n      );\n    }, [size, classNames?.rightIcon]);\n\n    const clearButtonClass = useMemo(\n      () =>\n        cn(\n          \"float-input_clearButton\",\n          \"flex items-center h-full top-0 text-text-secondary hover:text-text-primary transition-colors\",\n          classNames?.clearButton,\n        ),\n      [classNames?.clearButton],\n    );\n\n    const helperClass = useMemo(\n      () =>\n        cn(\n          \"float-input_helper\",\n          statusMessageVariants({ status }),\n          \"mt-0.5\",\n          status === \"error\" ? classNames?.error : classNames?.helper,\n        ),\n      [status, classNames?.error, classNames?.helper],\n    );\n\n    const iconSize = iconSizes[size];\n\n    return (\n      <div data-slot=\"root\" className={rootClass}>\n        <div data-slot=\"wrapper\" className={wrapperClass}>\n          {leftIcon && (\n            <div\n              data-slot=\"leftIcon\"\n              className={leftIconClass}\n              aria-hidden=\"true\"\n            >\n              {leftIcon}\n            </div>\n          )}\n          <input\n            ref={ref}\n            id={inputId}\n            data-slot=\"input\"\n            className={inputClass}\n            value={currentValue}\n            onChange={handleChange}\n            placeholder=\" \"\n            aria-invalid={status === \"error\"}\n            aria-busy={loading}\n            aria-describedby={ariaDescribedBy}\n            aria-labelledby={labelId}\n            {...props}\n          />\n          <label\n            id={labelId}\n            htmlFor={inputId}\n            data-slot=\"label\"\n            className={labelClass}\n          >\n            {label}\n            {props.required && <span className=\"text-error ml-0.5\">*</span>}\n          </label>\n          {(hasRightIcon || rightIcon) && (\n            <div data-slot=\"rightIcon\" className={rightIconClass}>\n              {showClear && !loading && (\n                <button\n                  type=\"button\"\n                  onClick={handleClear}\n                  data-slot=\"clearButton\"\n                  className={clearButtonClass}\n                  aria-label=\"Clear input\"\n                >\n                  <X className={iconSize} aria-hidden=\"true\" />\n                </button>\n              )}\n              {loading ? (\n                <>\n                  <Spinner aria-hidden=\"true\" size={size} />\n                  <span id={loadingId} className=\"sr-only\">\n                    Loading\n                  </span>\n                </>\n              ) : (\n                rightIcon && <span aria-hidden=\"true\">{rightIcon}</span>\n              )}\n            </div>\n          )}\n        </div>\n        {helperMessage && (\n          <p id={helperId} data-slot=\"helper\" className={helperClass}>\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nFloatInput.displayName = \"FloatInput\";\n\nexport type * from \"./types\";\nexport default FloatInput;\n"]}

package/dist/{chunk-EHWXPH76.js → chunk-XKDN5PWJ.js}

@@ -1,5 +1,5 @@
-import { Spinner } from './chunk-Y4XAXZHB.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Spinner } from './chunk-GGQF5PQN.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -23,11 +23,13 @@ var FetchingOverlay = React.memo(({
         className
       ),
       style: isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : void 0,
-      children: /* @__PURE__ */ jsx(
+      role: "status",
+      "aria-busy": isFetching,
+      "aria-label": isFetching ? "Loading content" : void 0,
+      children: isFetching && /* @__PURE__ */ jsx(
         Spinner,
         {
           size,
-          className: "transition-transform duration-300 animate-spin",
           ...rest
         }
       )
@@ -38,5 +40,5 @@ FetchingOverlay.displayName = "FetchingOverlay";
 var fetching_overlay_default = FetchingOverlay;
 
 export { fetching_overlay_default };
-//# sourceMappingURL=chunk-EHWXPH76.js.map
-//# sourceMappingURL=chunk-EHWXPH76.js.map
+//# sourceMappingURL=chunk-XKDN5PWJ.js.map
+//# sourceMappingURL=chunk-XKDN5PWJ.js.map

package/dist/chunk-XKDN5PWJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fetching-overlay/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,CAA2B,CAAC;AAAA,EACxD,UAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,UAAA,GAAa,IAAA;AAAA,EACb,eAAA,GAAkB,EAAA;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,sBAAA;AAAA,QACA,mFAAA;AAAA,QACA,UAAA,IAAc,4BAAA;AAAA,QACd,aAAa,aAAA,GAAgB,+BAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,aAAa,EAAE,eAAA,EAAiB,iBAAiB,eAAA,GAAkB,GAAG,KAAI,GAAI,MAAA;AAAA,MACrF,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAW,UAAA;AAAA,MACX,YAAA,EAAY,aAAa,iBAAA,GAAoB,MAAA;AAAA,MAE5C,QAAA,EAAA,UAAA,oBACC,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACC,GAAG;AAAA;AAAA;AACN;AAAA,GAEJ;AAEJ,CAAC,CAAA;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAO,wBAAA,GAAQ","file":"chunk-XKDN5PWJ.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Spinner } from '../spinner'\nimport { SpinnerProps } from '../spinner/types'\nimport { cn } from '../utils'\n\nexport interface FetchingOverlayProps extends SpinnerProps {\n  isFetching: boolean\n  fullscreen?: boolean\n  backdropOpacity?: number\n}\n\nconst FetchingOverlay = React.memo<FetchingOverlayProps>(({\n  isFetching,\n  size = 'lg',\n  fullscreen = true,\n  backdropOpacity = 30,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'fetchingOverlay_root',\n        'absolute inset-0 flex items-center justify-center transition-opacity duration-300',\n        fullscreen && 'fixed w-full h-screen z-50',\n        isFetching ? 'opacity-100' : 'opacity-0 pointer-events-none',\n        className,\n      )}\n      style={isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : undefined}\n      role=\"status\"\n      aria-busy={isFetching}\n      aria-label={isFetching ? \"Loading content\" : undefined}\n    >\n      {isFetching && (\n        <Spinner\n          size={size}\n          {...rest}\n        />\n      )}\n    </div>\n  )\n})\n\nFetchingOverlay.displayName = 'FetchingOverlay'\n\nexport default FetchingOverlay\n"]}