@mdigital_ui/ui 0.4.1 → 0.4.3

package/dist/{chunk-HCOTO5WX.js → chunk-XWCWTPEM.js}

@@ -1,5 +1,5 @@
-import { createTooltipSoftColorVariants, tooltipSolidColorClasses, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -15,13 +15,12 @@ var tooltipContentVariants = cva(
         md: "text-base px-3 py-1.5",
         lg: "text-lg px-4 py-2"
       },
-      color: tooltipSolidColorClasses,
+      color: colorVars,
       variant: {
-        solid: "",
-        soft: "border"
+        solid: "bg-slot text-slot-fg",
+        soft: "bg-slot-20 text-slot border border-slot-30"
       }
     },
-    compoundVariants: createTooltipSoftColorVariants(componentColors),
     defaultVariants: {
       size: "sm",
       color: "default",
@@ -73,5 +72,5 @@ Tooltip.displayName = "Tooltip";
 var tooltip_default = Tooltip;
 
 export { TooltipProvider, tooltip_default };
-//# sourceMappingURL=chunk-HCOTO5WX.js.map
-//# sourceMappingURL=chunk-HCOTO5WX.js.map
+//# sourceMappingURL=chunk-XWCWTPEM.js.map
+//# sourceMappingURL=chunk-XWCWTPEM.js.map

package/dist/chunk-XWCWTPEM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,slBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,sBAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAUhD,IAAM,UAAU,KAAA,CAAM,IAAA;AAAA,EACpB,CAAC;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,OAAA;AAAA,IACV,IAAA,GAAO,KAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,aAAA,GAAgB,GAAA;AAAA,IAChB,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,uBACE,IAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,aAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAkB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,sBAC5C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,QAAkB,gBAAA,CAAA,OAAA;AAAA,QAAjB;AAAA,UACC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,iBAAA;AAAA,YACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,CAAA;AAAA,YAC/C,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,UAAA,EAAY,CAAA;AAAA,UACX,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAGtB,IAAO,eAAA,GAAQ","file":"chunk-XWCWTPEM.js","sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { TooltipProps } from './types'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-3 py-1.5 text-sm will-change-[transform,_opacity] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-2.5 py-1',\n        md: 'text-base px-3 py-1.5',\n        lg: 'text-lg px-4 py-2',\n      },\n      color: colorVars,\n      variant: {\n        solid: 'bg-slot text-slot-fg',\n        soft: 'bg-slot-20 text-slot border border-slot-30',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      color: 'default',\n      variant: 'solid',\n    },\n  },\n)\n\nexport const TooltipProvider = TooltipPrimitive.Provider\n\nexport type {\n  TooltipProps,\n  TooltipProviderProps,\n  TooltipColor,\n  TooltipSize,\n  TooltipVariant,\n} from './types'\n\nconst Tooltip = React.memo<TooltipProps>(\n  ({\n    content,\n    children,\n    color = 'default',\n    size = 'sm',\n    variant = 'solid',\n    side = 'top',\n    align = 'center',\n    delayDuration = 200,\n    disabled = false,\n    className,\n    classNames,\n    ...props\n  }) => {\n    if (disabled) {\n      return <>{children}</>\n    }\n\n    return (\n      <TooltipPrimitive.Root delayDuration={delayDuration}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            className={cn(\n              'tooltip_content',\n              tooltipContentVariants({ size, color, variant }),\n              className,\n              classNames?.content,\n            )}\n            sideOffset={4}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    )\n  },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type * from './types'\nexport default Tooltip\n"]}

package/dist/{chunk-PMA4VCAH.js → chunk-YSV5GQS7.js}

@@ -1,12 +1,12 @@
-import { focusRingColorClasses } from './chunk-POXI7JJ4.js';
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { ChevronDown } from 'lucide-react';
-import React, { useState } from 'react';
+import React, { useState, useRef, useCallback, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var collapseVariants = cva(
-  "w-full border rounded-md transition-colors overflow-hidden",
+  "w-full border rounded-md overflow-hidden",
   {
     variants: {
       size: {
@@ -22,7 +22,7 @@ var collapseVariants = cva(
   }
 );
 var collapseHeaderVariants = cva(
-  "w-full flex items-center justify-between cursor-pointer transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
+  "w-full flex items-center justify-between cursor-pointer touch-manipulation font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm",
   {
     variants: {
       size: {
@@ -33,7 +33,7 @@ var collapseHeaderVariants = cva(
       },
       disabled: {
         true: "opacity-50 cursor-not-allowed",
-        false: ""
+        false: "hover:bg-surface/50"
       }
     },
     defaultVariants: {
@@ -42,7 +42,7 @@ var collapseHeaderVariants = cva(
     }
   }
 );
-var collapseContentVariants = cva("transition-colors", {
+var collapseContentVariants = cva("", {
   variants: {
     size: {
       xs: "px-2 pb-2 text-xs",
@@ -159,14 +159,51 @@ var Collapse = React.memo(
     const uniqueId = React.useId();
     const headerId = `collapse-header-${uniqueId}`;
     const contentId = `collapse-content-${uniqueId}`;
-    const handleToggle = () => {
+    const panelRef = useRef(null);
+    const contentRef = useRef(null);
+    const prevOpenRef = useRef(isOpen);
+    const cachedHeightRef = useRef(0);
+    const animRef = useRef(null);
+    const handlePointerEnter = useCallback(() => {
+      if (contentRef.current) {
+        cachedHeightRef.current = contentRef.current.scrollHeight;
+      }
+    }, []);
+    useLayoutEffect(() => {
+      if (panelRef.current) {
+        panelRef.current.style.height = isOpen ? "auto" : "0";
+      }
+    }, []);
+    useLayoutEffect(() => {
+      const panel = panelRef.current;
+      const content = contentRef.current;
+      if (!panel || !content) return;
+      const wasOpen = prevOpenRef.current;
+      prevOpenRef.current = isOpen;
+      if (isOpen === wasOpen) return;
+      if (animRef.current) animRef.current.cancel();
+      const height = cachedHeightRef.current || content.scrollHeight;
+      cachedHeightRef.current = 0;
+      const prefersReducedMotion = typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
+      const duration = prefersReducedMotion ? 0 : 200;
+      const anim = panel.animate(
+        isOpen ? [{ height: "0px" }, { height: `${height}px` }] : [{ height: `${height}px` }, { height: "0px" }],
+        { duration, easing: "ease-out", fill: "forwards" }
+      );
+      anim.onfinish = () => {
+        panel.style.height = isOpen ? "auto" : "0";
+        anim.cancel();
+      };
+      animRef.current = anim;
+    }, [isOpen]);
+    const handleToggle = useCallback(() => {
       if (disabled) return;
       const newOpen = !isOpen;
       if (controlledOpen === void 0) {
         setInternalOpen(newOpen);
       }
       onChange?.(newOpen);
-    };
+    }, [disabled, isOpen, controlledOpen, onChange]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -186,6 +223,7 @@ var Collapse = React.memo(
               id: headerId,
               type: "button",
               onClick: handleToggle,
+              onPointerEnter: handlePointerEnter,
               disabled,
               "aria-expanded": isOpen,
               "aria-controls": contentId,
@@ -193,7 +231,8 @@ var Collapse = React.memo(
                 "collapse_header",
                 collapseHeaderVariants({ size, disabled }),
                 headerColorStyles[color][variant],
-                focusRingColorClasses[color],
+                colorVars[color],
+                "focus-visible:ring-slot",
                 classNames?.header
               ),
               "data-slot": "header",
@@ -218,15 +257,14 @@ var Collapse = React.memo(
           /* @__PURE__ */ jsx(
             "div",
             {
+              ref: panelRef,
               id: contentId,
               role: "region",
               "aria-labelledby": headerId,
               "aria-hidden": !isOpen,
-              className: cn(
-                "grid transition-[grid-template-rows] duration-300 ease-out",
-                isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
-              ),
-              children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+              className: "overflow-hidden",
+              style: { contain: "content" },
+              children: /* @__PURE__ */ jsx("div", { ref: contentRef, children: /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: cn(
@@ -249,5 +287,5 @@ Collapse.displayName = "Collapse";
 var collapse_default = Collapse;
 
 export { collapse_default };
-//# sourceMappingURL=chunk-PMA4VCAH.js.map
-//# sourceMappingURL=chunk-PMA4VCAH.js.map
+//# sourceMappingURL=chunk-YSV5GQS7.js.map
+//# sourceMappingURL=chunk-YSV5GQS7.js.map

package/dist/chunk-YSV5GQS7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collapse/index.tsx"],"names":[],"mappings":";;;;;;;AAUA,IAAM,gBAAA,GAAmB,GAAA;AAAA,EACvB,0CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI,EAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,4MAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,+BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEA,IAAM,uBAAA,GAA0B,IAAI,EAAA,EAAI;AAAA,EACtC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,mBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,WAAA,GAAc;AAAA,EAClB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,+CAAA;AAAA,IACT,KAAA,EAAO,4CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,kDAAA;AAAA,IACT,KAAA,EAAO,+CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,+CAAA;AAAA,IACT,KAAA,EAAO,yCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,8CAAA;AAAA,IACT,KAAA,EAAO,uCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,gDAAA;AAAA,IACT,KAAA,EAAO,2CAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,6CAAA;AAAA,IACT,KAAA,EAAO,qCAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,iBAAA,GAAoB;AAAA,EACxB,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,oCAAA;AAAA,IACT,KAAA,EAAO,uCAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,OAAA,EAAS,sCAAA;AAAA,IACT,KAAA,EAAO,uBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,gCAAA;AAAA,IACT,KAAA,EAAO,oBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,KAAA,EAAO;AAAA,IACL,OAAA,EAAS,8BAAA;AAAA,IACT,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,kCAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,4BAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,IAAA,EAAM;AAAA;AAEV,CAAA;AAEA,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,WAAA,GAAc,KAAA;AAAA,IACd,IAAA,EAAM,cAAA;AAAA,IACN,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5D,IAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,MAAA,GAAY,cAAA,GAAiB,YAAA;AAC/D,IAAA,MAAM,QAAA,GAAW,MAAM,KAAA,EAAM;AAC7B,IAAA,MAAM,QAAA,GAAW,mBAAmB,QAAQ,CAAA,CAAA;AAC5C,IAAA,MAAM,SAAA,GAAY,oBAAoB,QAAQ,CAAA,CAAA;AAC9C,IAAA,MAAM,QAAA,GAAW,OAAuB,IAAI,CAAA;AAC5C,IAAA,MAAM,UAAA,GAAa,OAAuB,IAAI,CAAA;AAC9C,IAAA,MAAM,WAAA,GAAc,OAAO,MAAM,CAAA;AACjC,IAAA,MAAM,eAAA,GAAkB,OAAe,CAAC,CAAA;AACxC,IAAA,MAAM,OAAA,GAAU,OAAyB,IAAI,CAAA;AAE7C,IAAA,MAAM,kBAAA,GAAqB,YAAY,MAAM;AAC3C,MAAA,IAAI,WAAW,OAAA,EAAS;AACtB,QAAA,eAAA,CAAgB,OAAA,GAAU,WAAW,OAAA,CAAQ,YAAA;AAAA,MAC/C;AAAA,IACF,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,IAAI,SAAS,OAAA,EAAS;AACpB,QAAA,QAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,MAAA,GAAS,MAAA,GAAS,MAAA,GAAS,GAAA;AAAA,MACpD;AAAA,IAEF,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,MAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,MAAA,IAAI,CAAC,KAAA,IAAS,CAAC,OAAA,EAAS;AAExB,MAAA,MAAM,UAAU,WAAA,CAAY,OAAA;AAC5B,MAAA,WAAA,CAAY,OAAA,GAAU,MAAA;AACtB,MAAA,IAAI,WAAW,OAAA,EAAS;AAExB,MAAA,IAAI,OAAA,CAAQ,OAAA,EAAS,OAAA,CAAQ,OAAA,CAAQ,MAAA,EAAO;AAE5C,MAAA,MAAM,MAAA,GAAS,eAAA,CAAgB,OAAA,IAAW,OAAA,CAAQ,YAAA;AAClD,MAAA,eAAA,CAAgB,OAAA,GAAU,CAAA;AAG1B,MAAA,MAAM,uBAAuB,OAAO,MAAA,KAAW,eAAe,MAAA,CAAO,UAAA,GAAa,kCAAkC,CAAA,CAAE,OAAA;AACtH,MAAA,MAAM,QAAA,GAAW,uBAAuB,CAAA,GAAI,GAAA;AAE5C,MAAA,MAAM,OAAO,KAAA,CAAM,OAAA;AAAA,QACjB,MAAA,GACI,CAAC,EAAE,MAAA,EAAQ,OAAM,EAAG,EAAE,MAAA,EAAQ,CAAA,EAAG,MAAM,CAAA,EAAA,CAAA,EAAM,CAAA,GAC7C,CAAC,EAAE,MAAA,EAAQ,CAAA,EAAG,MAAM,MAAK,EAAG,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,QACjD,EAAE,QAAA,EAAU,MAAA,EAAQ,UAAA,EAAY,MAAM,UAAA;AAAW,OACnD;AAEA,MAAA,IAAA,CAAK,WAAW,MAAM;AACpB,QAAA,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,MAAA,GAAS,MAAA,GAAS,GAAA;AACvC,QAAA,IAAA,CAAK,MAAA,EAAO;AAAA,MACd,CAAA;AAEA,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,IACpB,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,IAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,MAAM,UAAU,CAAC,MAAA;AACjB,MAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,QAAA,eAAA,CAAgB,OAAO,CAAA;AAAA,MACzB;AACA,MAAA,QAAA,GAAW,OAAO,CAAA;AAAA,IACpB,GAAG,CAAC,QAAA,EAAU,MAAA,EAAQ,cAAA,EAAgB,QAAQ,CAAC,CAAA;AAE/C,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,gBAAA,CAAiB,EAAE,IAAA,EAAM,CAAA;AAAA,UACzB,WAAA,CAAY,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,UAC1B,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,QAAA;AAAA,cACJ,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,YAAA;AAAA,cACT,cAAA,EAAgB,kBAAA;AAAA,cAChB,QAAA;AAAA,cACA,eAAA,EAAe,MAAA;AAAA,cACf,eAAA,EAAe,SAAA;AAAA,cACf,SAAA,EAAW,EAAA;AAAA,gBACT,iBAAA;AAAA,gBACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,QAAA,EAAU,CAAA;AAAA,gBACzC,iBAAA,CAAkB,KAAK,CAAA,CAAE,OAAO,CAAA;AAAA,gBAChC,UAAU,KAAK,CAAA;AAAA,gBAAG,yBAAA;AAAA,gBAClB,UAAA,EAAY;AAAA,eACd;AAAA,cACA,WAAA,EAAU,QAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,gCACb,GAAA;AAAA,kBAAC,WAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,EAAA;AAAA,sBACT,eAAA;AAAA,sBACA,UAAU,IAAI,CAAA;AAAA,sBACd,0DAAA;AAAA,sBACA,MAAA,IAAU,YAAA;AAAA,sBACV,UAAA,EAAY;AAAA,qBACd;AAAA,oBACA,WAAA,EAAU;AAAA;AAAA;AACZ;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,QAAA;AAAA,cACL,EAAA,EAAI,SAAA;AAAA,cACJ,IAAA,EAAK,QAAA;AAAA,cACL,iBAAA,EAAiB,QAAA;AAAA,cACjB,eAAa,CAAC,MAAA;AAAA,cACd,SAAA,EAAU,iBAAA;AAAA,cACV,KAAA,EAAO,EAAE,OAAA,EAAS,SAAA,EAAU;AAAA,cAE5B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAA,EACR,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA;AAAA,oBACT,kBAAA;AAAA,oBACA,uBAAA,CAAwB,EAAE,IAAA,EAAM,CAAA;AAAA,oBAChC,UAAA,EAAY;AAAA,mBACd;AAAA,kBACA,WAAA,EAAU,SAAA;AAAA,kBAET;AAAA;AAAA,eACH,EACF;AAAA;AAAA;AACF;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-YSV5GQS7.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { ChevronDown } from 'lucide-react'\nimport React, { useCallback, useLayoutEffect, useRef, useState } from 'react'\n\nimport { cn, iconSizes } from '../utils'\nimport { colorVars } from '../variants'\nimport type { CollapseProps } from './types'\n\nconst collapseVariants = cva(\n  'w-full border rounded-md 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 touch-manipulation font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-sm',\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: 'hover:bg-surface/50',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst collapseContentVariants = cva('', {\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    classNames,\n    ref,\n  }) => {\n    const [internalOpen, setInternalOpen] = useState(defaultOpen)\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n    const uniqueId = React.useId()\n    const headerId = `collapse-header-${uniqueId}`\n    const contentId = `collapse-content-${uniqueId}`\n    const panelRef = useRef<HTMLDivElement>(null)\n    const contentRef = useRef<HTMLDivElement>(null)\n    const prevOpenRef = useRef(isOpen)\n    const cachedHeightRef = useRef<number>(0)\n    const animRef = useRef<Animation | null>(null)\n\n    const handlePointerEnter = useCallback(() => {\n      if (contentRef.current) {\n        cachedHeightRef.current = contentRef.current.scrollHeight\n      }\n    }, [])\n\n    useLayoutEffect(() => {\n      if (panelRef.current) {\n        panelRef.current.style.height = isOpen ? 'auto' : '0'\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    useLayoutEffect(() => {\n      const panel = panelRef.current\n      const content = contentRef.current\n      if (!panel || !content) return\n\n      const wasOpen = prevOpenRef.current\n      prevOpenRef.current = isOpen\n      if (isOpen === wasOpen) return\n\n      if (animRef.current) animRef.current.cancel()\n\n      const height = cachedHeightRef.current || content.scrollHeight\n      cachedHeightRef.current = 0\n\n      // Check for prefers-reduced-motion\n      const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n      const duration = prefersReducedMotion ? 0 : 200\n\n      const anim = panel.animate(\n        isOpen\n          ? [{ height: '0px' }, { height: `${height}px` }]\n          : [{ height: `${height}px` }, { height: '0px' }],\n        { duration, easing: 'ease-out', fill: 'forwards' },\n      )\n\n      anim.onfinish = () => {\n        panel.style.height = isOpen ? 'auto' : '0'\n        anim.cancel()\n      }\n\n      animRef.current = anim\n    }, [isOpen])\n\n    const handleToggle = useCallback(() => {\n      if (disabled) return\n\n      const newOpen = !isOpen\n      if (controlledOpen === undefined) {\n        setInternalOpen(newOpen)\n      }\n      onChange?.(newOpen)\n    }, [disabled, isOpen, controlledOpen, onChange])\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'collapse_root',\n          collapseVariants({ size }),\n          colorStyles[color][variant],\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n      >\n        <button\n          id={headerId}\n          type=\"button\"\n          onClick={handleToggle}\n          onPointerEnter={handlePointerEnter}\n          disabled={disabled}\n          aria-expanded={isOpen}\n          aria-controls={contentId}\n          className={cn(\n            'collapse_header',\n            collapseHeaderVariants({ size, disabled }),\n            headerColorStyles[color][variant],\n            colorVars[color], 'focus-visible:ring-slot',\n            classNames?.header,\n          )}\n          data-slot=\"header\"\n        >\n          <span>{title}</span>\n          <ChevronDown\n            className={cn(\n              'collapse_icon',\n              iconSizes[size],\n              'transition-transform duration-300 ease-out flex-shrink-0',\n              isOpen && 'rotate-180',\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          />\n        </button>\n        <div\n          ref={panelRef}\n          id={contentId}\n          role=\"region\"\n          aria-labelledby={headerId}\n          aria-hidden={!isOpen}\n          className=\"overflow-hidden\"\n          style={{ contain: 'content' }}\n        >\n          <div ref={contentRef}>\n            <div\n              className={cn(\n                'collapse_content',\n                collapseContentVariants({ size }),\n                classNames?.content,\n              )}\n              data-slot=\"content\"\n            >\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  },\n)\n\nCollapse.displayName = 'Collapse'\n\nexport type * from './types'\nexport default Collapse\n"]}

package/dist/{chunk-6JGNJI5T.js → chunk-ZNNIXMJZ.js}

@@ -1,6 +1,6 @@
-import { getValidationStatus, cn, statusMessageVariants } from './chunk-NGYLRX6F.js';
+import { getValidationStatus, cn, statusMessageVariants } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
-import React, { useId } from 'react';
+import React, { useId, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var textareaVariants = cva(
@@ -13,10 +13,10 @@ var textareaVariants = cva(
       },
       status: {
         default: "",
-        error: "!border-error focus:!border-error",
-        warning: "!border-warning focus:!border-warning",
-        info: "!border-info focus:!border-info",
-        success: "!border-success focus:!border-success"
+        error: "border-error focus:border-error",
+        warning: "border-warning focus:border-warning",
+        info: "border-info focus:border-info",
+        success: "border-success focus:border-success"
       },
       size: {
         xs: "min-h-(--textarea-min-height-xs) p-(--textarea-padding-xs) text-xs",
@@ -68,20 +68,33 @@ var Textarea = React.memo(
     ...props
   }) => {
     const internalRef = React.useRef(null);
-    const textareaRef = ref || internalRef;
     const [internalValue, setInternalValue] = React.useState(value || "");
     const currentValue = value !== void 0 ? value : internalValue;
     const currentLength = String(currentValue).length;
+    const mergedRef = React.useCallback(
+      (node) => {
+        internalRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    );
     const uniqueId = useId();
     const textareaId = props.id || `textarea-${uniqueId}`;
     const helperId = `textarea-helper-${uniqueId}`;
-    const { status, message: helperMessage } = getValidationStatus({
-      error,
-      warning,
-      info,
-      success,
-      helperText
-    });
+    const { status, message: helperMessage } = useMemo(
+      () => getValidationStatus({
+        error,
+        warning,
+        info,
+        success,
+        helperText
+      }),
+      [error, warning, info, success, helperText]
+    );
     const handleChange = React.useCallback(
       (e) => {
         if (value === void 0) {
@@ -92,15 +105,15 @@ var Textarea = React.memo(
       [value, onChange]
     );
     React.useEffect(() => {
-      if (autoResize && textareaRef.current) {
-        textareaRef.current.style.height = "auto";
-        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+      if (autoResize && internalRef.current) {
+        internalRef.current.style.height = "auto";
+        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;
       }
-    }, [currentValue, autoResize, textareaRef]);
+    }, [currentValue, autoResize]);
     const textareaElement = /* @__PURE__ */ jsx(
       "textarea",
       {
-        ref: textareaRef,
+        ref: mergedRef,
         id: textareaId,
         className: cn(
           "textarea_textarea",
@@ -126,6 +139,7 @@ var Textarea = React.memo(
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         className: cn(
           "textarea_root",
           "w-full flex flex-col relative",
@@ -170,5 +184,5 @@ Textarea.displayName = "Textarea";
 var textarea_default = Textarea;
 
 export { textarea_default };
-//# sourceMappingURL=chunk-6JGNJI5T.js.map
-//# sourceMappingURL=chunk-6JGNJI5T.js.map
+//# sourceMappingURL=chunk-ZNNIXMJZ.js.map
+//# sourceMappingURL=chunk-ZNNIXMJZ.js.map

package/dist/chunk-ZNNIXMJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textarea/index.tsx"],"names":[],"mappings":"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","file":"chunk-ZNNIXMJZ.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useId, useMemo } from 'react'\n\nimport { cn, getValidationStatus, statusMessageVariants } from '../utils'\nimport type { TextareaProps } from './types'\n\nconst textareaVariants = cva(\n  'w-full rounded-md focus:border-primary transition-colors text-text-primary placeholder:text-text-secondary/50 disabled:opacity-50 disabled:cursor-not-allowed read-only:bg-surface read-only:cursor-default outline-none',\n  {\n    variants: {\n      variant: {\n        outline: 'bg-background border border-border',\n        filled: 'bg-surface border border-transparent',\n      },\n      status: {\n        default: '',\n        error: 'border-error focus:border-error',\n        warning: 'border-warning focus:border-warning',\n        info: 'border-info focus:border-info',\n        success: 'border-success focus:border-success',\n      },\n      size: {\n        xs: 'min-h-(--textarea-min-height-xs) p-(--textarea-padding-xs) text-xs',\n        sm: 'min-h-(--textarea-min-height-sm) p-(--textarea-padding-sm) text-sm',\n        md: 'min-h-(--textarea-min-height-md) p-(--textarea-padding-md) text-base',\n        lg: 'min-h-(--textarea-min-height-lg) p-(--textarea-padding-lg) text-lg',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: 'max-w-full',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      status: 'default',\n      size: 'md',\n      resize: 'vertical',\n      fullWidth: true,\n    },\n  },\n)\n\nconst Textarea = React.memo<TextareaProps>(\n  ({\n    variant = 'outline',\n    size = 'md',\n    label,\n    helperText,\n    messagePosition = 'bottom',\n    error,\n    warning,\n    info,\n    success,\n    resize = 'vertical',\n    showCount = false,\n    maxLength,\n    autoResize = false,\n    fullWidth = true,\n    className,\n    classNames,\n    value,\n    onChange,\n    ref,\n    ...props\n  }) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null)\n    const [internalValue, setInternalValue] = React.useState(value || '')\n    const currentValue = value !== undefined ? value : internalValue\n    const currentLength = String(currentValue).length\n\n    const mergedRef = React.useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        internalRef.current = node\n        if (typeof ref === 'function') {\n          ref(node)\n        } else if (ref) {\n          ;(ref as React.MutableRefObject<HTMLTextAreaElement | null>).current =\n            node\n        }\n      },\n      [ref],\n    )\n\n    // Generate unique IDs for accessibility\n    const uniqueId = useId()\n    const textareaId = props.id || `textarea-${uniqueId}`\n    const helperId = `textarea-helper-${uniqueId}`\n\n    const { status, message: helperMessage } = useMemo(\n      () =>\n        getValidationStatus({\n          error,\n          warning,\n          info,\n          success,\n          helperText,\n        }),\n      [error, warning, info, success, helperText],\n    )\n\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value)\n        }\n        onChange?.(e)\n      },\n      [value, onChange],\n    )\n\n    React.useEffect(() => {\n      if (autoResize && internalRef.current) {\n        internalRef.current.style.height = 'auto'\n        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`\n      }\n    }, [currentValue, autoResize])\n\n    const textareaElement = (\n      <textarea\n        ref={mergedRef}\n        id={textareaId}\n        className={cn(\n          'textarea_textarea',\n          textareaVariants({\n            variant,\n            status,\n            size,\n            resize: autoResize ? 'none' : resize,\n            fullWidth,\n          }),\n          autoResize && 'overflow-hidden',\n          className,\n          classNames?.textarea,\n        )}\n        maxLength={maxLength}\n        value={currentValue}\n        onChange={handleChange}\n        aria-invalid={status === 'error'}\n        aria-describedby={helperMessage ? helperId : undefined}\n        {...props}\n      />\n    )\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'textarea_root',\n          'w-full flex flex-col relative',\n          !fullWidth && 'inline-block',\n          classNames?.root,\n        )}\n      >\n        <div className={cn('textarea_wrapper', 'flex gap-2 items-center relative mb-0.5', classNames?.wrapper)}>\n          {label && (\n            <label htmlFor={textareaId} className={cn('textarea_label', 'text-sm font-medium text-text-secondary', classNames?.label)}>\n              {label}\n              {props.required && <span className={cn('textarea_error', 'text-error ml-1', classNames?.error)}>*</span>}\n            </label>\n          )}\n          {helperMessage && messagePosition === 'top' && (\n            <p\n              id={helperId}\n              className={cn('textarea_helper', statusMessageVariants({ status }), classNames?.helper)}\n            >\n              {helperMessage}\n            </p>\n          )}\n          {showCount && maxLength && (\n            <span className={cn('textarea_counter', 'text-xs text-text-secondary absolute right-0', classNames?.counter)}>\n              {currentLength}/{maxLength}\n            </span>\n          )}\n        </div>\n        {textareaElement}\n        {helperMessage && messagePosition === 'bottom' && (\n          <p\n            id={helperId}\n            className={cn('textarea_helper', statusMessageVariants({ status }), 'mt-0.5', classNames?.helper)}\n          >\n            {helperMessage}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nTextarea.displayName = 'Textarea'\n\nexport type * from './types'\nexport default Textarea\n"]}

package/dist/{chunk-CN74CNAN.js → chunk-ZZZGD5EF.js}

@@ -1,5 +1,5 @@
-import { createKbdColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -9,20 +9,11 @@ var kbdVariants = cva(
   {
     variants: {
       variant: {
-        solid: "",
-        outline: "",
-        soft: ""
-      },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
+        solid: "bg-slot border border-slot text-slot-fg",
+        outline: "bg-background border border-slot text-slot",
+        soft: "bg-slot-10 border border-slot-20 text-slot"
       },
+      color: colorVars,
       size: {
         xs: "h-3.5 p-0.5 text-[9px]",
         sm: "h-4 p-0.5 text-xs",
@@ -30,11 +21,6 @@ var kbdVariants = cva(
         lg: "h-5 px-2 text-sm"
       }
     },
-    compoundVariants: createKbdColorVariants(componentColors, [
-      "solid",
-      "outline",
-      "soft"
-    ]),
     defaultVariants: {
       variant: "outline",
       color: "default",
@@ -71,5 +57,5 @@ Kbd.displayName = "Kbd";
 var kbd_default = Kbd;
 
 export { kbd_default };
-//# sourceMappingURL=chunk-CN74CNAN.js.map
-//# sourceMappingURL=chunk-CN74CNAN.js.map
+//# sourceMappingURL=chunk-ZZZGD5EF.js.map
+//# sourceMappingURL=chunk-ZZZGD5EF.js.map

package/dist/chunk-ZZZGD5EF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,4JAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,yCAAA;AAAA,QACP,OAAA,EAAS,4CAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,MAAM,KAAA,CAAM,IAAA;AAAA,EAChB,CAAC;AAAA,IACC,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,WAAA,CAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,CAAA;AAAA,UACpC,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAGlB,IAAO,WAAA,GAAQ","file":"chunk-ZZZGD5EF.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex align-middle w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: 'bg-slot border border-slot text-slot-fg',\n        outline: 'bg-background border border-slot text-slot',\n        soft: 'bg-slot-10 border border-slot-20 text-slot',\n      },\n      color: colorVars,\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        data-slot=\"root\"\n        className={cn(\n          'kbd_root',\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}

package/dist/clipboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clipboard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAgE9C,QAAA,MAAM,SAAS,4CAoHd,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/clipboard/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAgD9C,QAAA,MAAM,SAAS,4CAuHd,CAAC;AAIF,mBAAmB,SAAS,CAAC;AAC7B,eAAe,SAAS,CAAC"}

package/dist/clipboard/index.js

@@ -1,6 +1,6 @@
-export { clipboard_default as default } from '../chunk-3PWILVOE.js';
-import '../chunk-OFUPJH35.js';
-import '../chunk-POXI7JJ4.js';
-import '../chunk-NGYLRX6F.js';
+export { clipboard_default as default } from '../chunk-NHM6DZOF.js';
+import '../chunk-4TEZWGX7.js';
+import '../chunk-GLJDHW73.js';
+import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/clipboard/types.d.ts

@@ -1,40 +1,19 @@
-import type { ComponentColor } from '../types';
+import type { ComponentColor, ComponentSize } from '../types';
 export type ClipboardVariant = 'default' | 'solid' | 'soft';
-export type ClipboardSize = 'xs' | 'sm' | 'md' | 'lg';
+export type ClipboardSize = ComponentSize;
 export interface ClipboardClassNames {
-    /**
-     * Class for root container
-     */
     root?: string;
-    /**
-     * Class for input display element
-     */
     input?: string;
-    /**
-     * Class for copy button/icon
-     */
     button?: string;
 }
 export interface ClipboardProps {
-    /**
-     * Text value to copy to clipboard
-     */
     value: string;
-    /**
-     * Theme color
-     */
     color?: ComponentColor;
     /**
      * Size variant (clipboard only supports xs, sm, md, lg)
      */
     size?: ClipboardSize;
-    /**
-     * Visual style variant
-     */
     variant?: ClipboardVariant;
-    /**
-     * Whether to show the value text
-     */
     showValue?: boolean;
     /**
      * Duration to show success icon (in milliseconds)
@@ -45,21 +24,9 @@ export interface ClipboardProps {
      * @default false
      */
     disabled?: boolean;
-    /**
-     * Callback when text is copied
-     */
     onCopy?: () => void;
-    /**
-     * Additional CSS class
-     */
     className?: string;
-    /**
-     * Custom classes for different parts of the clipboard
-     */
     classNames?: ClipboardClassNames;
-    /**
-     * Reference to the element
-     */
     ref?: React.Ref<HTMLDivElement>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/clipboard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/clipboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAEhC;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/clipboard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC3D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAA;AAEzC,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}

package/dist/collapse/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapse/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA6I5C,QAAA,MAAM,QAAQ,2CAiGb,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapse/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA6I5C,QAAA,MAAM,QAAQ,2CAoJb,CAAA;AAID,mBAAmB,SAAS,CAAA;AAC5B,eAAe,QAAQ,CAAA"}

package/dist/collapse/index.js

@@ -1,5 +1,5 @@
-export { collapse_default as default } from '../chunk-PMA4VCAH.js';
-import '../chunk-POXI7JJ4.js';
-import '../chunk-NGYLRX6F.js';
+export { collapse_default as default } from '../chunk-YSV5GQS7.js';
+import '../chunk-GLJDHW73.js';
+import '../chunk-RAS6HUEI.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/collapse/types.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentColor } from '../types';
+import type { ComponentColor, ComponentSize } from '../types';
 export type CollapseVariant = 'default' | 'solid' | 'soft';
-export type CollapseSize = 'xs' | 'sm' | 'md' | 'lg';
+export type CollapseSize = ComponentSize;
 export interface CollapseClassNames {
     root?: string;
     header?: string;
@@ -8,53 +8,20 @@ export interface CollapseClassNames {
     icon?: string;
 }
 export interface CollapseProps {
-    /**
-     * Title displayed in the header
-     */
     title: React.ReactNode;
-    /**
-     * Content to display when expanded
-     */
     children: React.ReactNode;
-    /**
-     * Theme color
-     */
     color?: ComponentColor;
     /**
      * Size variant (collapse only supports xs, sm, md, lg)
      */
     size?: CollapseSize;
-    /**
-     * Visual style variant
-     */
     variant?: CollapseVariant;
-    /**
-     * Default open state (uncontrolled)
-     */
     defaultOpen?: boolean;
-    /**
-     * Controlled open state
-     */
     open?: boolean;
-    /**
-     * Callback when open state changes
-     */
     onChange?: (open: boolean) => void;
-    /**
-     * Whether collapse is disabled
-     */
     disabled?: boolean;
-    /**
-     * Additional CSS class
-     */
     className?: string;
-    /**
-     * Custom class names for different parts of the collapse
-     */
     classNames?: CollapseClassNames;
-    /**
-     * Reference to the element
-     */
     ref?: React.Ref<HTMLDivElement>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/collapse/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpD,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAE/B;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAC1D,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AAExC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC"}