@mdigital_ui/ui 0.2.4 → 0.2.6

package/dist/accordion/index.js

@@ -1,5 +1,5 @@
-export { accordion_default as default } from '../chunk-2EKAF6EJ.js';
-import '../chunk-5UEWVFF6.js';
-import '../chunk-YNNAOXU5.js';
+export { accordion_default as default } from '../chunk-22FIGRGO.js';
+import '../chunk-TUTOU4X6.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/badge/index.js

@@ -1,5 +1,5 @@
-export { badge_default as default } from '../chunk-BFO3ARVJ.js';
-import '../chunk-5UEWVFF6.js';
-import '../chunk-YNNAOXU5.js';
+export { badge_default as default } from '../chunk-AVPPV5OM.js';
+import '../chunk-TUTOU4X6.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/breadcrumbs/index.js

@@ -1,7 +1,7 @@
-export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbs_default as default } from '../chunk-HUVXKOJC.js';
-import '../chunk-KNQ7UQ2W.js';
-import '../chunk-3PFA3YG6.js';
-import '../chunk-5UEWVFF6.js';
-import '../chunk-YNNAOXU5.js';
+export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, breadcrumbs_default as default } from '../chunk-SGMIDNPI.js';
+import '../chunk-TWZ5LXLL.js';
+import '../chunk-EFMKUCGX.js';
+import '../chunk-TUTOU4X6.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/button/index.js

@@ -1,6 +1,6 @@
-export { button_default as default } from '../chunk-KTAIRCOL.js';
-import '../chunk-J3G5WWGR.js';
-import '../chunk-5UEWVFF6.js';
-import '../chunk-YNNAOXU5.js';
+export { button_default as default } from '../chunk-MLNIKNLI.js';
+import '../chunk-NQB4V5P7.js';
+import '../chunk-TUTOU4X6.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/button-group/index.js

@@ -1,4 +1,4 @@
-export { button_group_default as default } from '../chunk-56IXGP5C.js';
-import '../chunk-YNNAOXU5.js';
+export { button_group_default as default } from '../chunk-7ODPSHIQ.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/card/index.js

@@ -1,4 +1,4 @@
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, card_default as default } from '../chunk-OOS3B7YZ.js';
-import '../chunk-YNNAOXU5.js';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants, card_default as default } from '../chunk-TG2AECIN.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/carousel/index.js

@@ -1,3 +1,4 @@
-export { carousel_default as default } from '../chunk-C3MX5EXL.js';
+export { carousel_default as default } from '../chunk-3QKPSJTV.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/cascader/index.js

@@ -1,4 +1,4 @@
-export { cascader_default as default } from '../chunk-G6TAVRTJ.js';
-import '../chunk-YNNAOXU5.js';
+export { cascader_default as default } from '../chunk-3WVJE5MF.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/chart/index.js

@@ -1,4 +1,4 @@
-export { AreaChart, BarChart, ComposedChart, LineChart, PieChart, axisLineStyle, axisTickStyle, chartContainerVariants, cursorStyle, getChartColor, gridStyle, legendStyle, tooltipStyle } from '../chunk-BP434VYV.js';
-import '../chunk-YNNAOXU5.js';
+export { AreaChart, BarChart, ComposedChart, LineChart, PieChart, axisLineStyle, axisTickStyle, chartContainerVariants, cursorStyle, getChartColor, gridStyle, legendStyle, tooltipStyle } from '../chunk-Y2CXG3PT.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/checkbox/index.js

@@ -1,5 +1,5 @@
-export { checkbox_default as default } from '../chunk-OALOWWO7.js';
-import '../chunk-5UEWVFF6.js';
-import '../chunk-YNNAOXU5.js';
+export { checkbox_default as default } from '../chunk-PQZB43VJ.js';
+import '../chunk-TUTOU4X6.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/checkbox-group/index.js

@@ -1,4 +1,4 @@
-export { checkbox_group_default as default } from '../chunk-RPAQAZTI.js';
-import '../chunk-YNNAOXU5.js';
+export { checkbox_group_default as default } from '../chunk-7YPX6NJK.js';
+import '../chunk-2OGZENFC.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/chunk-22FIGRGO.js

