@mieweb/ui 0.2.2 → 0.3.0-dev.100

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-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":";;;;;AAIA,IAAM,cAAA,GAAiB,GAAA;AAAA;AAAA,EAErB;AAAA,IACE,+CAAA;AAAA,IACA,2CAAA;AAAA,IACA,qGAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,UACP,2BAAA;AAAA,UACA,sBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,SAAA,EAAW;AAAA,UACT,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2CAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL,iCAAA;AAAA,UACA,sBAAA;AAAA,UACA,uBAAA;AAAA,UACA,uBAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,OAAA,EAAS;AAAA,UACP,6DAAA;AAAA,UACA,4CAAA;AAAA,UACA,uBAAA;AAAA,UACA,+CAAA;AAAA,UACA,2BAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,MAAA,EAAQ;AAAA,UACN,uBAAA;AAAA,UACA,kBAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM;AAAA,UACJ,qCAAA;AAAA,UACA,wCAAA;AAAA,UACA,yBAAA;AAAA,UACA;AAAA;AACF,OACF;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,8BAAA;AAAA,QACJ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,SAAA,EAAW;AAAA,QACT,IAAA,EAAM,QAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW;AAAA;AACb;AAEJ;AA0BA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,QAAA;AAAA,QACV,WAAA,EAAW,YAAA;AAAA,QACX,SAAA,EAAW,EAAA;AAAA,UACT,eAAe,EAAE,OAAA,EAAS,IAAA,EAAM,YAAA,EAAc,WAAW,CAAA;AAAA,UACzD;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACA,UAAU,QAAA,IAAY,SAAA;AAAA,QACtB,WAAA,EAAW,SAAA;AAAA,QACV,GAAG,KAAA;AAAA,QAEH,sCACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,UACf,WAAA,IAAe;AAAA,SAAA,EAClB,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAM,qBAAe,QAAQ,CAAA,wBAC3B,MAAA,EAAA,EAAK,SAAA,EAAU,YAAY,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,UAEtC,QAAA;AAAA,UACM,qBAAe,SAAS,CAAA,wBAC5B,MAAA,EAAA,EAAK,SAAA,EAAU,YAAY,QAAA,EAAA,SAAA,EAAU;AAAA,SAAA,EAE1C;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AAKrB,SAAS,cAAA,GAAiB;AACxB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,sBAAA;AAAA,MACV,KAAA,EAAM,4BAAA;AAAA,MACN,IAAA,EAAK,MAAA;AAAA,MACL,OAAA,EAAQ,WAAA;AAAA,MACR,aAAA,EAAY,MAAA;AAAA,MAEZ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,YAAA;AAAA,YACV,EAAA,EAAG,IAAA;AAAA,YACH,EAAA,EAAG,IAAA;AAAA,YACH,CAAA,EAAE,IAAA;AAAA,YACF,MAAA,EAAO,cAAA;AAAA,YACP,WAAA,EAAY;AAAA;AAAA,SACd;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,YAAA;AAAA,YACV,IAAA,EAAK,cAAA;AAAA,YACL,CAAA,EAAE;AAAA;AAAA;AACJ;AAAA;AAAA,GACF;AAEJ","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

package/dist/components/Avatar/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunk2J2V4TMJ_cjs = require('../../chunk-2J2V4TMJ.cjs');
+var chunkWZBCK7KG_cjs = require('../../chunk-WZBCK7KG.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.Avatar; }
+  get: function () { return chunkWZBCK7KG_cjs.Avatar; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.AvatarGroup; }
+  get: function () { return chunkWZBCK7KG_cjs.AvatarGroup; }
 });
 Object.defineProperty(exports, "avatarVariants", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.avatarVariants; }
+  get: function () { return chunkWZBCK7KG_cjs.avatarVariants; }
 });
 Object.defineProperty(exports, "getInitials", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.getInitials; }
+  get: function () { return chunkWZBCK7KG_cjs.getInitials; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.js

@@ -1,4 +1,4 @@
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-NIHESA7O.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-YDJUUR4Y.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkEKIQE524_cjs = require('../../chunk-EKIQE524.cjs');
+var chunk4FALCEJI_cjs = require('../../chunk-4FALCEJI.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.Badge; }
+  get: function () { return chunk4FALCEJI_cjs.Badge; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.badgeVariants; }
+  get: function () { return chunk4FALCEJI_cjs.badgeVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-export { Badge, badgeVariants } from '../../chunk-3NJ72QU6.js';
+export { Badge, badgeVariants } from '../../chunk-DCER2QQB.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Breadcrumb/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEFJAWNR_cjs = require('../../chunk-PEFJAWNR.cjs');
+var chunkBWYYA3LQ_cjs = require('../../chunk-BWYYA3LQ.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.Breadcrumb; }
+  get: function () { return chunkBWYYA3LQ_cjs.Breadcrumb; }
 });
 Object.defineProperty(exports, "BreadcrumbSlash", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.BreadcrumbSlash; }
+  get: function () { return chunkBWYYA3LQ_cjs.BreadcrumbSlash; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.js

@@ -1,4 +1,4 @@
-export { Breadcrumb, BreadcrumbSlash } from '../../chunk-B3L43JGH.js';
+export { Breadcrumb, BreadcrumbSlash } from '../../chunk-HEH3QXOQ.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEH4ZOEM_cjs = require('../../chunk-PEH4ZOEM.cjs');
+var chunkA2QVQF54_cjs = require('../../chunk-A2QVQF54.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.Button; }
+  get: function () { return chunkA2QVQF54_cjs.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.buttonVariants; }
+  get: function () { return chunkA2QVQF54_cjs.buttonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../../chunk-VBHPXSCV.js';
+export { Button, buttonVariants } from '../../chunk-ZVSW2KS6.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map