@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/{chunk-XHJGYBYG.cjs → chunk-ZKFVGYBK.cjs}

@@ -95,6 +95,7 @@ function RadioGroup({
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         "fieldset",
         {
+          "data-slot": "radio-group",
           role: "radiogroup",
           className: chunkOR5DRJCW_cjs.cn("flex flex-col gap-2", className),
           "aria-describedby": [description ? descriptionId : null, error ? errorId : null].filter(Boolean).join(" ") || void 0,
@@ -102,6 +103,7 @@ function RadioGroup({
             label && /* @__PURE__ */ jsxRuntime.jsx(
               "legend",
               {
+                "data-slot": "radio-group-legend",
                 className: chunkOR5DRJCW_cjs.cn(
                   "text-foreground font-medium",
                   size === "sm" && "text-xs",
@@ -115,6 +117,7 @@ function RadioGroup({
               "p",
               {
                 id: descriptionId,
+                "data-slot": "radio-group-description",
                 className: chunkOR5DRJCW_cjs.cn(
                   "text-muted-foreground",
                   size === "sm" && "text-[10px]",
@@ -127,6 +130,7 @@ function RadioGroup({
             /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
+                "data-slot": "radio-group-items",
                 className: chunkOR5DRJCW_cjs.cn(
                   "flex gap-4",
                   orientation === "vertical" && "flex-col gap-3"
@@ -138,6 +142,7 @@ function RadioGroup({
               "p",
               {
                 id: errorId,
+                "data-slot": "radio-group-error",
                 className: chunkOR5DRJCW_cjs.cn(
                   "text-destructive",
                   size === "sm" && "text-xs",
@@ -179,41 +184,51 @@ var Radio = React__namespace.forwardRef(
         context.onChange(value);
       }
     }, [isDisabled, context, value]);
-    const radioElement = /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-flex items-center justify-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref,
-          id: radioId,
-          type: "radio",
-          name: context.name,
-          value,
-          checked: isChecked,
-          disabled: isDisabled,
-          onChange: handleChange,
-          "aria-describedby": description ? descriptionId : void 0,
-          className: chunkOR5DRJCW_cjs.cn(radioVariants({ size }), className),
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: chunkOR5DRJCW_cjs.cn(
-            "bg-primary-500 pointer-events-none absolute rounded-full transition-transform",
-            size === "sm" && "h-2 w-2",
-            size === "md" && "h-2.5 w-2.5",
-            size === "lg" && "h-3 w-3",
-            isChecked ? "scale-100" : "scale-0"
+    const radioElement = /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        "data-slot": "radio-indicator",
+        className: "relative inline-flex items-center justify-center",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref,
+              "data-slot": "radio",
+              id: radioId,
+              type: "radio",
+              name: context.name,
+              value,
+              checked: isChecked,
+              disabled: isDisabled,
+              onChange: handleChange,
+              "aria-describedby": description ? descriptionId : void 0,
+              className: chunkOR5DRJCW_cjs.cn(radioVariants({ size }), className),
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "radio-dot",
+              className: chunkOR5DRJCW_cjs.cn(
+                "bg-primary-800 pointer-events-none absolute rounded-full transition-transform",
+                size === "sm" && "h-2 w-2",
+                size === "md" && "h-2.5 w-2.5",
+                size === "lg" && "h-3 w-3",
+                isChecked ? "scale-100" : "scale-0"
+              )
+            }
           )
-        }
-      )
-    ] });
+        ]
+      }
+    );
     const labelElement = label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "label",
         {
           htmlFor: radioId,
+          "data-slot": "radio-label",
           className: chunkOR5DRJCW_cjs.cn(
             "text-foreground cursor-pointer font-medium select-none",
             size === "sm" && "text-xs",
@@ -228,6 +243,7 @@ var Radio = React__namespace.forwardRef(
         "p",
         {
           id: descriptionId,
+          "data-slot": "radio-description",
           className: chunkOR5DRJCW_cjs.cn(
             "text-muted-foreground",
             size === "sm" && "text-[10px]",
@@ -241,6 +257,7 @@ var Radio = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
+        "data-slot": "radio-wrapper",
         className: chunkOR5DRJCW_cjs.cn(
           "flex items-start gap-3",
           labelPosition === "left" && "flex-row-reverse"
@@ -258,5 +275,5 @@ Radio.displayName = "Radio";
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
 exports.radioVariants = radioVariants;
-//# sourceMappingURL=chunk-XHJGYBYG.cjs.map
-//# sourceMappingURL=chunk-XHJGYBYG.cjs.map
+//# sourceMappingURL=chunk-ZKFVGYBK.cjs.map
+//# sourceMappingURL=chunk-ZKFVGYBK.cjs.map

package/dist/chunk-ZKFVGYBK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"names":["React","cva","jsx","jsxs","cn"],"mappings":"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","file":"chunk-ZKFVGYBK.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Radio Group Context\n// ============================================================================\n\ninterface RadioGroupContextValue {\n  name: string;\n  value: string;\n  onChange: (value: string) => void;\n  disabled?: boolean;\n  size?: 'sm' | 'md' | 'lg' | null;\n}\n\nconst RadioGroupContext = React.createContext<\n  RadioGroupContextValue | undefined\n>(undefined);\n\nfunction useRadioGroupContext() {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error('Radio must be used within a RadioGroup');\n  }\n  return context;\n}\n\n// ============================================================================\n// Radio Variants\n// ============================================================================\n\nconst radioVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded-full',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\n// ============================================================================\n// Radio Group\n// ============================================================================\n\nexport interface RadioGroupProps {\n  /** Group name (required for native form behavior) */\n  name?: string;\n  /** Controlled value */\n  value?: string;\n  /** Default value (uncontrolled) */\n  defaultValue?: string;\n  /** Callback when value changes */\n  onValueChange?: (value: string) => void;\n  /** Group label */\n  label?: string;\n  /** Description for the group */\n  description?: string;\n  /** Error message */\n  error?: string;\n  /** Whether all radios are disabled */\n  disabled?: boolean;\n  /** Size of all radios */\n  size?: 'sm' | 'md' | 'lg';\n  /** Orientation of radio items */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children radio items */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A radio group component for selecting one option from a set.\n *\n * @example\n * ```tsx\n * <RadioGroup name=\"plan\" label=\"Select a plan\" onValueChange={setPlan}>\n *   <Radio value=\"free\" label=\"Free\" />\n *   <Radio value=\"pro\" label=\"Pro\" />\n *   <Radio value=\"enterprise\" label=\"Enterprise\" />\n * </RadioGroup>\n * ```\n */\nfunction RadioGroup({\n  name,\n  value: controlledValue,\n  defaultValue = '',\n  onValueChange,\n  label,\n  description,\n  error,\n  disabled = false,\n  size = 'md',\n  orientation = 'vertical',\n  children,\n  className,\n}: RadioGroupProps) {\n  const generatedName = React.useId();\n  const groupName = name || generatedName;\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  const [uncontrolledValue, setUncontrolledValue] =\n    React.useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n\n  const handleChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setUncontrolledValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange]\n  );\n\n  return (\n    <RadioGroupContext.Provider\n      value={{ name: groupName, value, onChange: handleChange, disabled, size }}\n    >\n      <fieldset\n        data-slot=\"radio-group\"\n        role=\"radiogroup\"\n        className={cn('flex flex-col gap-2', className)}\n        aria-describedby={\n          [description ? descriptionId : null, error ? errorId : null]\n            .filter(Boolean)\n            .join(' ') || undefined\n        }\n      >\n        {label && (\n          <legend\n            data-slot=\"radio-group-legend\"\n            className={cn(\n              'text-foreground font-medium',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n          >\n            {label}\n          </legend>\n        )}\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"radio-group-description\"\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n        <div\n          data-slot=\"radio-group-items\"\n          className={cn(\n            'flex gap-4',\n            orientation === 'vertical' && 'flex-col gap-3'\n          )}\n        >\n          {children}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"radio-group-error\"\n            className={cn(\n              'text-destructive',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base'\n            )}\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </fieldset>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n\n// ============================================================================\n// Radio Item\n// ============================================================================\n\nexport interface RadioProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof radioVariants> {\n  /** Value for this radio option */\n  value: string;\n  /** Label for the radio */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An individual radio item within a RadioGroup.\n *\n * @example\n * ```tsx\n * <Radio value=\"option1\" label=\"Option 1\" />\n * <Radio value=\"option2\" label=\"Option 2\" description=\"Additional details\" />\n * ```\n */\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className,\n      size: propSize,\n      value,\n      label,\n      description,\n      labelPosition = 'right',\n      disabled: propDisabled,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const context = useRadioGroupContext();\n    const generatedId = React.useId();\n    const radioId = id || generatedId;\n    const descriptionId = `${radioId}-description`;\n\n    const isChecked = context.value === value;\n    const isDisabled = propDisabled || context.disabled;\n    const size = propSize || context.size;\n\n    const handleChange = React.useCallback(() => {\n      if (!isDisabled) {\n        context.onChange(value);\n      }\n    }, [isDisabled, context, value]);\n\n    const radioElement = (\n      <span\n        data-slot=\"radio-indicator\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        <input\n          ref={ref}\n          data-slot=\"radio\"\n          id={radioId}\n          type=\"radio\"\n          name={context.name}\n          value={value}\n          checked={isChecked}\n          disabled={isDisabled}\n          onChange={handleChange}\n          aria-describedby={description ? descriptionId : undefined}\n          className={cn(radioVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom dot indicator */}\n        <span\n          data-slot=\"radio-dot\"\n          className={cn(\n            'bg-primary-800 pointer-events-none absolute rounded-full transition-transform',\n            size === 'sm' && 'h-2 w-2',\n            size === 'md' && 'h-2.5 w-2.5',\n            size === 'lg' && 'h-3 w-3',\n            isChecked ? 'scale-100' : 'scale-0'\n          )}\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col gap-0.5\">\n        <label\n          htmlFor={radioId}\n          data-slot=\"radio-label\"\n          className={cn(\n            'text-foreground cursor-pointer font-medium select-none',\n            size === 'sm' && 'text-xs',\n            size === 'md' && 'text-sm',\n            size === 'lg' && 'text-base',\n            isDisabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"radio-description\"\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-[10px]',\n              size === 'md' && 'text-xs',\n              size === 'lg' && 'text-sm'\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div\n        data-slot=\"radio-wrapper\"\n        className={cn(\n          'flex items-start gap-3',\n          labelPosition === 'left' && 'flex-row-reverse'\n        )}\n      >\n        {radioElement}\n        {labelElement}\n      </div>\n    );\n  }\n);\n\nRadio.displayName = 'Radio';\n\nexport { RadioGroup, Radio, radioVariants };\n"]}

package/dist/{chunk-NAATBUHR.cjs → chunk-ZNZZCB2M.cjs}

@@ -46,7 +46,7 @@ var progressBarFillVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: "bg-primary-500",
+        default: "bg-primary-800",
         success: "bg-green-500",
         warning: "bg-yellow-500",
         danger: "bg-red-500"
@@ -88,21 +88,37 @@ function Progress({
   const percentage = Math.min(Math.max(value / max * 100, 0), 100);
   const progressId = React__namespace.useId();
   const displayValue = formatValue ? formatValue(value, max) : `${Math.round(percentage)}%`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOR5DRJCW_cjs.cn("w-full", className), children: [
-    (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex items-center justify-between", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          id: `${progressId}-label`,
-          className: "text-foreground text-sm font-medium",
-          children: label
-        }
-      ),
-      showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: displayValue })
-    ] }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "progress", className: chunkOR5DRJCW_cjs.cn("w-full", className), children: [
+    (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "progress-label-row",
+        className: "mb-1.5 flex items-center justify-between",
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            "label",
+            {
+              "data-slot": "progress-label",
+              id: `${progressId}-label`,
+              className: "text-foreground text-sm font-medium",
+              children: label
+            }
+          ),
+          showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "progress-value",
+              className: "text-sm text-neutral-600 dark:text-neutral-400",
+              children: displayValue
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
+        "data-slot": "progress-track",
         role: "progressbar",
         "aria-valuenow": indeterminate ? void 0 : value,
         "aria-valuemin": 0,
@@ -113,10 +129,11 @@ function Progress({
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
+            "data-slot": "progress-fill",
             className: chunkOR5DRJCW_cjs.cn(
               progressBarFillVariants({ variant, animated, striped }),
               indeterminate && "w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]",
-              !striped && variant === "default" && "bg-primary-500",
+              !striped && variant === "default" && "bg-primary-800",
               !striped && variant === "success" && "bg-green-500",
               !striped && variant === "warning" && "bg-yellow-500",
               !striped && variant === "danger" && "bg-red-500"
@@ -167,6 +184,7 @@ function CircularProgress({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      "data-slot": "circular-progress",
       role: "progressbar",
       "aria-valuenow": indeterminate ? void 0 : value,
       "aria-valuemin": 0,
@@ -177,6 +195,7 @@ function CircularProgress({
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
           {
+            "aria-hidden": "true",
             className: chunkOR5DRJCW_cjs.cn("-rotate-90 transform", indeterminate && "animate-spin"),
             width: svgSize,
             height: svgSize,
@@ -212,10 +231,17 @@ function CircularProgress({
             ]
           }
         ),
-        showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium", children: [
-          Math.round(percentage),
-          "%"
-        ] })
+        showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            "data-slot": "circular-progress-value",
+            className: "text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium",
+            children: [
+              Math.round(percentage),
+              "%"
+            ]
+          }
+        )
       ]
     }
   );
@@ -227,5 +253,5 @@ exports.Progress = Progress;
 exports.circularProgressVariants = circularProgressVariants;
 exports.progressBarFillVariants = progressBarFillVariants;
 exports.progressBarTrackVariants = progressBarTrackVariants;
-//# sourceMappingURL=chunk-NAATBUHR.cjs.map
-//# sourceMappingURL=chunk-NAATBUHR.cjs.map
+//# sourceMappingURL=chunk-ZNZZCB2M.cjs.map
+//# sourceMappingURL=chunk-ZNZZCB2M.cjs.map

package/dist/chunk-ZNZZCB2M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAM,wBAAA,GAA2BA,0BAAA;AAAA,EAC/B,CAAC,wEAAwE,CAAA;AAAA,EACzE;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI,KAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,uBAAA,GAA0BA,0BAAA;AAAA,EAC9B,CAAC,0DAA0D,CAAA;AAAA,EAC3D;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,eAAA;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,eAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,UACJ,kBAAA;AAAA,UACA,8CAAA;AAAA,UACA,uBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,KAAA;AAAA,MACV,OAAA,EAAS;AAAA;AACX;AAEJ;AAoCA,SAAS,QAAA,CAAS;AAAA,EAChB,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,WAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,GAAgB;AAClB,CAAA,EAAkB;AAChB,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAK,QAAQ,GAAA,GAAO,GAAA,EAAK,CAAC,CAAA,EAAG,GAAG,CAAA;AACjE,EAAA,MAAM,aAAmBC,gBAAA,CAAA,KAAA,EAAM;AAE/B,EAAA,MAAM,YAAA,GAAe,WAAA,GACjB,WAAA,CAAY,KAAA,EAAO,GAAG,IACtB,CAAA,EAAG,IAAA,CAAK,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA,CAAA;AAE7B,EAAA,uBACEC,eAAA,CAAC,SAAI,WAAA,EAAU,UAAA,EAAW,WAAWC,oBAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EACvD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACTD,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,oBAAA;AAAA,QACV,SAAA,EAAU,0CAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCE,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,gBAAA;AAAA,cACV,EAAA,EAAI,GAAG,UAAU,CAAA,MAAA,CAAA;AAAA,cACjB,SAAA,EAAU,qCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAED,SAAA,IAAa,CAAC,aAAA,oBACbA,cAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,WAAA,EAAU,gBAAA;AAAA,cACV,SAAA,EAAU,gDAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KAEJ;AAAA,oBAEFA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,IAAA,EAAK,aAAA;AAAA,QACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,QAC3C,eAAA,EAAe,CAAA;AAAA,QACf,eAAA,EAAe,GAAA;AAAA,QACf,iBAAA,EAAiB,KAAA,GAAQ,CAAA,EAAG,UAAU,CAAA,MAAA,CAAA,GAAW,MAAA;AAAA,QACjD,YAAA,EAAY,CAAC,KAAA,GAAQ,UAAA,GAAa,MAAA;AAAA,QAClC,WAAWD,oBAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAC,CAAA;AAAA,QAEhD,QAAA,kBAAAC,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,SAAA,EAAWD,oBAAA;AAAA,cACT,uBAAA,CAAwB,EAAE,OAAA,EAAS,QAAA,EAAU,SAAS,CAAA;AAAA,cACtD,aAAA,IACE,yDAAA;AAAA,cACF,CAAC,OAAA,IAAW,OAAA,KAAY,SAAA,IAAa,gBAAA;AAAA,cACrC,CAAC,OAAA,IAAW,OAAA,KAAY,SAAA,IAAa,cAAA;AAAA,cACrC,CAAC,OAAA,IAAW,OAAA,KAAY,SAAA,IAAa,eAAA;AAAA,cACrC,CAAC,OAAA,IAAW,OAAA,KAAY,QAAA,IAAY;AAAA,aACtC;AAAA,YACA,OAAO,aAAA,GAAgB,MAAA,GAAY,EAAE,KAAA,EAAO,CAAA,EAAG,UAAU,CAAA,CAAA,CAAA;AAAI;AAAA;AAC/D;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAMvB,IAAM,wBAAA,GAA2BH,0BAAA,CAAI,CAAC,sBAAsB,CAAA,EAAG;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAkCD,SAAS,gBAAA,CAAiB;AAAA,EACxB,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,WAAA,GAAc,CAAA;AAAA,EACd,SAAA,GAAY,KAAA;AAAA,EACZ,aAAA,GAAgB,KAAA;AAAA,EAChB;AACF,CAAA,EAA0B;AACxB,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAK,QAAQ,GAAA,GAAO,GAAA,EAAK,CAAC,CAAA,EAAG,GAAG,CAAA;AAGjE,EAAA,MAAM,OAAA,GAAU,EAAE,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAG;AACjD,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,IAAA,IAAQ,IAAI,CAAA;AACpC,EAAA,MAAM,MAAA,GAAA,CAAU,UAAU,WAAA,IAAe,CAAA;AACzC,EAAA,MAAM,aAAA,GAAgB,CAAA,GAAI,IAAA,CAAK,EAAA,GAAK,MAAA;AACpC,EAAA,MAAM,MAAA,GAAS,aAAA,GAAiB,UAAA,GAAa,GAAA,GAAO,aAAA;AAEpD,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,OAAA,EAAS,oBAAA;AAAA,IACT,OAAA,EAAS,kBAAA;AAAA,IACT,OAAA,EAAS,mBAAA;AAAA,IACT,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACEE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,IAAA,EAAK,aAAA;AAAA,MACL,eAAA,EAAe,gBAAgB,MAAA,GAAY,KAAA;AAAA,MAC3C,eAAA,EAAe,CAAA;AAAA,MACf,eAAA,EAAe,GAAA;AAAA,MACf,YAAA,EAAW,UAAA;AAAA,MACX,WAAWC,oBAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAE3D,QAAA,EAAA;AAAA,wBAAAD,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAWC,oBAAA,CAAG,sBAAA,EAAwB,aAAA,IAAiB,cAAc,CAAA;AAAA,YACrE,KAAA,EAAO,OAAA;AAAA,YACP,MAAA,EAAQ,OAAA;AAAA,YAGR,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,4CAAA;AAAA,kBACV,IAAA,EAAK,MAAA;AAAA,kBACL,WAAA;AAAA,kBACA,IAAI,OAAA,GAAU,CAAA;AAAA,kBACd,IAAI,OAAA,GAAU,CAAA;AAAA,kBACd,CAAA,EAAG;AAAA;AAAA,eACL;AAAA,8BAEAA,cAAA;AAAA,gBAAC,QAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAWD,oBAAA;AAAA,oBACT,cAAc,OAAO,CAAA;AAAA,oBACrB;AAAA,mBACF;AAAA,kBACA,IAAA,EAAK,MAAA;AAAA,kBACL,WAAA;AAAA,kBACA,aAAA,EAAc,OAAA;AAAA,kBACd,IAAI,OAAA,GAAU,CAAA;AAAA,kBACd,IAAI,OAAA,GAAU,CAAA;AAAA,kBACd,CAAA,EAAG,MAAA;AAAA,kBACH,eAAA,EAAiB,aAAA;AAAA,kBACjB,gBAAA,EAAkB,aAAA,GAAgB,aAAA,GAAgB,IAAA,GAAO;AAAA;AAAA;AAC3D;AAAA;AAAA,SACF;AAAA,QACC,SAAA,IAAa,CAAC,aAAA,oBACbD,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,yBAAA;AAAA,YACV,SAAA,EAAU,uFAAA;AAAA,YAET,QAAA,EAAA;AAAA,cAAA,IAAA,CAAK,MAAM,UAAU,CAAA;AAAA,cAAE;AAAA;AAAA;AAAA;AAC1B;AAAA;AAAA,GAEJ;AAEJ;AAEA,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"chunk-ZNZZCB2M.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Progress Bar Variants\n// ============================================================================\n\nconst progressBarTrackVariants = cva(\n  ['w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-700'],\n  {\n    variants: {\n      size: {\n        sm: 'h-1',\n        md: 'h-2',\n        lg: 'h-3',\n        xl: 'h-4',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nconst progressBarFillVariants = cva(\n  ['h-full rounded-full transition-all duration-300 ease-out'],\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary-800',\n        success: 'bg-green-500',\n        warning: 'bg-yellow-500',\n        danger: 'bg-red-500',\n      },\n      animated: {\n        true: 'animate-pulse',\n        false: '',\n      },\n      striped: {\n        true: [\n          'bg-gradient-to-r',\n          'from-transparent via-white/20 to-transparent',\n          'bg-[length:1rem_100%]',\n          'animate-[progress-stripes_1s_linear_infinite]',\n        ],\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      animated: false,\n      striped: false,\n    },\n  }\n);\n\n// ============================================================================\n// Progress Bar Component\n// ============================================================================\n\nexport interface ProgressProps\n  extends\n    VariantProps<typeof progressBarTrackVariants>,\n    VariantProps<typeof progressBarFillVariants> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Label for the progress bar */\n  label?: string;\n  /** Show the percentage value */\n  showValue?: boolean;\n  /** Format the displayed value */\n  formatValue?: (value: number, max: number) => string;\n  /** Additional class name */\n  className?: string;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for showing completion status.\n *\n * @example\n * ```tsx\n * <Progress value={60} />\n * <Progress value={75} showValue label=\"Upload progress\" />\n * <Progress value={30} variant=\"success\" striped />\n * ```\n */\nfunction Progress({\n  value,\n  max = 100,\n  label,\n  showValue = false,\n  formatValue,\n  size,\n  variant,\n  animated,\n  striped,\n  className,\n  indeterminate = false,\n}: ProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n  const progressId = React.useId();\n\n  const displayValue = formatValue\n    ? formatValue(value, max)\n    : `${Math.round(percentage)}%`;\n\n  return (\n    <div data-slot=\"progress\" className={cn('w-full', className)}>\n      {(label || showValue) && (\n        <div\n          data-slot=\"progress-label-row\"\n          className=\"mb-1.5 flex items-center justify-between\"\n        >\n          {label && (\n            <label\n              data-slot=\"progress-label\"\n              id={`${progressId}-label`}\n              className=\"text-foreground text-sm font-medium\"\n            >\n              {label}\n            </label>\n          )}\n          {showValue && !indeterminate && (\n            <span\n              data-slot=\"progress-value\"\n              className=\"text-sm text-neutral-600 dark:text-neutral-400\"\n            >\n              {displayValue}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        data-slot=\"progress-track\"\n        role=\"progressbar\"\n        aria-valuenow={indeterminate ? undefined : value}\n        aria-valuemin={0}\n        aria-valuemax={max}\n        aria-labelledby={label ? `${progressId}-label` : undefined}\n        aria-label={!label ? 'Progress' : undefined}\n        className={cn(progressBarTrackVariants({ size }))}\n      >\n        <div\n          data-slot=\"progress-fill\"\n          className={cn(\n            progressBarFillVariants({ variant, animated, striped }),\n            indeterminate &&\n              'w-1/3 animate-[indeterminate_1.5s_ease-in-out_infinite]',\n            !striped && variant === 'default' && 'bg-primary-800',\n            !striped && variant === 'success' && 'bg-green-500',\n            !striped && variant === 'warning' && 'bg-yellow-500',\n            !striped && variant === 'danger' && 'bg-red-500'\n          )}\n          style={indeterminate ? undefined : { width: `${percentage}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nProgress.displayName = 'Progress';\n\n// ============================================================================\n// Circular Progress Variants\n// ============================================================================\n\nconst circularProgressVariants = cva(['relative inline-flex'], {\n  variants: {\n    size: {\n      sm: 'h-8 w-8',\n      md: 'h-12 w-12',\n      lg: 'h-16 w-16',\n      xl: 'h-24 w-24',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Circular Progress Component\n// ============================================================================\n\nexport interface CircularProgressProps extends VariantProps<\n  typeof circularProgressVariants\n> {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Maximum value (default: 100) */\n  max?: number;\n  /** Color variant */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /** Stroke width */\n  strokeWidth?: number;\n  /** Show the percentage value in the center */\n  showValue?: boolean;\n  /** Whether the progress is indeterminate */\n  indeterminate?: boolean;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A circular progress indicator component.\n *\n * @example\n * ```tsx\n * <CircularProgress value={75} showValue />\n * <CircularProgress value={50} variant=\"success\" size=\"lg\" />\n * ```\n */\nfunction CircularProgress({\n  value,\n  max = 100,\n  variant = 'default',\n  size,\n  strokeWidth = 4,\n  showValue = false,\n  indeterminate = false,\n  className,\n}: CircularProgressProps) {\n  const percentage = Math.min(Math.max((value / max) * 100, 0), 100);\n\n  // SVG calculations\n  const sizeMap = { sm: 32, md: 48, lg: 64, xl: 96 };\n  const svgSize = sizeMap[size || 'md'];\n  const radius = (svgSize - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const offset = circumference - (percentage / 100) * circumference;\n\n  const variantColors = {\n    default: 'stroke-primary-500',\n    success: 'stroke-green-500',\n    warning: 'stroke-yellow-500',\n    danger: 'stroke-red-500',\n  };\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      role=\"progressbar\"\n      aria-valuenow={indeterminate ? undefined : value}\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-label=\"Progress\"\n      className={cn(circularProgressVariants({ size }), className)}\n    >\n      <svg\n        aria-hidden=\"true\"\n        className={cn('-rotate-90 transform', indeterminate && 'animate-spin')}\n        width={svgSize}\n        height={svgSize}\n      >\n        {/* Background track */}\n        <circle\n          className=\"stroke-neutral-200 dark:stroke-neutral-700\"\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n        />\n        {/* Progress fill */}\n        <circle\n          className={cn(\n            variantColors[variant],\n            'transition-all duration-300 ease-out'\n          )}\n          fill=\"none\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          cx={svgSize / 2}\n          cy={svgSize / 2}\n          r={radius}\n          strokeDasharray={circumference}\n          strokeDashoffset={indeterminate ? circumference * 0.75 : offset}\n        />\n      </svg>\n      {showValue && !indeterminate && (\n        <span\n          data-slot=\"circular-progress-value\"\n          className=\"text-foreground absolute inset-0 flex items-center justify-center text-xs font-medium\"\n        >\n          {Math.round(percentage)}%\n        </span>\n      )}\n    </div>\n  );\n}\n\nCircularProgress.displayName = 'CircularProgress';\n\nexport {\n  Progress,\n  CircularProgress,\n  progressBarTrackVariants,\n  progressBarFillVariants,\n  circularProgressVariants,\n};\n"]}

package/dist/{chunk-CEHWXAAI.js → chunk-ZVPJ2MH6.js}

@@ -1,7 +1,17 @@
 // src/utils/phone.ts
 function formatPhoneNumber(value) {
-  const digits = value.replace(/\D/g, "").slice(0, 10);
-  if (digits.length === 0) return "";
+  const allDigits = value.replace(/\D/g, "");
+  if (allDigits.length === 0) return "";
+  if (allDigits.length === 11 && allDigits.startsWith("1")) {
+    const rest = allDigits.slice(1);
+    return `+1 (${rest.slice(0, 3)}) ${rest.slice(3, 6)}-${rest.slice(6)}`;
+  }
+  if (allDigits.length > 11) {
+    const cc = allDigits.slice(0, allDigits.length - 10);
+    const nat = allDigits.slice(-10);
+    return `+${cc} (${nat.slice(0, 3)}) ${nat.slice(3, 6)}-${nat.slice(6)}`;
+  }
+  const digits = allDigits.slice(0, 10);
   if (digits.length <= 3) return `(${digits}`;
   if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;
   return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
@@ -18,5 +28,5 @@ function isPhoneNumberEmpty(value) {
 }
 
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber };
-//# sourceMappingURL=chunk-CEHWXAAI.js.map
-//# sourceMappingURL=chunk-CEHWXAAI.js.map
+//# sourceMappingURL=chunk-ZVPJ2MH6.js.map
+//# sourceMappingURL=chunk-ZVPJ2MH6.js.map

package/dist/chunk-ZVPJ2MH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/phone.ts"],"names":[],"mappings":";AAaO,SAAS,kBAAkB,KAAA,EAAuB;AACvD,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACzC,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAInC,EAAA,IAAI,UAAU,MAAA,KAAW,EAAA,IAAM,SAAA,CAAU,UAAA,CAAW,GAAG,CAAA,EAAG;AACxD,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,KAAA,CAAM,CAAC,CAAA;AAC9B,IAAA,OAAO,OAAO,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAAA,EACtE;AAKA,EAAA,IAAI,SAAA,CAAU,SAAS,EAAA,EAAI;AACzB,IAAA,MAAM,KAAK,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,SAAA,CAAU,SAAS,EAAE,CAAA;AACnD,IAAA,MAAM,GAAA,GAAM,SAAA,CAAU,KAAA,CAAM,GAAG,CAAA;AAC/B,IAAA,OAAO,IAAI,EAAE,CAAA,EAAA,EAAK,IAAI,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,GAAA,CAAI,KAAA,CAAM,GAAG,CAAC,CAAC,IAAI,GAAA,CAAI,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAAA,EACvE;AAGA,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AACpC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAM,CAAA,CAAA;AACzC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE,EAAA,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE;AAKO,SAAS,oBAAoB,KAAA,EAAuB;AACzD,EAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AAChC;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,MAAM,MAAA,GAAS,oBAAoB,KAAK,CAAA;AACxC,EAAA,OAAO,OAAO,MAAA,KAAW,EAAA;AAC3B;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,OAAO,mBAAA,CAAoB,KAAK,CAAA,CAAE,MAAA,KAAW,CAAA;AAC/C","file":"chunk-ZVPJ2MH6.js","sourcesContent":["/**\n * Phone number formatting utilities\n */\n\n/**\n * Formats a phone number string to US format.\n *\n * Behavior:\n * - 10 digits          → `(XXX) XXX-XXXX`\n * - 11 digits w/ `1`   → `+1 (XXX) XXX-XXXX` (E.164 US/Canada)\n * - 12+ digits         → `+CC (XXX) XXX-XXXX...` (best-effort intl)\n * - partial (typing)   → progressive `(`, `(XXX`, `(XXX) X`, etc.\n */\nexport function formatPhoneNumber(value: string): string {\n  const allDigits = value.replace(/\\D/g, '');\n  if (allDigits.length === 0) return '';\n\n  // E.164 with US/Canada country code (1XXXXXXXXXX). Show the country code\n  // explicitly so phone numbers aren't shifted by one digit when displayed.\n  if (allDigits.length === 11 && allDigits.startsWith('1')) {\n    const rest = allDigits.slice(1);\n    return `+1 (${rest.slice(0, 3)}) ${rest.slice(3, 6)}-${rest.slice(6)}`;\n  }\n\n  // Other international numbers: keep the country code prefix and format the\n  // trailing 10 digits as a US-style block. This isn't locale-perfect but\n  // it's better than silently dropping the country code.\n  if (allDigits.length > 11) {\n    const cc = allDigits.slice(0, allDigits.length - 10);\n    const nat = allDigits.slice(-10);\n    return `+${cc} (${nat.slice(0, 3)}) ${nat.slice(3, 6)}-${nat.slice(6)}`;\n  }\n\n  // Domestic / partial input — progressive formatting as the user types.\n  const digits = allDigits.slice(0, 10);\n  if (digits.length <= 3) return `(${digits}`;\n  if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;\n  return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;\n}\n\n/**\n * Removes formatting from a phone number, returning only digits\n */\nexport function unformatPhoneNumber(value: string): string {\n  return value.replace(/\\D/g, '');\n}\n\n/**\n * Validates if a phone number has exactly 10 digits\n */\nexport function isValidPhoneNumber(value: string): boolean {\n  const digits = unformatPhoneNumber(value);\n  return digits.length === 10;\n}\n\n/**\n * Checks if a phone number string is empty (no digits)\n */\nexport function isPhoneNumberEmpty(value: string): boolean {\n  return unformatPhoneNumber(value).length === 0;\n}\n"]}

package/dist/{chunk-VBHPXSCV.js → chunk-ZVSW2KS6.js}

@@ -16,9 +16,9 @@ var buttonVariants = cva(
     variants: {
       variant: {
         primary: [
-          "bg-primary-700 text-white",
-          "hover:bg-primary-800",
-          "active:bg-primary-900"
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
+          "active:bg-primary-950"
         ],
         secondary: [
           "bg-neutral-200 text-neutral-900",
@@ -88,10 +88,16 @@ var Button = React.forwardRef(
     children,
     ...props
   }, ref) => {
+    const resolvedSize = size ?? "md";
     return /* @__PURE__ */ jsx(
       "button",
       {
-        className: cn(buttonVariants({ variant, size, fullWidth }), className),
+        "data-slot": "button",
+        "data-size": resolvedSize,
+        className: cn(
+          buttonVariants({ variant, size: resolvedSize, fullWidth }),
+          className
+        ),
         ref,
         disabled: disabled || isLoading,
         "aria-busy": isLoading,
@@ -144,5 +150,5 @@ function LoadingSpinner() {
 }
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map

package/dist/chunk-ZVSW2KS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-ZVSW2KS6.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-semibold transition-all duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'active:scale-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          'dark:hover:bg-primary-950',\n          'dark:active:bg-primary-900',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Optional icon element to render before the button text */\n  leftIcon?: React.ReactElement | null;\n  /** Optional icon element to render after the button text */\n  rightIcon?: React.ReactElement | null;\n  /** Shows a loading spinner and disables the button */\n  isLoading?: boolean;\n  /** Accessible label for the loading state */\n  loadingText?: string;\n}\n\n/**\n * A versatile button component with multiple variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"md\">Click me</Button>\n * <Button variant=\"danger\" leftIcon={<TrashIcon />}>Delete</Button>\n * <Button variant=\"ghost\" isLoading loadingText=\"Saving...\">Save</Button>\n * ```\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      leftIcon,\n      rightIcon,\n      isLoading,\n      loadingText,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'md';\n    return (\n      <button\n        data-slot=\"button\"\n        data-size={resolvedSize}\n        className={cn(\n          buttonVariants({ variant, size: resolvedSize, fullWidth }),\n          className\n        )}\n        ref={ref}\n        disabled={disabled || isLoading}\n        aria-busy={isLoading}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <LoadingSpinner />\n            {loadingText || children}\n          </>\n        ) : (\n          <>\n            {React.isValidElement(leftIcon) && (\n              <span className=\"shrink-0\">{leftIcon}</span>\n            )}\n            {children}\n            {React.isValidElement(rightIcon) && (\n              <span className=\"shrink-0\">{rightIcon}</span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\n/**\n * Simple loading spinner for the button\n */\nfunction LoadingSpinner() {\n  return (\n    <svg\n      className=\"h-4 w-4 animate-spin\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}

package/dist/components/Alert/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunkIY7UQPDO_cjs = require('../../chunk-IY7UQPDO.cjs');
+var chunkWGPMTW36_cjs = require('../../chunk-WGPMTW36.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.Alert; }
+  get: function () { return chunkWGPMTW36_cjs.Alert; }
 });
 Object.defineProperty(exports, "AlertDescription", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.AlertDescription; }
+  get: function () { return chunkWGPMTW36_cjs.AlertDescription; }
 });
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.AlertTitle; }
+  get: function () { return chunkWGPMTW36_cjs.AlertTitle; }
 });
 Object.defineProperty(exports, "alertVariants", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.alertVariants; }
+  get: function () { return chunkWGPMTW36_cjs.alertVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-export { Alert, AlertDescription, AlertTitle, alertVariants } from '../../chunk-B26RIQ5R.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from '../../chunk-MV3MTHWQ.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AudioPlayer/index.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunkINFSKLXE_cjs = require('../../chunk-INFSKLXE.cjs');
+var chunkWJU3KLVV_cjs = require('../../chunk-WJU3KLVV.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.AudioPlayer; }
+  get: function () { return chunkWJU3KLVV_cjs.AudioPlayer; }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.ProgressBar; }
+  get: function () { return chunkWJU3KLVV_cjs.ProgressBar; }
 });
 Object.defineProperty(exports, "audioPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.audioPlayerVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.audioPlayerVariants; }
 });
 Object.defineProperty(exports, "formatAudioTime", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.formatTime; }
+  get: function () { return chunkWJU3KLVV_cjs.formatTime; }
 });
 Object.defineProperty(exports, "playButtonVariants", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.playButtonVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.playButtonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AudioPlayer/index.d.cts

@@ -56,6 +56,10 @@ interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
     playbackRates?: number[];
     /** Whether to show playback speed control */
     showPlaybackRate?: boolean;
+    /** Whether to preload audio (set to false for lists with many items) */
+    preload?: boolean;
+    /** Fallback duration in seconds to display before audio metadata is loaded */
+    fallbackDuration?: number;
 }
 declare const audioPlayerVariants: (props?: ({
     variant?: "inline" | "compact" | "waveform" | null | undefined;
@@ -93,9 +97,6 @@ declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: Progr
  * // Then: playerRef.current?.seekTo(30); playerRef.current?.play();
  * ```
  */
-declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & {
-    preload?: boolean;
-    fallbackDuration?: number;
-} & React.RefAttributes<AudioPlayerRef>>;
+declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<AudioPlayerRef>>;
 
 export { AudioPlayer, type AudioPlayerProps, type AudioPlayerRef, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.d.ts

@@ -56,6 +56,10 @@ interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
     playbackRates?: number[];
     /** Whether to show playback speed control */
     showPlaybackRate?: boolean;
+    /** Whether to preload audio (set to false for lists with many items) */
+    preload?: boolean;
+    /** Fallback duration in seconds to display before audio metadata is loaded */
+    fallbackDuration?: number;
 }
 declare const audioPlayerVariants: (props?: ({
     variant?: "inline" | "compact" | "waveform" | null | undefined;
@@ -93,9 +97,6 @@ declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: Progr
  * // Then: playerRef.current?.seekTo(30); playerRef.current?.play();
  * ```
  */
-declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & {
-    preload?: boolean;
-    fallbackDuration?: number;
-} & React.RefAttributes<AudioPlayerRef>>;
+declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<AudioPlayerRef>>;
 
 export { AudioPlayer, type AudioPlayerProps, type AudioPlayerRef, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.js

@@ -1,4 +1,4 @@
-export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from '../../chunk-GHRQ3ZJH.js';
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from '../../chunk-CJQXWFIW.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AudioRecorder/index.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunk53K3KWXQ_cjs = require('../../chunk-53K3KWXQ.cjs');
+var chunkEUUQVDXX_cjs = require('../../chunk-EUUQVDXX.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "AudioRecorder", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.AudioRecorder; }
+  get: function () { return chunkEUUQVDXX_cjs.AudioRecorder; }
 });
 Object.defineProperty(exports, "audioRecorderVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.audioRecorderVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.audioRecorderVariants; }
 });
 Object.defineProperty(exports, "controlButtonVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.controlButtonVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.controlButtonVariants; }
 });
 Object.defineProperty(exports, "formatTime", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.formatTime; }
+  get: function () { return chunkEUUQVDXX_cjs.formatTime; }
 });
 Object.defineProperty(exports, "waveformContainerVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.waveformContainerVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.waveformContainerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AudioRecorder/index.js

@@ -1,4 +1,4 @@
-export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from '../../chunk-QZLRB3UG.js';
+export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from '../../chunk-TRZXK57D.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map