@@ -0,0 +1,312 @@
+import { focusRingColorClasses, textColorClasses } from './chunk-TUTOU4X6.js';
+import { cn, iconSizes } from './chunk-2OGZENFC.js';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import React, { useId, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var accordionContainerVariants = cva("w-full", {
+  variants: {
+    variant: {
+      default: "space-y-0 divide-y divide-border rounded-lg overflow-hidden",
+      solid: "space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden",
+      soft: "space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden",
+      bordered: "space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden",
+      splitted: "space-y-2"
+    },
+    showDivider: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "default", showDivider: false, class: "divide-y-0" },
+    { variant: "solid", showDivider: false, class: "divide-y-0" },
+    { variant: "soft", showDivider: false, class: "divide-y-0" },
+    { variant: "bordered", showDivider: false, class: "divide-y-0" }
+  ],
+  defaultVariants: {
+    variant: "default",
+    showDivider: true
+  }
+});
+var accordionItemVariants = cva("transition-colors", {
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-surface/50",
+      solid: "bg-surface",
+      soft: "",
+      bordered: "bg-transparent",
+      splitted: "border border-border rounded-lg overflow-hidden"
+    },
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      accent: "",
+      success: "",
+      error: "",
+      warning: "",
+      info: ""
+    }
+  },
+  compoundVariants: [
+    // Soft variant with colors
+    { variant: "soft", color: "default", class: "bg-surface/50" },
+    {
+      variant: "soft",
+      color: "primary",
+      class: "bg-primary/5 hover:bg-primary/10"
+    },
+    {
+      variant: "soft",
+      color: "secondary",
+      class: "bg-secondary/5 hover:bg-secondary/10"
+    },
+    {
+      variant: "soft",
+      color: "accent",
+      class: "bg-accent/5 hover:bg-accent/10"
+    },
+    {
+      variant: "soft",
+      color: "success",
+      class: "bg-success/5 hover:bg-success/10"
+    },
+    { variant: "soft", color: "error", class: "bg-error/5 hover:bg-error/10" },
+    {
+      variant: "soft",
+      color: "warning",
+      class: "bg-warning/5 hover:bg-warning/10"
+    },
+    { variant: "soft", color: "info", class: "bg-info/5 hover:bg-info/10" },
+    // Splitted variant with colors
+    { variant: "splitted", color: "primary", class: "border-primary/30" },
+    { variant: "splitted", color: "secondary", class: "border-secondary/30" },
+    { variant: "splitted", color: "accent", class: "border-accent/30" },
+    { variant: "splitted", color: "success", class: "border-success/30" },
+    { variant: "splitted", color: "error", class: "border-error/30" },
+    { variant: "splitted", color: "warning", class: "border-warning/30" },
+    { variant: "splitted", color: "info", class: "border-info/30" }
+  ],
+  defaultVariants: {
+    variant: "default",
+    color: "default"
+  }
+});
+var accordionHeaderVariants = cva(
+  [
+    "flex items-center w-full text-left font-medium transition-all",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:opacity-50 disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2",
+        sm: "px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2",
+        md: "px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3",
+        lg: "px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3"
+      },
+      color: focusRingColorClasses,
+      disabled: {
+        true: "cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default",
+      disabled: false
+    }
+  }
+);
+var accordionContentVariants = cva("text-text-secondary", {
+  variants: {
+    size: {
+      xs: "px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs",
+      sm: "px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm",
+      md: "px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base",
+      lg: "px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var getIconColor = (color, isExpanded) => {
+  if (!isExpanded) return "text-text-secondary";
+  return textColorClasses[color || "default"];
+};
+var Accordion = React.memo(
+  ({
+    items,
+    color = "default",
+    size = "md",
+    variant = "default",
+    defaultActiveKey,
+    activeKey: controlledActiveKey,
+    onChange,
+    multiple = false,
+    expandIcon,
+    expandIconPosition = "right",
+    collapsible = false,
+    destroyOnClose = false,
+    showDivider = true,
+    className,
+    itemClassName,
+    ref
+  }) => {
+    const baseId = useId();
+    const [internalActiveKey, setInternalActiveKey] = useState(defaultActiveKey || (multiple ? [] : ""));
+    const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey;
+    const isActive = (key) => {
+      if (Array.isArray(activeKey)) {
+        return activeKey.includes(key);
+      }
+      return activeKey === key;
+    };
+    const handleToggle = (key, disabled) => {
+      if (disabled) return;
+      let newActiveKey;
+      if (multiple) {
+        const currentKeys = Array.isArray(activeKey) ? activeKey : [];
+        newActiveKey = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+      } else {
+        if (collapsible && activeKey === key) {
+          return;
+        }
+        newActiveKey = activeKey === key ? "" : key;
+      }
+      if (controlledActiveKey === void 0) {
+        setInternalActiveKey(newActiveKey);
+      }
+      onChange?.(newActiveKey);
+    };
+    const renderExpandIcon = (isExpanded) => {
+      if (expandIcon === false) return null;
+      if (typeof expandIcon === "function") {
+        return expandIcon(isExpanded);
+      }
+      if (expandIcon) {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "shrink-0 transition-transform duration-300",
+              isExpanded && "rotate-180"
+            ),
+            children: expandIcon
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: cn(
+            "shrink-0 transition-transform duration-300",
+            isExpanded && "rotate-180",
+            getIconColor(color, isExpanded),
+            iconSizes[size]
+          )
+        }
+      );
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          accordionContainerVariants({
+            variant,
+            showDivider: showDivider && variant !== "splitted"
+          }),
+          className
+        ),
+        children: items.map((item) => {
+          const isItemActive = isActive(item.key);
+          const headerId = `${baseId}-header-${item.key}`;
+          const panelId = `${baseId}-panel-${item.key}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                accordionItemVariants({ variant, color }),
+                item.disabled && "opacity-50",
+                itemClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    id: headerId,
+                    "aria-expanded": isItemActive,
+                    "aria-controls": panelId,
+                    "aria-disabled": item.disabled,
+                    disabled: item.disabled,
+                    onClick: () => handleToggle(item.key, item.disabled),
+                    className: cn(
+                      accordionHeaderVariants({
+                        size,
+                        color,
+                        disabled: item.disabled
+                      })
+                    ),
+                    children: [
+                      expandIconPosition === "left" && renderExpandIcon(isItemActive),
+                      item.icon && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          className: cn(
+                            "shrink-0",
+                            getIconColor(color, isItemActive)
+                          ),
+                          children: item.icon
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              isItemActive && color !== "default" && textColorClasses[color || "default"]
+                            ),
+                            children: item.title
+                          }
+                        ),
+                        item.subtitle && /* @__PURE__ */ jsx("div", { className: "text-text-secondary font-normal mt-0.5", children: item.subtitle })
+                      ] }),
+                      item.extra && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-text-secondary", children: item.extra }),
+                      expandIconPosition === "right" && renderExpandIcon(isItemActive)
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: panelId,
+                    role: "region",
+                    "aria-labelledby": headerId,
+                    className: cn(
+                      "grid transition-[grid-template-rows] duration-300 ease-out",
+                      isItemActive ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                    ),
+                    children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: (!destroyOnClose || isItemActive) && /* @__PURE__ */ jsx("div", { className: cn(accordionContentVariants({ size })), children: item.content }) })
+                  }
+                )
+              ]
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+var accordion_default = Accordion;
+
+export { accordion_default };
+//# sourceMappingURL=chunk-22FIGRGO.js.map
+//# sourceMappingURL=chunk-22FIGRGO.js.map

package/dist/chunk-22FIGRGO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":"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","file":"chunk-22FIGRGO.js","sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport React, { useId, useState } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { focusRingColorClasses, textColorClasses } from \"../variants\";\nimport type { AccordionProps, AccordionSize } from \"./types\";\n\n// Variant styles for accordion container\nconst accordionContainerVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"space-y-0 divide-y divide-border rounded-lg overflow-hidden\",\n      solid: \"space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden\",\n      soft: \"space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden\",\n      bordered:\n        \"space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden\",\n      splitted: \"space-y-2\",\n    },\n    showDivider: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    { variant: \"default\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"solid\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"soft\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"bordered\", showDivider: false, class: \"divide-y-0\" },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    showDivider: true,\n  },\n});\n\n// Variant styles for each accordion item\nconst accordionItemVariants = cva(\"transition-colors\", {\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-surface/50\",\n      solid: \"bg-surface\",\n      soft: \"\",\n      bordered: \"bg-transparent\",\n      splitted: \"border border-border rounded-lg overflow-hidden\",\n    },\n    color: {\n      default: \"\",\n      primary: \"\",\n      secondary: \"\",\n      accent: \"\",\n      success: \"\",\n      error: \"\",\n      warning: \"\",\n      info: \"\",\n    },\n  },\n  compoundVariants: [\n    // Soft variant with colors\n    { variant: \"soft\", color: \"default\", class: \"bg-surface/50\" },\n    {\n      variant: \"soft\",\n      color: \"primary\",\n      class: \"bg-primary/5 hover:bg-primary/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"secondary\",\n      class: \"bg-secondary/5 hover:bg-secondary/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"accent\",\n      class: \"bg-accent/5 hover:bg-accent/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"success\",\n      class: \"bg-success/5 hover:bg-success/10\",\n    },\n    { variant: \"soft\", color: \"error\", class: \"bg-error/5 hover:bg-error/10\" },\n    {\n      variant: \"soft\",\n      color: \"warning\",\n      class: \"bg-warning/5 hover:bg-warning/10\",\n    },\n    { variant: \"soft\", color: \"info\", class: \"bg-info/5 hover:bg-info/10\" },\n    // Splitted variant with colors\n    { variant: \"splitted\", color: \"primary\", class: \"border-primary/30\" },\n    { variant: \"splitted\", color: \"secondary\", class: \"border-secondary/30\" },\n    { variant: \"splitted\", color: \"accent\", class: \"border-accent/30\" },\n    { variant: \"splitted\", color: \"success\", class: \"border-success/30\" },\n    { variant: \"splitted\", color: \"error\", class: \"border-error/30\" },\n    { variant: \"splitted\", color: \"warning\", class: \"border-warning/30\" },\n    { variant: \"splitted\", color: \"info\", class: \"border-info/30\" },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n  },\n});\n\n// Header button variants\nconst accordionHeaderVariants = cva(\n  [\n    \"flex items-center w-full text-left font-medium transition-all\",\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2\",\n        sm: \"px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2\",\n        md: \"px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3\",\n        lg: \"px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3\",\n      },\n      color: focusRingColorClasses,\n      disabled: {\n        true: \"cursor-not-allowed\",\n        false: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n      disabled: false,\n    },\n  },\n);\n\n// Content variants\nconst accordionContentVariants = cva(\"text-text-secondary\", {\n  variants: {\n    size: {\n      xs: \"px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs\",\n      sm: \"px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm\",\n      md: \"px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base\",\n      lg: \"px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\n// Icon color based on color prop\nconst getIconColor = (color: AccordionProps[\"color\"], isExpanded: boolean) => {\n  if (!isExpanded) return \"text-text-secondary\";\n  return textColorClasses[color || \"default\"];\n};\n\nconst Accordion = React.memo<AccordionProps>(\n  ({\n    items,\n    color = \"default\",\n    size = \"md\",\n    variant = \"default\",\n    defaultActiveKey,\n    activeKey: controlledActiveKey,\n    onChange,\n    multiple = false,\n    expandIcon,\n    expandIconPosition = \"right\",\n    collapsible = false,\n    destroyOnClose = false,\n    showDivider = true,\n    className,\n    itemClassName,\n    ref,\n  }) => {\n    const baseId = useId();\n    const [internalActiveKey, setInternalActiveKey] = useState<\n      string | string[]\n    >(defaultActiveKey || (multiple ? [] : \"\"));\n\n    const activeKey =\n      controlledActiveKey !== undefined\n        ? controlledActiveKey\n        : internalActiveKey;\n\n    const isActive = (key: string) => {\n      if (Array.isArray(activeKey)) {\n        return activeKey.includes(key);\n      }\n      return activeKey === key;\n    };\n\n    const handleToggle = (key: string, disabled?: boolean) => {\n      if (disabled) return;\n\n      let newActiveKey: string | string[];\n\n      if (multiple) {\n        const currentKeys = Array.isArray(activeKey) ? activeKey : [];\n        newActiveKey = currentKeys.includes(key)\n          ? currentKeys.filter((k) => k !== key)\n          : [...currentKeys, key];\n      } else {\n        // Handle collapsible: prevent closing if it's the only open panel\n        if (collapsible && activeKey === key) {\n          return;\n        }\n        newActiveKey = activeKey === key ? \"\" : key;\n      }\n\n      if (controlledActiveKey === undefined) {\n        setInternalActiveKey(newActiveKey);\n      }\n      onChange?.(newActiveKey);\n    };\n\n    // Render expand icon\n    const renderExpandIcon = (isExpanded: boolean) => {\n      if (expandIcon === false) return null;\n\n      if (typeof expandIcon === \"function\") {\n        return expandIcon(isExpanded);\n      }\n\n      if (expandIcon) {\n        return (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-300\",\n              isExpanded && \"rotate-180\",\n            )}\n          >\n            {expandIcon}\n          </span>\n        );\n      }\n\n      return (\n        <ChevronDown\n          className={cn(\n            \"shrink-0 transition-transform duration-300\",\n            isExpanded && \"rotate-180\",\n            getIconColor(color, isExpanded),\n            iconSizes[size as AccordionSize],\n          )}\n        />\n      );\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          accordionContainerVariants({\n            variant,\n            showDivider: showDivider && variant !== \"splitted\",\n          }),\n          className,\n        )}\n      >\n        {items.map((item) => {\n          const isItemActive = isActive(item.key);\n          const headerId = `${baseId}-header-${item.key}`;\n          const panelId = `${baseId}-panel-${item.key}`;\n\n          return (\n            <div\n              key={item.key}\n              className={cn(\n                accordionItemVariants({ variant, color }),\n                item.disabled && \"opacity-50\",\n                itemClassName,\n              )}\n            >\n              <button\n                type=\"button\"\n                id={headerId}\n                aria-expanded={isItemActive}\n                aria-controls={panelId}\n                aria-disabled={item.disabled}\n                disabled={item.disabled}\n                onClick={() => handleToggle(item.key, item.disabled)}\n                className={cn(\n                  accordionHeaderVariants({\n                    size,\n                    color,\n                    disabled: item.disabled,\n                  }),\n                )}\n              >\n                {/* Left expand icon */}\n                {expandIconPosition === \"left\" &&\n                  renderExpandIcon(isItemActive)}\n\n                {/* Item icon */}\n                {item.icon && (\n                  <span\n                    className={cn(\n                      \"shrink-0\",\n                      getIconColor(color, isItemActive),\n                    )}\n                  >\n                    {item.icon}\n                  </span>\n                )}\n\n                {/* Title and subtitle */}\n                <div className=\"flex-1 min-w-0\">\n                  <div\n                    className={cn(\n                      isItemActive &&\n                        color !== \"default\" &&\n                        textColorClasses[color || \"default\"],\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.subtitle && (\n                    <div className=\"text-text-secondary font-normal mt-0.5\">\n                      {item.subtitle}\n                    </div>\n                  )}\n                </div>\n\n                {/* Extra content */}\n                {item.extra && (\n                  <span className=\"shrink-0 text-text-secondary\">\n                    {item.extra}\n                  </span>\n                )}\n\n                {/* Right expand icon */}\n                {expandIconPosition === \"right\" &&\n                  renderExpandIcon(isItemActive)}\n              </button>\n\n              {/* Content panel */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={headerId}\n                className={cn(\n                  \"grid transition-[grid-template-rows] duration-300 ease-out\",\n                  isItemActive ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  {(!destroyOnClose || isItemActive) && (\n                    <div className={cn(accordionContentVariants({ size }))}>\n                      {item.content}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n\nexport type * from \"./types\";\nexport default Accordion;\n"]}

package/dist/{chunk-GEWR5ROK.js → chunk-23BPDLT4.js}

@@ -1,4 +1,5 @@
-import { cn } from './chunk-YNNAOXU5.js';
+import { radioCheckedColorClasses } from './chunk-TUTOU4X6.js';
+import { cn } from './chunk-2OGZENFC.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -7,20 +8,12 @@ var radioVariants = cva(
   "appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none",
   {
     variants: {
-      color: {
-        primary: "checked:border-primary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-primary)]",
-        secondary: "checked:border-secondary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-secondary)]",
-        accent: "checked:border-accent checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-accent)]",
-        success: "checked:border-success checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-success)]",
-        error: "checked:border-error checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-error)]",
-        warning: "checked:border-warning checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-warning)]",
-        info: "checked:border-info checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-info)]"
-      },
+      color: radioCheckedColorClasses,
       size: {
-        xs: "w-[var(--checkbox-size-xs)] h-[var(--checkbox-size-xs)]",
-        sm: "w-[var(--checkbox-size-sm)] h-[var(--checkbox-size-sm)]",
-        md: "w-[var(--checkbox-size-md)] h-[var(--checkbox-size-md)]",
-        lg: "w-[var(--checkbox-size-lg)] h-[var(--checkbox-size-lg)]"
+        xs: "w-(--checkbox-size-xs) h-(--checkbox-size-xs)",
+        sm: "w-(--checkbox-size-sm) h-(--checkbox-size-sm)",
+        md: "w-(--checkbox-size-md) h-(--checkbox-size-md)",
+        lg: "w-(--checkbox-size-lg) h-(--checkbox-size-lg)"
       },
       error: {
         true: "border-error checked:border-error",
@@ -98,5 +91,5 @@ Radio.displayName = "Radio";
 var radio_default = Radio;
 
 export { radio_default };
-//# sourceMappingURL=chunk-GEWR5ROK.js.map
-//# sourceMappingURL=chunk-GEWR5ROK.js.map
+//# sourceMappingURL=chunk-23BPDLT4.js.map
+//# sourceMappingURL=chunk-23BPDLT4.js.map

package/dist/chunk-23BPDLT4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/radio/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB,6IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,KAAA,EAAO,wBAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI,+CAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,mCAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,EAClB,CAAC;AAAA,IACC,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,aAAA,CAAc,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,CAAC,CAAC,OAAO,CAAA;AAAA,UAC7C;AAAA,SACF;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,UAAA,IAAc,CAAC,OAAO,OAAO,YAAA;AAE5C,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,yBAAA;AAAA,YACA,CAAC,MAAM,QAAA,IAAY;AAAA,WACrB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,YAAA;AAAA,YACA,KAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAW,EAAA;AAAA,kBACT,yCAAA;AAAA,kBACA,KAAA,IAAS,YAAA;AAAA,kBACT,MAAM,QAAA,IAAY;AAAA,iBACpB;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,OAEJ;AAAA,MAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,mBAAA;AAAA,YACA,QAAQ,YAAA,GAAe;AAAA,WACzB;AAAA,UAEC,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;AAGpB,IAAO,aAAA,GAAQ","file":"chunk-23BPDLT4.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { radioCheckedColorClasses } from '../variants'\nimport type { RadioProps } from './types'\n\nconst radioVariants = cva(\n  'appearance-none rounded-full border-border border bg-background cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed outline-none',\n  {\n    variants: {\n      color: radioCheckedColorClasses,\n      size: {\n        xs: 'w-(--checkbox-size-xs) h-(--checkbox-size-xs)',\n        sm: 'w-(--checkbox-size-sm) h-(--checkbox-size-sm)',\n        md: 'w-(--checkbox-size-md) h-(--checkbox-size-md)',\n        lg: 'w-(--checkbox-size-lg) h-(--checkbox-size-lg)',\n      },\n      error: {\n        true: 'border-error checked:border-error',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n      size: 'md',\n    },\n  },\n)\n\nconst Radio = React.memo<RadioProps>(\n  ({\n    color = 'primary',\n    size = 'md',\n    label,\n    helperText,\n    error,\n    className,\n    ref,\n    ...props\n  }) => {\n    const radioElement = (\n      <input\n        ref={ref}\n        type=\"radio\"\n        className={cn(\n          radioVariants({ color, size, error: !!error }),\n          className,\n        )}\n        {...props}\n      />\n    )\n\n    if (!label && !helperText && !error) return radioElement\n\n    return (\n      <div className=\"w-full\">\n        <label\n          className={cn(\n            'flex items-center gap-2',\n            !props.disabled && 'cursor-pointer',\n          )}\n        >\n          {radioElement}\n          {label && (\n            <span\n              className={cn(\n                'text-sm text-text-secondary select-none',\n                error && 'text-error',\n                props.disabled && 'opacity-50',\n              )}\n            >\n              {label}\n            </span>\n          )}\n        </label>\n        {(helperText || error) && (\n          <p\n            className={cn(\n              'mt-1 ml-0 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nRadio.displayName = 'Radio'\n\nexport type * from './types'\nexport default Radio\n"]}

package/dist/{chunk-YNNAOXU5.js → chunk-2OGZENFC.js}

@@ -10,8 +10,7 @@ var iconSizes = {
   xs: "h-3 w-3",
   sm: "h-3.5 w-3.5",
   md: "h-4 w-4",
-  lg: "h-5 w-5",
-  xl: "h-6 w-6"
+  lg: "h-5 w-5"
 };
 function getValidationStatus(messages) {
   const { error, warning, info, success, helperText } = messages;
@@ -53,5 +52,5 @@ cva("", {
 });
 
 export { cn, getValidationStatus, iconSizes, statusMessageVariants };
-//# sourceMappingURL=chunk-YNNAOXU5.js.map
-//# sourceMappingURL=chunk-YNNAOXU5.js.map
+//# sourceMappingURL=chunk-2OGZENFC.js.map
+//# sourceMappingURL=chunk-2OGZENFC.js.map

package/dist/chunk-2OGZENFC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";;;;;AAaO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAOO,IAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAoCO,SAAS,oBAAoB,QAAA,EAGlC;AACA,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,OAAA,EAAS,YAAW,GAAI,QAAA;AACtD,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,OAAA,IAAW,IAAA,IAAQ,OAAA,IAAW,UAAA;AAEvD,EAAA,IAAI,MAAA,GAA2B,SAAA;AAC/B,EAAA,IAAI,OAAO,MAAA,GAAS,OAAA;AAAA,OAAA,IACX,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,SAAS,MAAA,GAAS,SAAA;AAAA,OAAA,IAClB,MAAM,MAAA,GAAS,MAAA;AAExB,EAAA,OAAO,EAAE,QAAQ,OAAA,EAAQ;AAC3B;AAWO,IAAM,qBAAA,GAAwB,IAAI,SAAA,EAAW;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,qBAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM,WAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC;AAqEmC,IAAI,EAAA,EAAI;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,OAAA,EAAS,uCAAA;AAAA,MACT,KAAA,EAAO,cAAA;AAAA,MACP,OAAA,EAAS,gBAAA;AAAA,MACT,IAAA,EAAM,aAAA;AAAA,MACN,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,MAAA,EAAQ;AAAA;AAEZ,CAAC","file":"chunk-2OGZENFC.js","sourcesContent":["/**\n * Global UI Utilities\n * Shared utilities for all components\n */\n\nimport { cva } from 'class-variance-authority'\nimport { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\n/**\n * Merge class names with Tailwind CSS conflict resolution\n * Combines clsx for conditional classes with tailwind-merge for deduplication\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Shared icon sizes for consistent sizing across components\n * Used in Button, Input, Checkbox, Select, MultiSelect, DatePicker, TimePicker, etc.\n * Standardized to 4-size scale: xs, sm, md, lg\n */\nexport const iconSizes = {\n  xs: 'h-3 w-3',\n  sm: 'h-3.5 w-3.5',\n  md: 'h-4 w-4',\n  lg: 'h-5 w-5',\n} as const\n\nexport type IconSize = keyof typeof iconSizes\n\n/**\n * Validation status types for form components\n */\nexport type ValidationStatus =\n  | 'default'\n  | 'error'\n  | 'warning'\n  | 'info'\n  | 'success'\n\n/**\n * Status message props interface\n */\nexport interface StatusMessages {\n  error?: string | boolean\n  warning?: string | boolean\n  info?: string | boolean\n  success?: string | boolean\n  helperText?: string\n}\n\n/**\n * Resolves validation status and message from status props\n * Used in Input, Textarea, Select, MultiSelect, DatePicker, TimePicker, etc.\n *\n * @param messages - Object containing possible status messages\n * @returns Object with resolved status and message\n *\n * @example\n * const { status, message } = getValidationStatus({ error: \"Invalid email\", helperText: \"Enter your email\" });\n * // Returns: { status: \"error\", message: \"Invalid email\" }\n */\nexport function getValidationStatus(messages: StatusMessages): {\n  status: ValidationStatus\n  message?: string | boolean\n} {\n  const { error, warning, info, success, helperText } = messages\n  const message = error || warning || info || success || helperText\n\n  let status: ValidationStatus = 'default'\n  if (error) status = 'error'\n  else if (warning) status = 'warning'\n  else if (success) status = 'success'\n  else if (info) status = 'info'\n\n  return { status, message }\n}\n\n/**\n * Status message styling variants using cva\n * Provides consistent styling for helper/error/warning/info/success messages\n *\n * @example\n * <p className={statusMessageVariants({ status: \"error\" })}>\n *   {message}\n * </p>\n */\nexport const statusMessageVariants = cva('text-xs', {\n  variants: {\n    status: {\n      default: 'text-text-secondary',\n      error: 'text-error',\n      warning: 'text-warning',\n      info: 'text-info',\n      success: 'text-success',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n})\n\n// ============================================================================\n// Shared Size Variant Patterns\n// ============================================================================\n\n/**\n * Input size variants\n * Used by: Input, Select, DatePicker, TimePicker, RangePicker\n * Provides consistent height and padding across form inputs\n * Standardized to 4-size scale: xs, sm, md, lg\n */\nexport const inputSizeVariants = {\n  xs: 'h-(--input-height-xs) px-2 text-xs',\n  sm: 'h-(--input-height-sm) px-3 text-sm',\n  md: 'h-(--input-height-md) px-4 text-base',\n  lg: 'h-(--input-height-lg) px-5 text-lg',\n} as const\n\n/**\n * Textarea size variants\n * Used by: Textarea\n * Different from input sizes due to multiline nature\n * Standardized to 4-size scale: xs, sm, md, lg\n */\nexport const textareaSizeVariants = {\n  xs: 'min-h-(--textarea-min-height) p-(--textarea-padding-xs) text-xs',\n  sm: 'min-h-(--textarea-min-height) p-(--textarea-padding-sm) text-sm',\n  md: 'min-h-(--textarea-min-height) p-(--textarea-padding-md) text-base',\n  lg: 'min-h-(--textarea-min-height) p-(--textarea-padding-lg) text-lg',\n} as const\n\n// ============================================================================\n// Shared Size Variant Patterns\n// ============================================================================\n\n/**\n * Button size variants\n * Used by: Button, IconButton, and button-like components\n */\nexport const buttonSizeVariants = {\n  xs: 'h-8 px-3 text-xs gap-1.5',\n  sm: 'h-9 px-3 text-sm gap-2',\n  md: 'h-10 px-4 text-base gap-2',\n  lg: 'h-11 px-5 text-lg gap-2.5',\n} as const\n\n/**\n * Badge/Tag size variants\n * Used by: Badge, Tag, Chip, and similar small components\n */\nexport const badgeSizeVariants = {\n  xs: 'text-[10px] px-1 py-0 min-h-[14px]',\n  sm: 'text-xs px-1.5 py-0.5 min-h-[16px]',\n  md: 'text-xs px-2 py-0.5 min-h-[18px]',\n  lg: 'text-sm px-2.5 py-1 min-h-[20px]',\n} as const\n\n// ============================================================================\n// Shared Status/Border Variant Patterns\n// ============================================================================\n\n/**\n * Border status variants for form components\n * Provides consistent border styling based on validation status\n *\n * @example\n * <input className={cn(borderStatusVariants({ status: \"error\" }))} />\n */\nexport const borderStatusVariants = cva('', {\n  variants: {\n    status: {\n      default: 'border-border hover:border-primary/50',\n      error: 'border-error',\n      warning: 'border-warning',\n      info: 'border-info',\n      success: 'border-success',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n})\n\n// ============================================================================\n// Shared State Utilities\n// ============================================================================\n\n/**\n * Focus ring utility for interactive components\n */\nexport const focusRing = 'focus:ring-2 focus:ring-primary/20 focus:outline-none'\n\n/**\n * Hover brightness for buttons and interactive elements\n */\nexport const hoverBrightness = 'hover:brightness-110 transition-all'\n\n/**\n * Disabled state styling\n */\nexport const disabledState =\n  'disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none'\n"]}

package/dist/{chunk-SOV4PE3P.js → chunk-35K7N4JT.js}

@@ -1,4 +1,4 @@
-import { cn, iconSizes } from './chunk-YNNAOXU5.js';
+import { cn, iconSizes } from './chunk-2OGZENFC.js';
 import { cva } from 'class-variance-authority';
 import { ChevronDown } from 'lucide-react';
 import React, { useState } from 'react';
@@ -149,10 +149,12 @@ var Collapse = React.memo(
     open: controlledOpen,
     onChange,
     disabled = false,
-    className
+    className,
+    ref
   }) => {
     const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+    const contentId = React.useId();
     const handleToggle = () => {
       if (disabled) return;
       const newOpen = !isOpen;
@@ -164,6 +166,7 @@ var Collapse = React.memo(
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        ref,
         className: cn(
           collapseVariants({ size }),
           colorStyles[color][variant],
@@ -176,6 +179,8 @@ var Collapse = React.memo(
               type: "button",
               onClick: handleToggle,
               disabled,
+              "aria-expanded": isOpen,
+              "aria-controls": contentId,
               className: cn(
                 collapseHeaderVariants({ size, disabled }),
                 headerColorStyles[color][variant]
@@ -198,6 +203,8 @@ var Collapse = React.memo(
           /* @__PURE__ */ jsx(
             "div",
             {
+              id: contentId,
+              role: "region",
               className: cn(
                 "grid transition-[grid-template-rows] duration-300 ease-out",
                 isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
@@ -214,5 +221,5 @@ Collapse.displayName = "Collapse";
 var collapse_default = Collapse;
 
 export { collapse_default };
-//# sourceMappingURL=chunk-SOV4PE3P.js.map
-//# sourceMappingURL=chunk-SOV4PE3P.js.map
+//# sourceMappingURL=chunk-35K7N4JT.js.map
+//# sourceMappingURL=chunk-35K7N4JT.js.map

package/dist/chunk-35K7N4JT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapse/index.tsx"],"names":[],"mappings":"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","file":"chunk-35K7N4JT.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport type { CollapseProps } from './types'\n\nconst collapseVariants = cva(\n  'w-full border rounded-md transition-all overflow-hidden',\n  {\n    variants: {\n      size: {\n        xs: '',\n        sm: '',\n        md: '',\n        lg: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst collapseHeaderVariants = cva(\n  'w-full flex items-center justify-between cursor-pointer transition-colors font-medium',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-1.5 text-xs',\n        sm: 'px-3 py-2 text-sm',\n        md: 'px-4 py-3 text-base',\n        lg: 'px-5 py-4 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst collapseContentVariants = cva('transition-all', {\n  variants: {\n    size: {\n      xs: 'px-2 pb-2 text-xs',\n      sm: 'px-3 pb-3 text-sm',\n      md: 'px-4 pb-4 text-base',\n      lg: 'px-5 pb-5 text-lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst colorStyles = {\n  default: {\n    default: 'border-border bg-background text-text-primary',\n    solid: 'border-border bg-surface text-text-primary',\n    soft: 'border-border bg-surface/50 text-text-primary',\n  },\n  primary: {\n    default: 'border-primary bg-background text-text-primary',\n    solid: 'border-primary bg-primary text-background',\n    soft: 'border-primary/30 bg-primary/10 text-text-primary',\n  },\n  secondary: {\n    default: 'border-secondary bg-background text-text-primary',\n    solid: 'border-secondary bg-secondary text-background',\n    soft: 'border-secondary/30 bg-secondary/10 text-text-primary',\n  },\n  accent: {\n    default: 'border-accent bg-background text-text-primary',\n    solid: 'border-accent bg-accent text-background',\n    soft: 'border-accent/30 bg-accent/10 text-text-primary',\n  },\n  success: {\n    default: 'border-success bg-background text-text-primary',\n    solid: 'border-success bg-success text-background',\n    soft: 'border-success/30 bg-success/10 text-text-primary',\n  },\n  error: {\n    default: 'border-error bg-background text-text-primary',\n    solid: 'border-error bg-error text-background',\n    soft: 'border-error/30 bg-error/10 text-text-primary',\n  },\n  warning: {\n    default: 'border-warning bg-background text-text-primary',\n    solid: 'border-warning bg-warning text-background',\n    soft: 'border-warning/30 bg-warning/10 text-text-primary',\n  },\n  info: {\n    default: 'border-info bg-background text-text-primary',\n    solid: 'border-info bg-info text-background',\n    soft: 'border-info/30 bg-info/10 text-text-primary',\n  },\n}\n\nconst headerColorStyles = {\n  default: {\n    default: 'text-text-primary hover:bg-surface',\n    solid: 'text-text-primary hover:bg-surface/80',\n    soft: 'text-text-primary hover:bg-surface/80',\n  },\n  primary: {\n    default: 'text-primary hover:bg-primary/10',\n    solid: 'hover:bg-primary/90',\n    soft: 'text-primary hover:bg-primary/20',\n  },\n  secondary: {\n    default: 'text-secondary hover:bg-secondary/10',\n    solid: 'hover:bg-secondary/90',\n    soft: 'text-secondary hover:bg-secondary/20',\n  },\n  accent: {\n    default: 'text-accent hover:bg-accent/10',\n    solid: 'hover:bg-accent/90',\n    soft: 'text-accent hover:bg-accent/20',\n  },\n  success: {\n    default: 'text-success hover:bg-success/10',\n    solid: 'hover:bg-success/90',\n    soft: 'text-success hover:bg-success/20',\n  },\n  error: {\n    default: 'text-error hover:bg-error/10',\n    solid: 'hover:bg-error/90',\n    soft: 'text-error hover:bg-error/20',\n  },\n  warning: {\n    default: 'text-warning hover:bg-warning/10',\n    solid: 'hover:bg-warning/90',\n    soft: 'text-warning hover:bg-warning/20',\n  },\n  info: {\n    default: 'text-info hover:bg-info/10',\n    solid: 'hover:bg-info/90',\n    soft: 'text-info hover:bg-info/20',\n  },\n}\n\nconst Collapse = React.memo<CollapseProps>(\n  ({\n    title,\n    children,\n    color = 'default',\n    size = 'md',\n    variant = 'default',\n    defaultOpen = false,\n    open: controlledOpen,\n    onChange,\n    disabled = false,\n    className,\n    ref,\n  }) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n    const contentId = React.useId()\n\n    const handleToggle = () => {\n      if (disabled) return\n\n      const newOpen = !isOpen\n      if (controlledOpen === undefined) {\n        setInternalOpen(newOpen)\n      }\n      onChange?.(newOpen)\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          collapseVariants({ size }),\n          colorStyles[color][variant],\n          className,\n        )}\n      >\n        <button\n          type=\"button\"\n          onClick={handleToggle}\n          disabled={disabled}\n          aria-expanded={isOpen}\n          aria-controls={contentId}\n          className={cn(\n            collapseHeaderVariants({ size, disabled }),\n            headerColorStyles[color][variant],\n          )}\n        >\n          <span>{title}</span>\n          <ChevronDown\n            className={cn(\n              iconSizes[size],\n              'transition-transform duration-300 ease-out flex-shrink-0',\n              isOpen && 'rotate-180',\n            )}\n          />\n        </button>\n        <div\n          id={contentId}\n          role=\"region\"\n          className={cn(\n            'grid transition-[grid-template-rows] duration-300 ease-out',\n            isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]',\n          )}\n        >\n          <div className=\"overflow-hidden\">\n            <div className={collapseContentVariants({ size })}>{children}</div>\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nCollapse.displayName = 'Collapse'\n\nexport type * from './types'\nexport default Collapse\n"]}