@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-674JC24S.js → chunk-MZDAQSI4.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { X } from 'lucide-react';
 import { Drawer as Drawer$1 } from 'vaul';
@@ -68,30 +68,29 @@ var paddingClasses = {
   lg: "p-6",
   full: "p-6"
 };
-var Drawer = React.memo(
-  ({
-    open,
-    onOpenChange,
-    direction = "bottom",
-    modal = true,
-    dismissible = true,
-    snapPoints,
-    children
-  }) => {
-    return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: { direction }, children: /* @__PURE__ */ jsx(
-      Drawer$1.Root,
-      {
-        open,
-        onOpenChange,
-        direction,
-        modal,
-        dismissible,
-        snapPoints,
-        children
-      }
-    ) });
-  }
-);
+function Drawer({
+  open,
+  onOpenChange,
+  direction = "bottom",
+  modal = true,
+  dismissible = true,
+  snapPoints,
+  children
+}) {
+  const contextValue = React.useMemo(() => ({ direction }), [direction]);
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Drawer$1.Root,
+    {
+      open,
+      onOpenChange,
+      direction,
+      modal,
+      dismissible,
+      snapPoints,
+      children
+    }
+  ) });
+}
 Drawer.displayName = "Drawer";
 var DrawerTrigger = React.memo(
   ({ children, asChild = false, className, ref, ...props }) => {
@@ -117,7 +116,7 @@ var DrawerOverlay = React.memo(
       ref,
       className: cn(
         "drawer_overlay",
-        "fixed inset-0 z-50 bg-black/20 backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200",
+        "fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200",
         classNames?.overlay,
         className
       ),
@@ -410,5 +409,5 @@ ComposedDrawer.displayName = "ComposedDrawer";
 var drawer_default = ComposedDrawer;
 
 export { ComposedDrawer, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawer_default };
-//# sourceMappingURL=chunk-674JC24S.js.map
-//# sourceMappingURL=chunk-674JC24S.js.map
+//# sourceMappingURL=chunk-MZDAQSI4.js.map
+//# sourceMappingURL=chunk-MZDAQSI4.js.map

package/dist/chunk-MZDAQSI4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drawer/index.tsx"],"names":["DrawerPrimitive"],"mappings":"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","file":"chunk-MZDAQSI4.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\nimport React, { createContext, useContext } from \"react\";\n\nimport { cn } from \"../utils\";\nimport type {\n  ComposedDrawerProps,\n  DrawerBodyProps,\n  DrawerCloseProps,\n  DrawerContentProps,\n  DrawerDescriptionProps,\n  DrawerDirection,\n  DrawerFooterProps,\n  DrawerHeaderProps,\n  DrawerOverlayProps,\n  DrawerProps,\n  DrawerSize,\n  DrawerTitleProps,\n  DrawerTriggerProps,\n} from \"./types\";\n\n// Context to pass direction from Drawer to DrawerContent\nconst DrawerContext = createContext<{\n  direction: DrawerDirection;\n}>({ direction: \"bottom\" });\n\nconst drawerContentVariants = cva(\n  \"fixed bg-background border-border flex flex-col outline-none\",\n  {\n    variants: {\n      direction: {\n        bottom: \"bottom-0 left-0 right-0 border-t rounded-t-xl max-h-[96vh]\",\n        top: \"top-0 left-0 right-0 border-b rounded-b-xl max-h-[96vh]\",\n        left: \"left-0 top-0 bottom-0 border-r max-w-[96vw]\",\n        right: \"right-0 top-0 bottom-0 border-l max-w-[96vw]\",\n      },\n      size: {\n        xs: \"\",\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        full: \"\",\n      },\n    },\n    compoundVariants: [\n      // Bottom/Top - height based\n      { direction: \"bottom\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"bottom\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"bottom\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"bottom\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"bottom\", size: \"full\", class: \"h-[96vh]\" },\n      { direction: \"top\", size: \"xs\", class: \"h-1/4\" },\n      { direction: \"top\", size: \"sm\", class: \"h-1/3\" },\n      { direction: \"top\", size: \"md\", class: \"h-1/2\" },\n      { direction: \"top\", size: \"lg\", class: \"h-3/4\" },\n      { direction: \"top\", size: \"full\", class: \"h-[96vh]\" },\n      // Left/Right - width based\n      { direction: \"left\", size: \"xs\", class: \"w-64\" },\n      { direction: \"left\", size: \"sm\", class: \"w-80\" },\n      { direction: \"left\", size: \"md\", class: \"w-96\" },\n      { direction: \"left\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"left\", size: \"full\", class: \"w-[96vw]\" },\n      { direction: \"right\", size: \"xs\", class: \"w-64\" },\n      { direction: \"right\", size: \"sm\", class: \"w-80\" },\n      { direction: \"right\", size: \"md\", class: \"w-96\" },\n      { direction: \"right\", size: \"lg\", class: \"w-[480px]\" },\n      { direction: \"right\", size: \"full\", class: \"w-[96vw]\" },\n    ],\n    defaultVariants: {\n      direction: \"bottom\",\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Close button size classes\n */\nconst closeButtonSizeClasses: Record<DrawerSize, string> = {\n  xs: \"top-2 right-2 p-1 [&_svg]:size-3.5\",\n  sm: \"top-3 right-3 p-1.5 [&_svg]:size-4\",\n  md: \"top-4 right-4 p-1.5 [&_svg]:size-4\",\n  lg: \"top-4 right-4 p-2 [&_svg]:size-5\",\n  full: \"top-5 right-5 p-2 [&_svg]:size-5\",\n};\n\n/**\n * Padding classes based on size\n */\nconst paddingClasses: Record<DrawerSize, string> = {\n  xs: \"p-3\",\n  sm: \"p-4\",\n  md: \"p-5\",\n  lg: \"p-6\",\n  full: \"p-6\",\n};\n\nexport function Drawer({\n  open,\n  onOpenChange,\n  direction = \"bottom\",\n  modal = true,\n  dismissible = true,\n  snapPoints,\n  children,\n}: DrawerProps) {\n  const contextValue = React.useMemo(() => ({ direction }), [direction]);\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        open={open}\n        onOpenChange={onOpenChange}\n        direction={direction}\n        modal={modal}\n        dismissible={dismissible}\n        snapPoints={snapPoints}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\n\nDrawer.displayName = \"Drawer\";\n\nexport const DrawerTrigger = React.memo<DrawerTriggerProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Trigger\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-trigger\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Trigger>\n    );\n  },\n);\n\nDrawerTrigger.displayName = \"DrawerTrigger\";\n\nexport const DrawerPortal = DrawerPrimitive.Portal;\n\nexport const DrawerOverlay = React.memo<DrawerOverlayProps>(\n  ({ className, ref, classNames, ...props }) => (\n    <DrawerPrimitive.Overlay\n      ref={ref}\n      className={cn(\n        \"drawer_overlay\",\n        \"fixed inset-0 z-50 bg-overlay backdrop-blur-sm data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-200\",\n        classNames?.overlay,\n        className,\n      )}\n      data-slot=\"drawer-overlay\"\n      {...props}\n    />\n  ),\n);\n\nDrawerOverlay.displayName = \"DrawerOverlay\";\n\nexport const DrawerContent = React.memo<DrawerContentProps>(\n  ({\n    children,\n    direction: directionProp,\n    size = \"md\",\n    showCloseButton = false,\n    showHandle,\n    className,\n    ref,\n    classNames,\n  }) => {\n    const { direction: contextDirection } = useContext(DrawerContext);\n    const direction = directionProp ?? contextDirection;\n\n    // Default showHandle based on direction\n    const shouldShowHandle =\n      showHandle ?? (direction === \"bottom\" || direction === \"top\");\n\n    const isHorizontal = direction === \"left\" || direction === \"right\";\n\n    return (\n      <DrawerPortal>\n        <DrawerOverlay classNames={classNames} />\n        <DrawerPrimitive.Content\n          ref={ref}\n          className={cn(\n            \"drawer_content\",\n            drawerContentVariants({ direction, size }),\n            paddingClasses[size],\n            \"z-50\",\n            classNames?.content,\n            className,\n          )}\n          data-slot=\"drawer-content\"\n        >\n          {/* Handle for bottom drawer */}\n          {shouldShowHandle && direction === \"bottom\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for top drawer */}\n          {shouldShowHandle && direction === \"top\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"mx-auto w-12 h-1.5 flex-shrink-0 rounded-full bg-border mb-4 order-last mt-auto\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for left drawer */}\n          {shouldShowHandle && direction === \"left\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute right-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Handle for right drawer */}\n          {shouldShowHandle && direction === \"right\" && (\n            <div\n              className={cn(\n                \"drawer_handle\",\n                \"absolute left-2 top-1/2 -translate-y-1/2 w-1.5 h-12 rounded-full bg-border\",\n                classNames?.handle\n              )}\n              data-slot=\"drawer-handle\"\n            />\n          )}\n\n          {/* Close button */}\n          {showCloseButton && (\n            <DrawerPrimitive.Close\n              className={cn(\n                \"drawer_closeButton\",\n                \"absolute rounded-md opacity-70 transition-opacity hover:opacity-100\",\n                \"focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2\",\n                \"text-text-secondary hover:text-text-primary hover:bg-surface\",\n                closeButtonSizeClasses[size],\n                classNames?.closeButton,\n              )}\n              data-slot=\"drawer-closeButton\"\n            >\n              <X />\n              <span className=\"sr-only\">Close</span>\n            </DrawerPrimitive.Close>\n          )}\n\n          {/* Content wrapper */}\n          <div\n            className={cn(\n              \"drawer_wrapper\",\n              \"flex flex-col flex-1 min-h-0\",\n              isHorizontal && \"overflow-y-auto\",\n              showCloseButton && \"pt-6\",\n              classNames?.wrapper,\n            )}\n            data-slot=\"drawer-wrapper\"\n          >\n            {children}\n          </div>\n        </DrawerPrimitive.Content>\n      </DrawerPortal>\n    );\n  },\n);\n\nDrawerContent.displayName = \"DrawerContent\";\n\nexport const DrawerHeader = React.memo<DrawerHeaderProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_header\",\n          \"flex flex-col gap-1.5 mb-4 shrink-0\",\n          classNames?.header,\n          className\n        )}\n        data-slot=\"drawer-header\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerHeader.displayName = \"DrawerHeader\";\n\nexport const DrawerBody = React.memo<DrawerBodyProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_body\",\n          \"flex-1 overflow-y-auto min-h-0\",\n          classNames?.body,\n          className\n        )}\n        data-slot=\"drawer-body\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerBody.displayName = \"DrawerBody\";\n\nexport const DrawerFooter = React.memo<DrawerFooterProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"drawer_footer\",\n          \"flex gap-2 mt-auto pt-4 shrink-0\",\n          classNames?.footer,\n          className\n        )}\n        data-slot=\"drawer-footer\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDrawerFooter.displayName = \"DrawerFooter\";\n\nexport const DrawerTitle = React.memo<DrawerTitleProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Title\n        ref={ref}\n        className={cn(\n          \"drawer_title\",\n          \"text-lg font-semibold text-text-primary\",\n          classNames?.title,\n          className\n        )}\n        data-slot=\"drawer-title\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Title>\n    );\n  },\n);\n\nDrawerTitle.displayName = \"DrawerTitle\";\n\nexport const DrawerDescription = React.memo<DrawerDescriptionProps>(\n  ({ children, className, ref, classNames, ...props }) => {\n    return (\n      <DrawerPrimitive.Description\n        ref={ref}\n        className={cn(\n          \"drawer_description\",\n          \"text-sm text-text-secondary\",\n          classNames?.description,\n          className\n        )}\n        data-slot=\"drawer-description\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Description>\n    );\n  },\n);\n\nDrawerDescription.displayName = \"DrawerDescription\";\n\nexport const DrawerClose = React.memo<DrawerCloseProps>(\n  ({ children, asChild = false, className, ref, ...props }) => {\n    return (\n      <DrawerPrimitive.Close\n        ref={ref}\n        asChild={asChild}\n        className={className}\n        data-slot=\"drawer-close\"\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Close>\n    );\n  },\n);\n\nDrawerClose.displayName = \"DrawerClose\";\n\n/**\n * ComposedDrawer - A convenience component that combines all drawer parts\n */\nexport function ComposedDrawer({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  direction = \"right\",\n  size = \"md\",\n  modal = true,\n  showCloseButton = true,\n  showHandle,\n  dismissible = true,\n  hideHeader = false,\n  hideFooter = false,\n  className,\n  contentClassName,\n  classNames,\n}: ComposedDrawerProps) {\n  return (\n    <Drawer\n      open={open}\n      onOpenChange={onOpenChange}\n      direction={direction}\n      modal={modal}\n      dismissible={dismissible}\n    >\n      <DrawerContent\n        direction={direction}\n        size={size}\n        showCloseButton={showCloseButton}\n        showHandle={showHandle}\n        className={contentClassName}\n        classNames={classNames}\n      >\n        {!hideHeader && (title || description) && (\n          <DrawerHeader className={className} classNames={classNames}>\n            {title && <DrawerTitle classNames={classNames}>{title}</DrawerTitle>}\n            {description && (\n              <DrawerDescription classNames={classNames}>{description}</DrawerDescription>\n            )}\n          </DrawerHeader>\n        )}\n        <DrawerBody classNames={classNames}>{children}</DrawerBody>\n        {!hideFooter && footer && <DrawerFooter classNames={classNames}>{footer}</DrawerFooter>}\n      </DrawerContent>\n    </Drawer>\n  );\n}\n\nComposedDrawer.displayName = \"ComposedDrawer\";\n\nexport type * from \"./types\";\nexport default ComposedDrawer;\n"]}

package/dist/{chunk-3PWILVOE.js → chunk-NHM6DZOF.js}

@@ -1,11 +1,25 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { focusRingColorClasses } from './chunk-POXI7JJ4.js';
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Check, Copy } from 'lucide-react';
 import React, { useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+async function copyToClipboard(text) {
+  if (navigator.clipboard) {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textarea);
+}
 var clipboardVariants = cva(
   "inline-flex items-center justify-between gap-2 rounded-md font-medium transition-colors cursor-pointer border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background relative overflow-hidden",
   {
@@ -22,47 +36,15 @@ var clipboardVariants = cva(
     }
   }
 );
-var colorStyles = {
-  default: {
-    default: "bg-background border-border text-text-primary hover:bg-surface",
-    solid: "bg-surface border-border text-text-primary hover:bg-surface/80",
-    soft: "bg-surface/50 border-border text-text-primary hover:bg-surface"
-  },
-  primary: {
-    default: "bg-background border-primary text-primary hover:bg-primary/10",
-    solid: "bg-primary border-primary text-background hover:bg-primary/90",
-    soft: "bg-primary/10 border-primary/30 text-primary hover:bg-primary/20"
-  },
-  secondary: {
-    default: "bg-background border-secondary text-secondary hover:bg-secondary/10",
-    solid: "bg-secondary border-secondary text-background hover:bg-secondary/90",
-    soft: "bg-secondary/10 border-secondary/30 text-secondary hover:bg-secondary/20"
-  },
-  accent: {
-    default: "bg-background border-accent text-accent hover:bg-accent/10",
-    solid: "bg-accent border-accent text-background hover:bg-accent/90",
-    soft: "bg-accent/10 border-accent/30 text-accent hover:bg-accent/20"
-  },
-  success: {
-    default: "bg-background border-success text-success hover:bg-success/10",
-    solid: "bg-success border-success text-background hover:bg-success/90",
-    soft: "bg-success/10 border-success/30 text-success hover:bg-success/20"
-  },
-  error: {
-    default: "bg-background border-error text-error hover:bg-error/10",
-    solid: "bg-error border-error text-background hover:bg-error/90",
-    soft: "bg-error/10 border-error/30 text-error hover:bg-error/20"
-  },
-  warning: {
-    default: "bg-background border-warning text-warning hover:bg-warning/10",
-    solid: "bg-warning border-warning text-background hover:bg-warning/90",
-    soft: "bg-warning/10 border-warning/30 text-warning hover:bg-warning/20"
-  },
-  info: {
-    default: "bg-background border-info text-info hover:bg-info/10",
-    solid: "bg-info border-info text-background hover:bg-info/90",
-    soft: "bg-info/10 border-info/30 text-info hover:bg-info/20"
+var getClipboardStyles = (color, variant) => {
+  const baseColor = colorVars[color] || colorVars.default;
+  if (variant === "solid") {
+    return cn(baseColor, "bg-slot border-slot text-slot-fg hover:bg-slot-90");
+  }
+  if (variant === "soft") {
+    return cn(baseColor, "bg-slot-10 border-slot-30 text-slot hover:bg-slot-20");
   }
+  return cn(baseColor, "bg-background border-slot text-slot hover:bg-slot-10");
 };
 var Clipboard = React.memo(
   ({
@@ -80,9 +62,11 @@ var Clipboard = React.memo(
   }) => {
     const [copied, setCopied] = useState(false);
     const timerRef = useRef(null);
+    const isMountedRef = useRef(true);
     const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled);
     useEffect(() => {
       return () => {
+        isMountedRef.current = false;
         if (timerRef.current) {
           clearTimeout(timerRef.current);
         }
@@ -91,14 +75,14 @@ var Clipboard = React.memo(
     const handleCopy = async () => {
       if (disabled) return;
       try {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
+        await copyToClipboard(value);
+        if (isMountedRef.current) setCopied(true);
         onCopy?.();
         if (timerRef.current) {
           clearTimeout(timerRef.current);
         }
         timerRef.current = setTimeout(() => {
-          setCopied(false);
+          if (isMountedRef.current) setCopied(false);
         }, successDuration);
       } catch {
       }
@@ -126,8 +110,9 @@ var Clipboard = React.memo(
         "aria-live": "polite",
         className: cn(
           clipboardVariants({ size }),
-          colorStyles[color][variant],
-          focusRingColorClasses[color],
+          getClipboardStyles(color, variant),
+          colorVars[color],
+          "focus-visible:ring-slot",
           disabled && "opacity-50 cursor-not-allowed",
           !showValue && "aspect-square justify-center",
           "clipboard_root",
@@ -178,5 +163,5 @@ Clipboard.displayName = "Clipboard";
 var clipboard_default = Clipboard;
 
 export { clipboard_default };
-//# sourceMappingURL=chunk-3PWILVOE.js.map
-//# sourceMappingURL=chunk-3PWILVOE.js.map
+//# sourceMappingURL=chunk-NHM6DZOF.js.map
+//# sourceMappingURL=chunk-NHM6DZOF.js.map

package/dist/chunk-NHM6DZOF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/clipboard/index.tsx"],"names":[],"mappings":"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","file":"chunk-NHM6DZOF.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { Check, Copy } from \"lucide-react\";\nimport React, { useState, useRef, useEffect } from \"react\";\n\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\nimport { cn, iconSizes } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type { ClipboardProps } from \"./types\";\n\nasync function copyToClipboard(text: string): Promise<void> {\n  if (navigator.clipboard) {\n    await navigator.clipboard.writeText(text);\n    return;\n  }\n  // Fallback for insecure contexts\n  const textarea = document.createElement(\"textarea\");\n  textarea.value = text;\n  textarea.style.position = \"fixed\";\n  textarea.style.opacity = \"0\";\n  document.body.appendChild(textarea);\n  textarea.select();\n  document.execCommand(\"copy\");\n  document.body.removeChild(textarea);\n}\n\nconst clipboardVariants = cva(\n  \"inline-flex items-center justify-between gap-2 rounded-md font-medium transition-colors cursor-pointer border focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background relative overflow-hidden\",\n  {\n    variants: {\n      size: {\n        xs: \"px-1.5 py-1 text-xs\",\n        sm: \"px-2 py-1.5 text-xs\",\n        md: \"px-2.5 py-2 text-sm\",\n        lg: \"px-3.5 py-2 text-lg\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst getClipboardStyles = (color: string, variant: string) => {\n  const baseColor = colorVars[color as keyof typeof colorVars] || colorVars.default\n\n  if (variant === 'solid') {\n    return cn(baseColor, 'bg-slot border-slot text-slot-fg hover:bg-slot-90')\n  }\n  if (variant === 'soft') {\n    return cn(baseColor, 'bg-slot-10 border-slot-30 text-slot hover:bg-slot-20')\n  }\n  // default variant\n  return cn(baseColor, 'bg-background border-slot text-slot hover:bg-slot-10')\n}\n\nconst Clipboard = React.memo<ClipboardProps>(\n  ({\n    value,\n    color = \"default\",\n    size = \"md\",\n    variant = \"default\",\n    showValue = true,\n    successDuration = 2000,\n    disabled = false,\n    onCopy,\n    className,\n    classNames,\n    ref,\n  }) => {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const isMountedRef = useRef(true);\n    const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled);\n\n    // Cleanup timeout on unmount to prevent memory leak\n    useEffect(() => {\n      return () => {\n        isMountedRef.current = false;\n        if (timerRef.current) {\n          clearTimeout(timerRef.current);\n        }\n      };\n    }, []);\n\n    const handleCopy = async () => {\n      if (disabled) return;\n\n      try {\n        await copyToClipboard(value);\n        if (isMountedRef.current) setCopied(true);\n        onCopy?.();\n\n        // Clear any existing timer before setting a new one\n        if (timerRef.current) {\n          clearTimeout(timerRef.current);\n        }\n\n        timerRef.current = setTimeout(() => {\n          if (isMountedRef.current) setCopied(false);\n        }, successDuration);\n      } catch {\n        // Copy failed - user can try again\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleCopy();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        onClick={handleCopy}\n        onPointerDown={ripplePointerDown}\n        onKeyDown={(e) => { rippleKeyDown(e); handleKeyDown(e); }}\n        aria-label={\n          copied\n            ? \"Copied to clipboard\"\n            : `Copy ${showValue ? value : \"to clipboard\"}`\n        }\n        aria-disabled={disabled}\n        aria-live=\"polite\"\n        className={cn(\n          clipboardVariants({ size }),\n          getClipboardStyles(color, variant),\n          colorVars[color],\n          'focus-visible:ring-slot',\n          disabled && \"opacity-50 cursor-not-allowed\",\n          !showValue && \"aspect-square justify-center\",\n          \"clipboard_root\",\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n      >\n        {showValue && (\n          <span\n            className={cn(\n              \"font-mono truncate clipboard_input\",\n              classNames?.input,\n            )}\n            data-slot=\"input\"\n          >\n            {value}\n          </span>\n        )}\n        {copied ? (\n          <Check\n            className={cn(\n              iconSizes[size],\n              \"shrink-0 clipboard_button animate-in zoom-in-75 duration-200\",\n              classNames?.button,\n            )}\n            data-slot=\"icon\"\n          />\n        ) : (\n          <Copy\n            className={cn(\n              iconSizes[size],\n              \"shrink-0 clipboard_button\",\n              classNames?.button,\n            )}\n            data-slot=\"icon\"\n          />\n        )}\n        <RippleContainer ripples={ripples} onAnimationEnd={rippleAnimationEnd} />\n      </div>\n    );\n  },\n);\n\nClipboard.displayName = \"Clipboard\";\n\nexport type * from \"./types\";\nexport default Clipboard;\n"]}

package/dist/chunk-NZHKNUGE.js

@@ -0,0 +1,96 @@
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+// src/hooks/useMenuNavigation.ts
+function useMenuNavigation({
+  enabledIndices,
+  isOpen,
+  onClose,
+  onSelect,
+  onOpen,
+  loop = true
+}) {
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const ref = useRef({ enabledIndices, highlightedIndex, onClose, onSelect, onOpen, isOpen });
+  ref.current = { enabledIndices, highlightedIndex, onClose, onSelect, onOpen, isOpen };
+  useEffect(() => {
+    if (!isOpen) setHighlightedIndex(-1);
+  }, [isOpen]);
+  const move = useCallback(
+    (direction) => {
+      setHighlightedIndex((prev) => {
+        const indices = ref.current.enabledIndices;
+        if (indices.length === 0) return -1;
+        const pos = indices.indexOf(prev);
+        if (pos === -1) {
+          return (direction === 1 ? indices[0] : indices[indices.length - 1]) ?? -1;
+        }
+        const next = pos + direction;
+        if (next >= 0 && next < indices.length) return indices[next] ?? -1;
+        return loop ? (direction === 1 ? indices[0] : indices[indices.length - 1]) ?? -1 : prev;
+      });
+    },
+    [loop]
+  );
+  const highlightFirst = useCallback(() => {
+    setHighlightedIndex(ref.current.enabledIndices[0] ?? -1);
+  }, []);
+  const highlightLast = useCallback(() => {
+    const indices = ref.current.enabledIndices;
+    setHighlightedIndex(indices[indices.length - 1] ?? -1);
+  }, []);
+  const handleKeyDown = useCallback(
+    (e) => {
+      const { onOpen: open, isOpen: currentIsOpen } = ref.current;
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault();
+          if (!currentIsOpen && open) {
+            open();
+            highlightFirst();
+          } else move(1);
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (!currentIsOpen && open) {
+            open();
+            highlightLast();
+          } else move(-1);
+          break;
+        case "Home":
+          if (currentIsOpen) {
+            e.preventDefault();
+            highlightFirst();
+          }
+          break;
+        case "End":
+          if (currentIsOpen) {
+            e.preventDefault();
+            highlightLast();
+          }
+          break;
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (currentIsOpen && ref.current.highlightedIndex >= 0) {
+            ref.current.onSelect(ref.current.highlightedIndex);
+          } else if (!currentIsOpen && open) {
+            open();
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          ref.current.onClose();
+          break;
+        case "Tab":
+          ref.current.onClose();
+          break;
+      }
+    },
+    [move, highlightFirst, highlightLast]
+  );
+  return { highlightedIndex, setHighlightedIndex, handleKeyDown, highlightFirst };
+}
+
+export { useMenuNavigation };
+//# sourceMappingURL=chunk-NZHKNUGE.js.map
+//# sourceMappingURL=chunk-NZHKNUGE.js.map

package/dist/chunk-NZHKNUGE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useMenuNavigation.ts"],"names":[],"mappings":";;;AAWO,SAAS,iBAAA,CAAkB;AAAA,EAChC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO;AACT,CAAA,EAA6B;AAC3B,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,EAAE,CAAA;AAE3D,EAAA,MAAM,GAAA,GAAM,OAAO,EAAE,cAAA,EAAgB,kBAAkB,OAAA,EAAS,QAAA,EAAU,MAAA,EAAQ,MAAA,EAAQ,CAAA;AAC1F,EAAA,GAAA,CAAI,UAAU,EAAE,cAAA,EAAgB,kBAAkB,OAAA,EAAS,QAAA,EAAU,QAAQ,MAAA,EAAO;AAEpF,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ,mBAAA,CAAoB,EAAE,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,IAAA,GAAO,WAAA;AAAA,IACX,CAAC,SAAA,KAAsB;AACrB,MAAA,mBAAA,CAAoB,CAAC,IAAA,KAAS;AAC5B,QAAA,MAAM,OAAA,GAAU,IAAI,OAAA,CAAQ,cAAA;AAC5B,QAAA,IAAI,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AACjC,QAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,OAAA,CAAQ,IAAI,CAAA;AAChC,QAAA,IAAI,QAAQ,EAAA,EAAI;AACd,UAAA,OAAA,CAAQ,SAAA,KAAc,IAAI,OAAA,CAAQ,CAAC,IAAI,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA,KAAM,EAAA;AAAA,QACzE;AACA,QAAA,MAAM,OAAO,GAAA,GAAM,SAAA;AACnB,QAAA,IAAI,IAAA,IAAQ,KAAK,IAAA,GAAO,OAAA,CAAQ,QAAQ,OAAO,OAAA,CAAQ,IAAI,CAAA,IAAK,EAAA;AAChE,QAAA,OAAO,IAAA,GAAA,CAAS,SAAA,KAAc,CAAA,GAAI,OAAA,CAAQ,CAAC,CAAA,GAAI,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,CAAA,KAAM,EAAA,GAAM,IAAA;AAAA,MACvF,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,mBAAA,CAAoB,GAAA,CAAI,OAAA,CAAQ,cAAA,CAAe,CAAC,KAAK,EAAE,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,MAAM,OAAA,GAAU,IAAI,OAAA,CAAQ,cAAA;AAC5B,IAAA,mBAAA,CAAoB,OAAA,CAAQ,OAAA,CAAQ,MAAA,GAAS,CAAC,KAAK,EAAE,CAAA;AAAA,EACvD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,CAAA,KAAmD;AAClD,MAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,MAAA,EAAQ,aAAA,KAAkB,GAAA,CAAI,OAAA;AAEpD,MAAA,QAAQ,EAAE,GAAA;AAAK,QACb,KAAK,WAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,CAAC,iBAAiB,IAAA,EAAM;AAAE,YAAA,IAAA,EAAK;AAAG,YAAA,cAAA,EAAe;AAAA,UAAE,CAAA,WAC7C,CAAC,CAAA;AACX,UAAA;AAAA,QACF,KAAK,SAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,CAAC,iBAAiB,IAAA,EAAM;AAAE,YAAA,IAAA,EAAK;AAAG,YAAA,aAAA,EAAc;AAAA,UAAE,CAAA,WAC5C,EAAE,CAAA;AACZ,UAAA;AAAA,QACF,KAAK,MAAA;AACH,UAAA,IAAI,aAAA,EAAe;AAAE,YAAA,CAAA,CAAE,cAAA,EAAe;AAAG,YAAA,cAAA,EAAe;AAAA,UAAE;AAC1D,UAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAA,IAAI,aAAA,EAAe;AAAE,YAAA,CAAA,CAAE,cAAA,EAAe;AAAG,YAAA,aAAA,EAAc;AAAA,UAAE;AACzD,UAAA;AAAA,QACF,KAAK,OAAA;AAAA,QACL,KAAK,GAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAI,aAAA,IAAiB,GAAA,CAAI,OAAA,CAAQ,gBAAA,IAAoB,CAAA,EAAG;AACtD,YAAA,GAAA,CAAI,OAAA,CAAQ,QAAA,CAAS,GAAA,CAAI,OAAA,CAAQ,gBAAgB,CAAA;AAAA,UACnD,CAAA,MAAA,IAAW,CAAC,aAAA,IAAiB,IAAA,EAAM;AACjC,YAAA,IAAA,EAAK;AAAA,UACP;AACA,UAAA;AAAA,QACF,KAAK,QAAA;AACH,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,GAAA,CAAI,QAAQ,OAAA,EAAQ;AACpB,UAAA;AAAA,QACF,KAAK,KAAA;AACH,UAAA,GAAA,CAAI,QAAQ,OAAA,EAAQ;AACpB,UAAA;AAAA;AACJ,IACF,CAAA;AAAA,IACA,CAAC,IAAA,EAAM,cAAA,EAAgB,aAAa;AAAA,GACtC;AAEA,EAAA,OAAO,EAAE,gBAAA,EAAkB,mBAAA,EAAqB,aAAA,EAAe,cAAA,EAAe;AAChF","file":"chunk-NZHKNUGE.js","sourcesContent":["import { useState, useCallback, useEffect, useRef } from 'react'\n\nexport interface UseMenuNavigationOptions {\n  enabledIndices: number[]\n  isOpen: boolean\n  onClose: () => void\n  onSelect: (index: number) => void\n  onOpen?: () => void\n  loop?: boolean\n}\n\nexport function useMenuNavigation({\n  enabledIndices,\n  isOpen,\n  onClose,\n  onSelect,\n  onOpen,\n  loop = true,\n}: UseMenuNavigationOptions) {\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n\n  const ref = useRef({ enabledIndices, highlightedIndex, onClose, onSelect, onOpen, isOpen })\n  ref.current = { enabledIndices, highlightedIndex, onClose, onSelect, onOpen, isOpen }\n\n  useEffect(() => {\n    if (!isOpen) setHighlightedIndex(-1)\n  }, [isOpen])\n\n  const move = useCallback(\n    (direction: 1 | -1) => {\n      setHighlightedIndex((prev) => {\n        const indices = ref.current.enabledIndices\n        if (indices.length === 0) return -1\n        const pos = indices.indexOf(prev)\n        if (pos === -1) {\n          return (direction === 1 ? indices[0] : indices[indices.length - 1]) ?? -1\n        }\n        const next = pos + direction\n        if (next >= 0 && next < indices.length) return indices[next] ?? -1\n        return loop ? ((direction === 1 ? indices[0] : indices[indices.length - 1]) ?? -1) : prev\n      })\n    },\n    [loop],\n  )\n\n  const highlightFirst = useCallback(() => {\n    setHighlightedIndex(ref.current.enabledIndices[0] ?? -1)\n  }, [])\n\n  const highlightLast = useCallback(() => {\n    const indices = ref.current.enabledIndices\n    setHighlightedIndex(indices[indices.length - 1] ?? -1)\n  }, [])\n\n  const handleKeyDown = useCallback(\n    (e: { key: string; preventDefault: () => void }) => {\n      const { onOpen: open, isOpen: currentIsOpen } = ref.current\n\n      switch (e.key) {\n        case 'ArrowDown':\n          e.preventDefault()\n          if (!currentIsOpen && open) { open(); highlightFirst() }\n          else move(1)\n          break\n        case 'ArrowUp':\n          e.preventDefault()\n          if (!currentIsOpen && open) { open(); highlightLast() }\n          else move(-1)\n          break\n        case 'Home':\n          if (currentIsOpen) { e.preventDefault(); highlightFirst() }\n          break\n        case 'End':\n          if (currentIsOpen) { e.preventDefault(); highlightLast() }\n          break\n        case 'Enter':\n        case ' ':\n          e.preventDefault()\n          if (currentIsOpen && ref.current.highlightedIndex >= 0) {\n            ref.current.onSelect(ref.current.highlightedIndex)\n          } else if (!currentIsOpen && open) {\n            open()\n          }\n          break\n        case 'Escape':\n          e.preventDefault()\n          ref.current.onClose()\n          break\n        case 'Tab':\n          ref.current.onClose()\n          break\n      }\n    },\n    [move, highlightFirst, highlightLast],\n  )\n\n  return { highlightedIndex, setHighlightedIndex, handleKeyDown, highlightFirst }\n}\n"]}

package/dist/{chunk-2PNLIQYM.js → chunk-ON76IMMI.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React, { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -72,5 +72,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 var checkbox_group_default = CheckboxGroup;
 
 export { checkbox_group_default };
-//# sourceMappingURL=chunk-2PNLIQYM.js.map
-//# sourceMappingURL=chunk-2PNLIQYM.js.map
+//# sourceMappingURL=chunk-ON76IMMI.js.map
+//# sourceMappingURL=chunk-ON76IMMI.js.map

package/dist/chunk-ON76IMMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox-group/index.tsx"],"names":[],"mappings":";;;;AAOA,IAAM,gBAAgB,KAAA,CAAM,IAAA;AAAA,EAC1B,CAAC;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA,GAAc,UAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,WAAW,KAAA,EAAM;AACvB,IAAA,MAAM,OAAA,GAAU,KAAA,GAAQ,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAA,GAAK,MAAA;AAC5D,IAAA,MAAM,SAAA,GAAa,UAAA,IAAc,KAAA,GAAS,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAA,GAAK,MAAA;AAEhF,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,iBAAA,EAAiB,OAAA;AAAA,QACjB,kBAAA,EAAkB,SAAA;AAAA,QAClB,WAAW,EAAA,CAAG,oBAAA,EAAsB,QAAA,EAAU,SAAA,EAAW,YAAY,IAAI,CAAA;AAAA,QACzE,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAO,aAAU,OAAA,EAC9B,QAAA,kBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,OAAA;AAAA,cACJ,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,yCAAA,EAA2C,YAAY,KAAK,CAAA;AAAA,cAEhG,QAAA,EAAA;AAAA;AAAA,WACH,EACF,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,qBAAA;AAAA,gBACA,MAAA;AAAA,gBACA,WAAA,KAAgB,aACZ,gBAAA,GACA,0BAAA;AAAA,gBACJ,UAAA,EAAY;AAAA,eACd;AAAA,cACA,WAAA,EAAU,OAAA;AAAA,cAET;AAAA;AAAA,WACH;AAAA,UAAA,CACE,cAAc,KAAA,qBACd,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAI,SAAA;AAAA,cACJ,SAAA,EAAW,EAAA;AAAA,gBACT,QAAQ,qBAAA,GAAwB,sBAAA;AAAA,gBAChC,cAAA;AAAA,gBACA,QAAQ,YAAA,GAAe,qBAAA;AAAA,gBACvB,KAAA,GAAQ,UAAA,EAAY,KAAA,GAAQ,UAAA,EAAY;AAAA,eAC1C;AAAA,cACA,WAAA,EAAW,QAAQ,OAAA,GAAU,QAAA;AAAA,cAE5B,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA;AACZ;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAG5B,IAAO,sBAAA,GAAQ","file":"chunk-ON76IMMI.js","sourcesContent":["'use client'\n\nimport React, { useId } from 'react'\n\nimport { cn } from '../utils'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = React.memo<CheckboxGroupProps>(\n  ({\n    label,\n    helperText,\n    error,\n    orientation = 'vertical',\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    const uniqueId = useId()\n    const labelId = label ? `checkboxgroup-label-${uniqueId}` : undefined\n    const messageId = (helperText || error) ? `checkboxgroup-message-${uniqueId}` : undefined\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        aria-describedby={messageId}\n        className={cn('checkboxGroup_root', 'w-full', className, classNames?.root)}\n        data-slot=\"root\"\n        {...props}\n      >\n        {label && (\n          <div className=\"mb-2\" data-slot=\"label\">\n            <span\n              id={labelId}\n              className={cn('checkboxGroup_label', 'text-sm font-medium text-text-secondary', classNames?.label)}\n            >\n              {label}\n            </span>\n          </div>\n        )}\n        <div\n          className={cn(\n            'checkboxGroup_group',\n            'flex',\n            orientation === 'vertical'\n              ? 'flex-col gap-2'\n              : 'flex-row flex-wrap gap-4',\n            classNames?.group,\n          )}\n          data-slot=\"group\"\n        >\n          {children}\n        </div>\n        {(helperText || error) && (\n          <p\n            id={messageId}\n            className={cn(\n              error ? 'checkboxGroup_error' : 'checkboxGroup_helper',\n              'mt-2 text-xs',\n              error ? 'text-error' : 'text-text-secondary',\n              error ? classNames?.error : classNames?.helper,\n            )}\n            data-slot={error ? 'error' : 'helper'}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  },\n)\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport type * from './types'\nexport default CheckboxGroup\n"]}

package/dist/{chunk-POLVJ36Y.js → chunk-QNLTSHMB.js}

@@ -1,39 +1,20 @@
-import { createAllColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { colorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-var processingRingClasses = {
-  default: "bg-surface/50",
-  primary: "bg-primary/50",
-  secondary: "bg-secondary/50",
-  accent: "bg-accent/50",
-  success: "bg-success/50",
-  error: "bg-error/50",
-  warning: "bg-warning/50",
-  info: "bg-info/50"
-};
 var badgeVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors",
   {
     variants: {
       variant: {
-        default: "border",
-        solid: "",
-        outline: "border",
-        soft: ""
-      },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
+        default: "bg-slot border border-slot text-slot-fg",
+        solid: "bg-slot border border-slot text-slot-fg hover:bg-slot-90",
+        outline: "border border-slot text-slot hover:bg-slot-10",
+        soft: "bg-slot-10 text-slot"
       },
+      color: colorVars,
       size: {
         xs: "text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)",
         sm: "text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)",
@@ -46,12 +27,6 @@ var badgeVariants = cva(
         circle: "rounded-full aspect-square"
       }
     },
-    compoundVariants: createAllColorVariants(componentColors, [
-      "default",
-      "solid",
-      "outline",
-      "soft"
-    ]),
     defaultVariants: {
       variant: "solid",
       color: "primary",
@@ -78,7 +53,7 @@ var placementClasses = {
   "bottom-right": "bottom-0 right-0 translate-y-1/2 translate-x-1/2",
   "bottom-left": "bottom-0 left-0 translate-y-1/2 -translate-x-1/2"
 };
-var Badge = ({
+var Badge = React.memo(({
   children,
   color = "primary",
   variant = "solid",
@@ -164,8 +139,8 @@ var Badge = ({
     "span",
     {
       className: cn(
-        "absolute inset-0 rounded-full animate-ping",
-        processingRingClasses[color]
+        "absolute inset-0 rounded-full animate-ping bg-slot-50",
+        colorVars[color]
       )
     }
   );
@@ -201,10 +176,10 @@ var Badge = ({
     ] });
   }
   return renderBadge(standaloneContent);
-};
+});
 Badge.displayName = "Badge";
 var badge_default = Badge;
 
 export { badge_default };
-//# sourceMappingURL=chunk-POLVJ36Y.js.map
-//# sourceMappingURL=chunk-POLVJ36Y.js.map
+//# sourceMappingURL=chunk-QNLTSHMB.js.map
+//# sourceMappingURL=chunk-QNLTSHMB.js.map

package/dist/chunk-QNLTSHMB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/index.tsx"],"names":[],"mappings":"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","file":"chunk-QNLTSHMB.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { colorVars } from \"../variants\";\nimport type {\n  BadgePlacement,\n  BadgeProps,\n  BadgeSize,\n} from \"./types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-slot border border-slot text-slot-fg\",\n        solid: \"bg-slot border border-slot text-slot-fg hover:bg-slot-90\",\n        outline: \"border border-slot text-slot hover:bg-slot-10\",\n        soft: \"bg-slot-10 text-slot\",\n      },\n      color: colorVars,\n      size: {\n        xs: \"text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)\",\n        sm: \"text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)\",\n        md: \"text-(length:--badge-font-size-md) px-(--badge-padding-x-md) py-(--badge-padding-y-md)\",\n        lg: \"text-(length:--badge-font-size-lg) px-(--badge-padding-x-lg) py-(--badge-padding-y-lg)\",\n      },\n      shape: {\n        rounded: \"rounded\",\n        pill: \"rounded-full\",\n        circle: \"rounded-full aspect-square\",\n      },\n    },\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"sm\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nconst dotSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n  lg: \"size-3\",\n};\n\nconst iconSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-2.5\",\n  sm: \"size-3\",\n  md: \"size-3.5\",\n  lg: \"size-4\",\n};\n\nconst placementClasses: Record<BadgePlacement, string> = {\n  \"top-right\": \"top-0 right-0 -translate-y-1/2 translate-x-1/2\",\n  \"top-left\": \"top-0 left-0 -translate-y-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-0 right-0 translate-y-1/2 translate-x-1/2\",\n  \"bottom-left\": \"bottom-0 left-0 translate-y-1/2 -translate-x-1/2\",\n};\n\nconst Badge = React.memo<BadgeProps>(({\n  children,\n  color = \"primary\",\n  variant = \"solid\",\n  size = \"sm\",\n  shape = \"rounded\",\n  dot = false,\n  count,\n  maxCount = 99,\n  showZero = false,\n  icon,\n  placement = \"top-right\",\n  offset,\n  processing = false,\n  invisible = false,\n  standalone = false,\n  content,\n  className,\n  wrapperClassName,\n  ref,\n}) => {\n    const getDisplayCount = () => {\n      if (count === undefined) return null;\n      if (count === 0 && !showZero) return null;\n      if (count > maxCount) return `${maxCount}+`;\n      return count;\n    };\n\n    const displayCount = getDisplayCount();\n\n    const isFloatingMode =\n      children && (count !== undefined || dot || content) && !standalone;\n\n    if (\n      count !== undefined &&\n      count === 0 &&\n      !showZero &&\n      !children &&\n      !content\n    ) {\n      return null;\n    }\n\n    const offsetStyles = offset\n      ? {\n          \"--badge-offset-x\": `${offset[0]}px`,\n          \"--badge-offset-y\": `${offset[1]}px`,\n        }\n      : undefined;\n\n    const renderBadge = (badgeContent: React.ReactNode) => {\n      const isIconOnly = !!icon && badgeContent == null && !dot;\n\n      return (\n      <span\n        ref={ref}\n        data-slot=\"root\"\n        className={cn(\n          \"badge_root\",\n          badgeVariants({ variant, color, size, shape }),\n          dot && [dotSizeClasses[size], \"min-w-0\", \"rounded-full\"],\n          isIconOnly && \"aspect-square\",\n          processing && \"animate-pulse\",\n          invisible && \"opacity-0 scale-0\",\n          \"z-10\",\n          className,\n        )}\n        style={{\n          ...(dot ? { padding: 0 } : undefined),\n          ...(offsetStyles as React.CSSProperties),\n        }}\n      >\n        {!dot && (\n          <>\n            {icon && (\n              <span\n                className={cn(\n                  \"inline-flex items-center justify-center shrink-0\",\n                  iconSizeClasses[size],\n                  badgeContent && \"mr-1\",\n                )}\n              >\n                {React.isValidElement(icon)\n                  ? React.cloneElement(\n                      icon as React.ReactElement<{ className?: string }>,\n                      {\n                        className: cn(\n                          \"w-full h-full\",\n                          (icon as React.ReactElement<{ className?: string }>)\n                            .props.className,\n                        ),\n                      },\n                    )\n                  : icon}\n              </span>\n            )}\n            {badgeContent}\n          </>\n        )}\n      </span>\n      );\n    };\n\n    const renderProcessingRing = () =>\n      processing &&\n      dot &&\n      !invisible && (\n        <span\n          className={cn(\n            \"absolute inset-0 rounded-full animate-ping bg-slot-50\",\n            colorVars[color],\n          )}\n        />\n      );\n\n    if (isFloatingMode) {\n      const floatingContent = content ?? displayCount;\n\n      if (count !== undefined && count === 0 && !showZero && !dot && !content) {\n        return (\n          <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n            {children}\n          </span>\n        );\n      }\n\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {children}\n          <span\n            className={cn(\n              \"absolute\",\n              placementClasses[placement],\n              offset &&\n                \"translate-x-[calc(var(--tw-translate-x)+var(--badge-offset-x,0px))] translate-y-[calc(var(--tw-translate-y)+var(--badge-offset-y,0px))]\",\n            )}\n            style={offsetStyles as React.CSSProperties}\n          >\n            <span className=\"relative inline-flex\">\n              {renderBadge(floatingContent)}\n              {renderProcessingRing()}\n            </span>\n          </span>\n        </span>\n      );\n    }\n\n    const standaloneContent =\n      content ?? (count !== undefined ? displayCount : children);\n\n    if (dot && processing) {\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {renderBadge(null)}\n          {renderProcessingRing()}\n        </span>\n      );\n    }\n\n    return renderBadge(standaloneContent);\n});\n\nBadge.displayName = \"Badge\";\n\nexport type * from \"./types\";\nexport default Badge;\n"]}

package/dist/{chunk-7UCNBMCV.js → chunk-QZ67UOPR.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Star } from 'lucide-react';
 import React, { useState, useId, useCallback } from 'react';
@@ -152,29 +152,18 @@ var Rating = React.memo(
       },
       [isInteractive, value, count, allowHalf, updateValue]
     );
-    const getStarFill = (index) => {
+    const getStarFill = useCallback((index) => {
       const fillValue = displayValue - index;
       if (fillValue >= 1) return "full";
       if (fillValue > 0 && fillValue < 1) return "half";
       return "empty";
-    };
-    const getValueText = (val) => {
-      if (val === 0) return "No rating";
-      if (val === 1) return "1 star";
-      return `${val} stars`;
-    };
-    return /* @__PURE__ */ jsx("div", { className: cn(ratingVariants({ size }), "rating_root", classNames?.root, className), children: /* @__PURE__ */ jsx(
+    }, [displayValue]);
+    return /* @__PURE__ */ jsx("div", { "data-slot": "root", className: cn(ratingVariants({ size }), "rating_root", classNames?.root, className), children: /* @__PURE__ */ jsx(
       "div",
       {
         id: `rating-${uniqueId}`,
-        role: "slider",
+        role: "radiogroup",
         "aria-label": ariaLabel || "Rating",
-        "aria-valuenow": value,
-        "aria-valuemin": 0,
-        "aria-valuemax": count,
-        "aria-valuetext": getValueText(value),
-        "aria-disabled": disabled || void 0,
-        "aria-readonly": readOnly || void 0,
         tabIndex: isInteractive ? 0 : -1,
         onKeyDown: handleKeyDown,
         onMouseLeave: handleMouseLeave,
@@ -182,14 +171,19 @@ var Rating = React.memo(
           "inline-flex items-center gap-0.5 outline-none",
           "rating_label",
           classNames?.label,
-          isInteractive && "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded"
+          isInteractive && "focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded"
         ),
         children: Array.from({ length: count }, (_, index) => {
           const fillType = getStarFill(index);
           const isHovered = hoverValue !== null && index < Math.ceil(hoverValue);
+          const starValue = index + 1;
+          const isChecked = fillType !== "empty";
           return /* @__PURE__ */ jsxs(
             "div",
             {
+              role: "radio",
+              "aria-checked": isChecked,
+              "aria-label": `${starValue} ${starValue === 1 ? "star" : "stars"}`,
               className: cn(
                 "relative inline-flex",
                 isInteractive && "cursor-pointer",
@@ -257,5 +251,5 @@ Rating.displayName = "Rating";
 var rating_default = Rating;
 
 export { rating_default };
-//# sourceMappingURL=chunk-7UCNBMCV.js.map
-//# sourceMappingURL=chunk-7UCNBMCV.js.map
+//# sourceMappingURL=chunk-QZ67UOPR.js.map
+//# sourceMappingURL=chunk-QZ67UOPR.js.map