@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-O3V3BTIJ.js → chunk-HSW64H23.js}

@@ -1,19 +1,20 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { ChevronRight } from 'lucide-react';
-import { useRef, useState, useCallback, useEffect } from 'react';
+import { useRef, useMemo, useCallback, useEffect, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var contextMenuHoverColorClasses = {
-  default: "hover:bg-surface focus:bg-surface",
-  primary: "hover:bg-primary/10 hover:text-primary focus:bg-primary/10 focus:text-primary",
-  secondary: "hover:bg-secondary/10 hover:text-secondary focus:bg-secondary/10 focus:text-secondary",
-  accent: "hover:bg-accent/10 hover:text-accent focus:bg-accent/10 focus:text-accent",
-  success: "hover:bg-success/10 hover:text-success focus:bg-success/10 focus:text-success",
-  error: "hover:bg-error/10 hover:text-error focus:bg-error/10 focus:text-error",
-  warning: "hover:bg-warning/10 hover:text-warning focus:bg-warning/10 focus:text-warning",
-  info: "hover:bg-info/10 hover:text-info focus:bg-info/10 focus:text-info"
+  default: "hover:bg-surface focus-visible:bg-surface",
+  primary: "hover:bg-primary/10 hover:text-primary focus-visible:bg-primary/10 focus-visible:text-primary",
+  secondary: "hover:bg-secondary/10 hover:text-secondary focus-visible:bg-secondary/10 focus-visible:text-secondary",
+  accent: "hover:bg-accent/10 hover:text-accent focus-visible:bg-accent/10 focus-visible:text-accent",
+  success: "hover:bg-success/10 hover:text-success focus-visible:bg-success/10 focus-visible:text-success",
+  error: "hover:bg-error/10 hover:text-error focus-visible:bg-error/10 focus-visible:text-error",
+  warning: "hover:bg-warning/10 hover:text-warning focus-visible:bg-warning/10 focus-visible:text-warning",
+  info: "hover:bg-info/10 hover:text-info focus-visible:bg-info/10 focus-visible:text-info"
 };
 var contextMenuFocusedColorClasses = {
   default: "bg-surface",
@@ -92,7 +93,7 @@ var ContextMenuSubMenu = ({ item, onClose, level, classNames, color = "default"
             disabled: !!item.disabled,
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
+              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus-visible:outline-none"),
               classNames?.item
             ),
             onClick: handleClick,
@@ -159,68 +160,47 @@ var ContextMenuContent = ({
   className,
   classNames,
   style,
-  setKeyUpHandlers,
   color = "default",
   ...props
 }) => {
   const menuRef = useRef(null);
-  const [focusedIndex, setFocusedIndex] = useState(0);
-  const validItems = items.filter((item) => !item.separator && !item.disabled);
-  const validItemsRef = useRef(validItems);
-  const onCloseRef = useRef(onClose);
-  validItemsRef.current = validItems;
-  onCloseRef.current = onClose;
-  const keyHandlers = useCallback(() => ({
-    ArrowDown: () => {
-      setFocusedIndex((prev) => {
-        const nextIndex = prev + 1;
-        return nextIndex >= validItemsRef.current.length ? 0 : nextIndex;
-      });
-    },
-    ArrowUp: () => {
-      setFocusedIndex((prev) => {
-        const nextIndex = prev - 1;
-        return nextIndex < 0 ? validItemsRef.current.length - 1 : nextIndex;
-      });
-    },
-    Enter: () => {
-      setFocusedIndex((currentIndex) => {
-        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {
-          const item = validItemsRef.current[currentIndex];
-          if (!item?.disabled && !item?.children) {
-            item?.onClick?.();
-            onCloseRef.current();
-          }
-        }
-        return currentIndex;
-      });
-    },
-    " ": () => {
-      setFocusedIndex((currentIndex) => {
-        if (currentIndex >= 0 && currentIndex < validItemsRef.current.length) {
-          const item = validItemsRef.current[currentIndex];
-          if (!item?.disabled && !item?.children) {
-            item?.onClick?.();
-            onCloseRef.current();
-          }
-        }
-        return currentIndex;
-      });
-    },
-    Escape: () => {
-      onCloseRef.current();
-    },
-    ArrowLeft: () => {
-      if (level > 0) {
-        onCloseRef.current();
+  const enabledIndices = useMemo(
+    () => items.map((item, i) => !item.separator && !item.disabled ? i : -1).filter((i) => i !== -1),
+    [items]
+  );
+  const onMenuSelect = useCallback(
+    (index) => {
+      const item = items[index];
+      if (item && !item.children) {
+        item.onClick?.();
+        onClose();
       }
-    }
-  }), [level]);
+    },
+    [items, onClose]
+  );
+  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
+    enabledIndices,
+    isOpen: true,
+    onClose,
+    onSelect: onMenuSelect
+  });
   useEffect(() => {
-    if (setKeyUpHandlers) {
-      setKeyUpHandlers(keyHandlers());
-    }
-  }, [setKeyUpHandlers, keyHandlers]);
+    highlightFirst();
+  }, [highlightFirst]);
+  useEffect(() => {
+    const listener = (e) => {
+      if (e.key === "ArrowLeft" && level > 0) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        onClose();
+        return;
+      }
+      handleKeyDown(e);
+      e.stopImmediatePropagation();
+    };
+    document.addEventListener("keydown", listener);
+    return () => document.removeEventListener("keydown", listener);
+  }, [handleKeyDown, level, onClose]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -255,15 +235,14 @@ var ContextMenuContent = ({
         if (item.children) {
           return /* @__PURE__ */ jsx(ContextMenuSubMenu, { item, onClose, level, classNames, color }, item.key);
         }
-        const validItemIndex = validItems.findIndex((vi) => vi.key === item.key);
-        const isFocused = validItemIndex === focusedIndex;
+        const isFocused = highlightedIndex === index;
         return /* @__PURE__ */ jsxs(
           ContextMenuItemDiv,
           {
             disabled: !!item.disabled,
             className: cn(
               "contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus:outline-none"),
+              item.disabled ? "opacity-50 cursor-not-allowed" : cn(contextMenuHoverColorClasses[color], "focus-visible:outline-none"),
               isFocused && !item.disabled && contextMenuFocusedColorClasses[color],
               classNames?.item
             ),
@@ -323,7 +302,6 @@ var ContextMenu = ({
   color = "default"
 }) => {
   const [internalOpen, setInternalOpen] = useState(false);
-  const [keyUpHandlers, setKeyUpHandlers] = useState({});
   const [position, setPosition] = useState(null);
   const isControlled = controlledOpen !== void 0;
   const isOpen = isControlled ? controlledOpen : internalOpen;
@@ -359,19 +337,8 @@ var ContextMenu = ({
   );
   const handleClose = useCallback(() => {
     setOpen(false);
+    setPosition(null);
   }, [setOpen]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleKeyDown = (e) => {
-      const handler = keyUpHandlers[e.key];
-      if (handler) {
-        e.preventDefault();
-        handler();
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOpen, keyUpHandlers]);
   return /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open: isOpen, onOpenChange: setOpen, children: [
     position && /* @__PURE__ */ jsx(
       PopoverPrimitive.Anchor,
@@ -406,7 +373,7 @@ var ContextMenu = ({
         onPointerDownOutside: handleClose,
         onInteractOutside: handleClose,
         className: "z-[var(--z-popover)]",
-        children: /* @__PURE__ */ jsx(ContextMenuContent, { setKeyUpHandlers, items, onClose: handleClose, classNames, color })
+        children: /* @__PURE__ */ jsx(ContextMenuContent, { items, onClose: handleClose, classNames, color })
       }
     ) })
   ] });
@@ -415,5 +382,5 @@ ContextMenu.displayName = "ContextMenu";
 var context_menu_default = ContextMenu;
 
 export { ContextMenu, ContextMenuContent, context_menu_default };
-//# sourceMappingURL=chunk-O3V3BTIJ.js.map
-//# sourceMappingURL=chunk-O3V3BTIJ.js.map
+//# sourceMappingURL=chunk-HSW64H23.js.map
+//# sourceMappingURL=chunk-HSW64H23.js.map

package/dist/chunk-HSW64H23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context-menu/index.tsx"],"names":[],"mappings":"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","file":"chunk-HSW64H23.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { ChevronRight } from 'lucide-react';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple';\nimport { useMenuNavigation } from '../hooks/useMenuNavigation';\nimport type { ComponentColor } from '../types';\nimport { cn } from '../utils';\nimport type { ContextMenuContentProps, ContextMenuProps, ContextMenuSubMenuProps } from './types';\n\nconst contextMenuHoverColorClasses: Record<ComponentColor, string> = {\n  default: 'hover:bg-surface focus-visible:bg-surface',\n  primary: 'hover:bg-primary/10 hover:text-primary focus-visible:bg-primary/10 focus-visible:text-primary',\n  secondary: 'hover:bg-secondary/10 hover:text-secondary focus-visible:bg-secondary/10 focus-visible:text-secondary',\n  accent: 'hover:bg-accent/10 hover:text-accent focus-visible:bg-accent/10 focus-visible:text-accent',\n  success: 'hover:bg-success/10 hover:text-success focus-visible:bg-success/10 focus-visible:text-success',\n  error: 'hover:bg-error/10 hover:text-error focus-visible:bg-error/10 focus-visible:text-error',\n  warning: 'hover:bg-warning/10 hover:text-warning focus-visible:bg-warning/10 focus-visible:text-warning',\n  info: 'hover:bg-info/10 hover:text-info focus-visible:bg-info/10 focus-visible:text-info',\n}\n\nconst contextMenuFocusedColorClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface',\n  primary: 'bg-primary/10 text-primary',\n  secondary: 'bg-secondary/10 text-secondary',\n  accent: 'bg-accent/10 text-accent',\n  success: 'bg-success/10 text-success',\n  error: 'bg-error/10 text-error',\n  warning: 'bg-warning/10 text-warning',\n  info: 'bg-info/10 text-info',\n}\n\nconst ContextMenuItemDiv: React.FC<{ children: React.ReactNode; disabled?: boolean; className?: string; [key: string]: any }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <div className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </div>\n  )\n}\n\n/**\n * Submenu component based on Popover\n */\nconst ContextMenuSubMenu = ({ item, onClose, level, classNames, color = 'default' }: ContextMenuSubMenuProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const leaveTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleMouseEnter = useCallback(() => {\n    if (item.disabled) return;\n\n    if (leaveTimeoutRef.current) {\n      clearTimeout(leaveTimeoutRef.current);\n    }\n\n    hoverTimeoutRef.current = setTimeout(() => {\n      setIsOpen(true);\n    }, 200);\n  }, [item.disabled]);\n\n  const handleMouseLeave = useCallback(() => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current);\n    }\n\n    leaveTimeoutRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, 300);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!item.disabled && !item.children) {\n        e.stopPropagation();\n        item.onClick?.();\n        onClose();\n      }\n    },\n    [item, onClose]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (hoverTimeoutRef.current) {\n        clearTimeout(hoverTimeoutRef.current);\n      }\n      if (leaveTimeoutRef.current) {\n        clearTimeout(leaveTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setIsOpen}>\n      <PopoverPrimitive.Trigger asChild>\n        <div\n          className='relative'\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          role='menuitem'\n          aria-haspopup='true'\n          aria-expanded={isOpen}\n          aria-disabled={item.disabled}\n          tabIndex={-1}\n          data-slot='submenu-trigger'\n        >\n          <ContextMenuItemDiv\n            disabled={!!item.disabled}\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled ? 'opacity-50 cursor-not-allowed' : cn(contextMenuHoverColorClasses[color], 'focus-visible:outline-none'),\n              classNames?.item,\n            )}\n            onClick={handleClick}\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.children && <ChevronRight className='w-4 h-4 text-text-secondary shrink-0' />}\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0'>{item.shortcut}</span>}\n          </ContextMenuItemDiv>\n        </div>\n      </PopoverPrimitive.Trigger>\n\n      {item.children && (\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            side='right'\n            align='start'\n            sideOffset={8}\n            alignOffset={-8}\n            onMouseEnter={handleMouseEnter}\n            onMouseLeave={handleMouseLeave}\n            className={cn(\n              'data-[state=open]:animate-in data-[state=closed]:animate-out',\n              'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n              'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2',\n              'data-[side=left]:slide-in-from-right-2',\n              'data-[side=right]:slide-in-from-left-2',\n              'data-[side=top]:slide-in-from-bottom-2',\n              'z-[var(--z-popover)]',\n              classNames?.submenu,\n            )}\n          >\n            <ContextMenuContent items={item.children} onClose={onClose} level={level + 1} classNames={classNames} color={color} />\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      )}\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenuSubMenu.displayName = 'ContextMenuSubMenu';\n\n/**\n * Context menu content component\n */\nconst ContextMenuContent = ({\n  items,\n  onClose,\n  level = 0,\n  className,\n  classNames,\n  style,\n  color = 'default',\n  ...props\n}: ContextMenuContentProps) => {\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const enabledIndices = useMemo(\n    () =>\n      items\n        .map((item, i) => (!item.separator && !item.disabled) ? i : -1)\n        .filter((i) => i !== -1),\n    [items],\n  );\n\n  const onMenuSelect = useCallback(\n    (index: number) => {\n      const item = items[index]\n      if (item && !item.children) {\n        item.onClick?.()\n        onClose()\n      }\n    },\n    [items, onClose],\n  );\n\n  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({\n    enabledIndices,\n    isOpen: true,\n    onClose,\n    onSelect: onMenuSelect,\n  });\n\n  // Highlight first item on mount\n  useEffect(() => {\n    highlightFirst()\n  }, [highlightFirst])\n\n  // Document-level keyboard listener (menu is in a portal, no focus bubbling)\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === 'ArrowLeft' && level > 0) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        onClose()\n        return\n      }\n      handleKeyDown(e)\n      e.stopImmediatePropagation()\n    }\n    document.addEventListener('keydown', listener)\n    return () => document.removeEventListener('keydown', listener)\n  }, [handleKeyDown, level, onClose])\n\n  return (\n    <div\n      ref={menuRef}\n      className={cn(\n        'contextMenu_content min-w-[180px] rounded-md border border-border bg-background shadow-lg py-1',\n        level === 0 && 'animate-in fade-in-0 zoom-in-95',\n        className,\n        classNames?.content,\n      )}\n      style={style}\n      role='menu'\n      aria-orientation='vertical'\n      tabIndex={-1}\n      {...props}\n    >\n      {items.map((item, index) => {\n        if (item.separator) {\n          return (\n            <div\n              key={`separator-${index}`}\n              className={cn(\n                'contextMenu_divider h-px bg-border my-1',\n                classNames?.divider,\n              )}\n              role='separator'\n              aria-orientation='horizontal'\n              data-slot='separator'\n            />\n          );\n        }\n\n        if (item.children) {\n          return <ContextMenuSubMenu key={item.key} item={item} onClose={onClose} level={level} classNames={classNames} color={color} />;\n        }\n\n        const isFocused = highlightedIndex === index;\n\n        return (\n          <ContextMenuItemDiv\n            key={item.key}\n            disabled={!!item.disabled}\n            className={cn(\n              'contextMenu_item flex items-center justify-between gap-3 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled\n                ? 'opacity-50 cursor-not-allowed'\n                : cn(contextMenuHoverColorClasses[color], 'focus-visible:outline-none'),\n              isFocused && !item.disabled && contextMenuFocusedColorClasses[color],\n              classNames?.item,\n            )}\n            onClick={() => {\n              if (!item.disabled) {\n                item.onClick?.();\n                onClose();\n              }\n            }}\n            role='menuitem'\n            tabIndex={-1}\n            aria-disabled={item.disabled}\n            data-slot='item'\n          >\n            <div className='flex items-center gap-2 flex-1'>\n              {item.icon && (\n                <span\n                  className={cn(\n                    'contextMenu_itemIcon shrink-0 w-4 h-4',\n                    classNames?.itemIcon,\n                  )}\n                  data-slot='item-icon'\n                >\n                  {item.icon}\n                </span>\n              )}\n              <span\n                className={cn(\n                  'contextMenu_itemLabel',\n                  classNames?.itemLabel,\n                )}\n                data-slot='item-label'\n              >\n                {item.label}\n              </span>\n            </div>\n            {item.shortcut && <span className='text-xs text-text-secondary shrink-0' data-slot='shortcut'>{item.shortcut}</span>}\n          </ContextMenuItemDiv>\n        );\n      })}\n    </div>\n  );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\n/**\n * ContextMenu component based on Popover\n */\nconst ContextMenu = ({\n  children,\n  items,\n  className,\n  classNames,\n  disabled = false,\n  onOpenChange,\n  open: controlledOpen,\n  color = 'default',\n}: ContextMenuProps) => {\n  const [internalOpen, setInternalOpen] = useState(false);\n  const [position, setPosition] = useState<DOMRect | null>(null);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (open: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(open);\n      }\n      onOpenChange?.(open);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const handleContextMenu = useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setPosition({\n        width: 0,\n        height: 0,\n        x: e.clientX,\n        y: e.clientY,\n        top: e.clientY,\n        left: e.clientX,\n        right: e.clientX,\n        bottom: e.clientY,\n        toJSON: () => {},\n      } as DOMRect);\n\n      setOpen(true);\n    },\n    [disabled, setOpen]\n  );\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setPosition(null);\n  }, [setOpen]);\n\n  return (\n    <PopoverPrimitive.Root open={isOpen} onOpenChange={setOpen}>\n      {position && (\n        <PopoverPrimitive.Anchor\n          virtualRef={{\n            current: {\n              getBoundingClientRect: () => position,\n            },\n          }}\n        />\n      )}\n      <div\n        onContextMenu={handleContextMenu}\n        className={cn('contextMenu_root inline-block', className, classNames?.root)}\n        role='presentation'\n        data-slot='root'\n      >\n        {children}\n      </div>\n\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side='bottom'\n          align='start'\n          sideOffset={0}\n          alignOffset={0}\n          onOpenAutoFocus={(e: Event) => e.preventDefault()}\n          onCloseAutoFocus={(e: Event) => e.preventDefault()}\n          onEscapeKeyDown={handleClose}\n          onPointerDownOutside={handleClose}\n          onInteractOutside={handleClose}\n          className='z-[var(--z-popover)]'\n        >\n          <ContextMenuContent items={items} onClose={handleClose} classNames={classNames} color={color} />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n};\n\nContextMenu.displayName = 'ContextMenu';\n\nexport type * from './types';\nexport { ContextMenu, ContextMenuContent };\nexport default ContextMenu;\n"]}

package/dist/{chunk-YS5AIY4A.js → chunk-K5RV3GF4.js}

@@ -1,5 +1,5 @@
-import { bgSkeletonColorClasses } 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';
@@ -12,7 +12,7 @@ var skeletonVariants = cva("animate-pulse rounded", {
       md: "h-5",
       lg: "h-6"
     },
-    color: bgSkeletonColorClasses
+    color: colorVars
   },
   defaultVariants: {
     size: "md",
@@ -28,6 +28,7 @@ var Skeleton = React.memo(
         className: cn(
           "skeleton_root",
           skeletonVariants({ size, color }),
+          "bg-slot-50",
           circle && "rounded-full aspect-square",
           className
         )
@@ -39,5 +40,5 @@ Skeleton.displayName = "Skeleton";
 var skeleton_default = Skeleton;
 
 export { skeleton_default };
-//# sourceMappingURL=chunk-YS5AIY4A.js.map
-//# sourceMappingURL=chunk-YS5AIY4A.js.map
+//# sourceMappingURL=chunk-K5RV3GF4.js.map
+//# sourceMappingURL=chunk-K5RV3GF4.js.map

package/dist/chunk-K5RV3GF4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/skeleton/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,gBAAA,GAAmB,IAAI,uBAAA,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI,KAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAED,IAAM,WAAW,KAAA,CAAM,IAAA;AAAA,EACrB,CAAC,EAAE,KAAA,GAAQ,SAAA,EAAW,OAAO,IAAA,EAAM,SAAA,EAAW,MAAA,GAAS,KAAA,EAAM,KAAM;AACjE,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,eAAA;AAAA,UACA,gBAAA,CAAiB,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA;AAAA,UAChC,YAAA;AAAA,UACA,MAAA,IAAU,4BAAA;AAAA,UACV;AAAA;AACF;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;AAGvB,IAAO,gBAAA,GAAQ","file":"chunk-K5RV3GF4.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 { SkeletonProps } from './types'\n\nconst skeletonVariants = cva('animate-pulse rounded', {\n  variants: {\n    size: {\n      xs: 'h-3',\n      sm: 'h-4',\n      md: 'h-5',\n      lg: 'h-6',\n    },\n    color: colorVars,\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n  },\n})\n\nconst Skeleton = React.memo<SkeletonProps>(\n  ({ color = 'default', size = 'md', className, circle = false }) => {\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'skeleton_root',\n          skeletonVariants({ size, color }),\n          'bg-slot-50',\n          circle && 'rounded-full aspect-square',\n          className,\n        )}\n      />\n    )\n  },\n)\n\nSkeleton.displayName = 'Skeleton'\n\nexport type * from './types'\nexport default Skeleton\n"]}

package/dist/{chunk-2WZVD7P3.js → chunk-KZZJAZ5M.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { InboxIcon } from 'lucide-react';
 import React from 'react';
@@ -95,9 +95,10 @@ var Empty = React.memo(
     children,
     size = "md",
     className,
-    classNames
+    classNames,
+    ref
   }) => {
-    return /* @__PURE__ */ jsxs("div", { className: cn(
+    return /* @__PURE__ */ jsxs("div", { "data-slot": "root", ref, className: cn(
       "empty_root",
       emptyContainerVariants({ size }),
       classNames?.root,
@@ -141,5 +142,5 @@ Empty.displayName = "Empty";
 var empty_default = Empty;
 
 export { empty_default };
-//# sourceMappingURL=chunk-2WZVD7P3.js.map
-//# sourceMappingURL=chunk-2WZVD7P3.js.map
+//# sourceMappingURL=chunk-KZZJAZ5M.js.map
+//# sourceMappingURL=chunk-KZZJAZ5M.js.map

package/dist/chunk-KZZJAZ5M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/empty/index.tsx"],"names":[],"mappings":"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","file":"chunk-KZZJAZ5M.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { InboxIcon } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { EmptyProps } from './types'\n\nconst emptyContainerVariants = cva(\n  'flex flex-col items-center justify-center text-center',\n  {\n    variants: {\n      size: {\n        xs: 'py-4 px-2',\n        sm: 'py-6 px-4',\n        md: 'py-12 px-6',\n        lg: 'py-16 px-8',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst emptyIconVariants = cva('text-text-secondary mb-4', {\n  variants: {\n    size: {\n      xs: 'w-8 h-8',\n      sm: 'w-12 h-12',\n      md: 'w-16 h-16',\n      lg: 'w-24 h-24',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst emptyImageVariants = cva('mb-4 object-contain', {\n  variants: {\n    size: {\n      xs: 'w-16 h-16',\n      sm: 'w-24 h-24',\n      md: 'w-32 h-32',\n      lg: 'w-48 h-48',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst emptyTitleVariants = cva('font-semibold text-text-primary mb-2', {\n  variants: {\n    size: {\n      xs: 'text-sm',\n      sm: 'text-base',\n      md: 'text-lg',\n      lg: 'text-xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst emptyDescriptionVariants = cva('text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'text-[10px] max-w-[200px]',\n      sm: 'text-xs max-w-xs',\n      md: 'text-sm max-w-sm',\n      lg: 'text-base max-w-md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst emptyActionsVariants = cva('mt-6 flex gap-2 flex-wrap justify-center', {\n  variants: {\n    size: {\n      xs: 'mt-2',\n      sm: 'mt-4',\n      md: 'mt-6',\n      lg: 'mt-8',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst Empty = React.memo<EmptyProps>(\n  ({\n    icon,\n    image,\n    imageAlt = 'Empty',\n    title = 'No Data',\n    description = 'There is no data to display',\n    children,\n    size = 'md',\n    className,\n    classNames,\n    ref,\n  }) => {\n    return (\n      <div data-slot=\"root\" ref={ref} className={cn(\n        'empty_root',\n        emptyContainerVariants({ size }),\n        classNames?.root,\n        className\n      )}>\n        {/* Image or Icon */}\n        {image ? (\n          <img\n            src={image}\n            alt={imageAlt}\n            className={cn(\n              'empty_icon',\n              emptyImageVariants({ size }),\n              classNames?.icon\n            )}\n          />\n        ) : (\n          <div className={cn(\n            'empty_icon',\n            emptyIconVariants({ size }),\n            classNames?.icon\n          )}>\n            {icon || <InboxIcon className=\"size-full\" />}\n          </div>\n        )}\n\n        {/* Title */}\n        {title && (\n          <h3 className={cn(\n            'empty_title',\n            emptyTitleVariants({ size }),\n            classNames?.title\n          )}>\n            {title}\n          </h3>\n        )}\n\n        {/* Description */}\n        {description && (\n          <p className={cn(\n            'empty_description',\n            emptyDescriptionVariants({ size }),\n            classNames?.description\n          )}>\n            {description}\n          </p>\n        )}\n\n        {/* Actions or Custom Content */}\n        {children && (\n          <div className={cn(\n            'empty_action',\n            emptyActionsVariants({ size }),\n            classNames?.action\n          )}>\n            {children}\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nEmpty.displayName = 'Empty'\n\nexport type * from './types'\nexport default Empty\n"]}

package/dist/{chunk-6HGUDHHE.js → chunk-L5BU2QTI.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -51,9 +51,7 @@ var ButtonGroup = React.memo(
           variant: child.props.variant ?? variant,
           color: child.props.color ?? color,
           shape: child.props.shape ?? shape,
-          // Disabled is additive - if group is disabled, all children are disabled
           disabled: child.props.disabled || disabled,
-          // Apply button classNames from ButtonGroup
           className: cn(classNames?.button, child.props.className)
         });
       }
@@ -82,5 +80,5 @@ ButtonGroup.displayName = "ButtonGroup";
 var button_group_default = ButtonGroup;
 
 export { button_group_default };
-//# sourceMappingURL=chunk-6HGUDHHE.js.map
-//# sourceMappingURL=chunk-6HGUDHHE.js.map
+//# sourceMappingURL=chunk-L5BU2QTI.js.map
+//# sourceMappingURL=chunk-L5BU2QTI.js.map

package/dist/chunk-L5BU2QTI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button-group/index.tsx"],"names":[],"mappings":";;;;;AASA,IAAM,mBAAA,GAAsB,IAAI,aAAA,EAAe;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,KAAA,EAAO;AAAA,KACT;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,qBAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU,KAAA;AAAA,IACV,SAAA,EAAW;AAAA;AAEf,CAAC,CAAA;AAED,IAAM,yBAAA,GACJ,gHAAA;AAEF,IAAM,uBAAA,GACJ,gHAAA;AAEF,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EACxB,CAAC;AAAA,IACC,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,IAAA;AAAA,IACX,GAAA,GAAM,IAAA;AAAA,IACN,SAAA,GAAY,KAAA;AAAA,IACZ,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,MAAM,mBAAmB,KAAA,CAAM,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AAC/D,MAAA,IAAI,KAAA,CAAM,cAAA,CAA4B,KAAK,CAAA,EAAG;AAC5C,QAAA,OAAO,KAAA,CAAM,aAAa,KAAA,EAAO;AAAA;AAAA,UAE/B,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,IAAA,IAAQ,IAAA;AAAA,UAC1B,OAAA,EAAS,KAAA,CAAM,KAAA,CAAM,OAAA,IAAW,OAAA;AAAA,UAChC,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA,UAC5B,KAAA,EAAO,KAAA,CAAM,KAAA,CAAM,KAAA,IAAS,KAAA;AAAA,UAC5B,QAAA,EAAU,KAAA,CAAM,KAAA,CAAM,QAAA,IAAY,QAAA;AAAA,UAClC,WAAW,EAAA,CAAG,UAAA,EAAY,MAAA,EAAQ,KAAA,CAAM,MAAM,SAAS;AAAA,SACxD,CAAA;AAAA,MACH;AACA,MAAA,OAAO,KAAA;AAAA,IACT,CAAC,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,mBAAA,CAAoB,EAAE,QAAA,EAAU,SAAA,EAAW,CAAA;AAAA,UAC3C,QAAA,GACI,QAAA,GACE,uBAAA,GACA,yBAAA,GACF,WAAW,GAAG,CAAA;AAAA,UAClB,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,IAAO,oBAAA,GAAQ","file":"chunk-L5BU2QTI.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport type { ButtonProps } from '../button/types'\nimport { cn } from '../utils'\nimport type { ButtonGroupProps } from './types'\n\nconst buttonGroupVariants = cva('inline-flex', {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    fullWidth: {\n      true: 'w-full [&>*]:flex-1',\n      false: '',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    fullWidth: false,\n  },\n})\n\nconst attachedHorizontalClasses =\n  '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:border-r-0 [&>*:not(:last-child)]:rounded-r-none'\n\nconst attachedVerticalClasses =\n  '[&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)]:rounded-b-none'\n\nconst gapClasses = {\n  sm: 'gap-1',\n  md: 'gap-2',\n  lg: 'gap-3',\n}\n\nconst ButtonGroup = React.memo<ButtonGroupProps>(\n  ({\n    vertical = false,\n    attached = true,\n    gap = 'md',\n    fullWidth = false,\n    size,\n    variant,\n    color,\n    shape,\n    disabled = false,\n    className,\n    classNames,\n    children,\n    ref,\n    ...props\n  }) => {\n    const enhancedChildren = React.Children.map(children, (child) => {\n      if (React.isValidElement<ButtonProps>(child)) {\n        return React.cloneElement(child, {\n          // Group props are defaults - child props take precedence\n          size: child.props.size ?? size,\n          variant: child.props.variant ?? variant,\n          color: child.props.color ?? color,\n          shape: child.props.shape ?? shape,\n          disabled: child.props.disabled || disabled,\n          className: cn(classNames?.button, child.props.className),\n        })\n      }\n      return child\n    })\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        className={cn(\n          'buttonGroup_root',\n          buttonGroupVariants({ vertical, fullWidth }),\n          attached\n            ? vertical\n              ? attachedVerticalClasses\n              : attachedHorizontalClasses\n            : gapClasses[gap],\n          classNames?.root,\n          className,\n        )}\n        data-slot=\"root\"\n        {...props}\n      >\n        {enhancedChildren}\n      </div>\n    )\n  },\n)\n\nButtonGroup.displayName = 'ButtonGroup'\n\nexport type * from './types'\nexport default ButtonGroup\n"]}

package/dist/{chunk-C5IGZLIT.js → chunk-LM6CJZX5.js}

@@ -1,5 +1,5 @@
-import { createPopoverColorVariants, 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 PopoverPrimitive from '@radix-ui/react-popover';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
@@ -37,26 +37,12 @@ var popoverContentVariants = cva(
         lg: "p-5 text-lg"
       },
       variant: {
-        default: "",
-        solid: "",
-        soft: ""
+        default: "bg-background border border-slot text-text-primary",
+        solid: "bg-slot border border-slot text-slot-fg",
+        soft: "backdrop-blur-sm bg-slot-10 border border-slot-30 text-slot"
       },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      }
+      color: colorVars
     },
-    compoundVariants: createPopoverColorVariants(componentColors, [
-      "default",
-      "solid",
-      "soft"
-    ]),
     defaultVariants: {
       size: "md",
       variant: "default",
@@ -103,5 +89,5 @@ function PopoverAnchor({
 }
 
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=chunk-C5IGZLIT.js.map
-//# sourceMappingURL=chunk-C5IGZLIT.js.map
+//# sourceMappingURL=chunk-LM6CJZX5.js.map
+//# sourceMappingURL=chunk-LM6CJZX5.js.map

package/dist/chunk-LM6CJZX5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":";;;;;;AAUA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,spBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oDAAA;AAAA,QACT,KAAA,EAAO,yCAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,KACT;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA;AAAA,QACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,QAC/C,SAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,MAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-LM6CJZX5.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport { colorVars } from '../variants'\nimport type { PopoverClassNames } from './types'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  )\n}\n\nconst popoverContentVariants = cva(\n  'overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n  {\n    variants: {\n      size: {\n        xs: 'p-2 text-xs',\n        sm: 'p-3 text-sm',\n        md: 'p-4 text-base',\n        lg: 'p-5 text-lg',\n      },\n      variant: {\n        default: 'bg-background border border-slot text-text-primary',\n        solid: 'bg-slot border border-slot text-slot-fg',\n        soft: 'backdrop-blur-sm bg-slot-10 border border-slot-30 text-slot',\n      },\n      color: colorVars,\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      color: 'default',\n    },\n  },\n)\n\nexport interface PopoverContentProps\n  extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n    VariantProps<typeof popoverContentVariants> {\n  classNames?: PopoverClassNames\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  size = 'md',\n  variant = 'default',\n  color = 'default',\n  classNames,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'popover_content',\n          popoverContentVariants({ size, variant, color }),\n          className,\n          classNames?.content,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/{chunk-RFHTC6AH.js → chunk-LXHOS74B.js}

@@ -1,7 +1,7 @@
-import { Spinner } from './chunk-Y4XAXZHB.js';
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { createAllColorVariants, buttonColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Spinner } from './chunk-GGQF5PQN.js';
+import { useRipple, RippleContainer } from './chunk-4TEZWGX7.js';
+import { buttonColorVars } from './chunk-GLJDHW73.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -10,33 +10,23 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 var buttonVariants = cva(
   [
     "inline-flex cursor-pointer text-center font-medium items-center justify-center",
-    // 60fps: only animate opacity (GPU-composited, no paint/layout)
     "transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]",
     "disabled:opacity-50 disabled:pointer-events-none",
-    // Focus ring for accessibility
-    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-slot",
     // Accessibility: respect prefers-reduced-motion
     "motion-reduce:transition-none"
   ],
   {
     variants: {
       variant: {
-        solid: "border",
-        outline: "border bg-transparent",
-        soft: "border-none",
-        dashed: "border border-dashed bg-transparent",
-        link: "border-none bg-transparent hover:underline",
-        ghost: "border-none bg-transparent"
-      },
-      color: {
-        primary: "border-primary focus-visible:ring-primary",
-        secondary: "border-secondary focus-visible:ring-secondary",
-        accent: "border-accent focus-visible:ring-accent",
-        success: "border-success focus-visible:ring-success",
-        error: "border-error focus-visible:ring-error",
-        warning: "border-warning focus-visible:ring-warning",
-        info: "border-info focus-visible:ring-info"
+        solid: "bg-slot border border-slot text-slot-fg hover:bg-slot-90",
+        outline: "border border-slot bg-transparent text-slot hover:bg-slot-10",
+        soft: "border-none bg-slot-10 text-slot",
+        dashed: "border border-dashed border-slot bg-transparent text-slot hover:bg-slot-10",
+        link: "border-none bg-transparent text-slot hover:text-slot-80 hover:underline",
+        ghost: "border-none bg-transparent text-slot hover:bg-slot-10"
       },
+      color: buttonColorVars,
       size: {
         xs: "h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5",
         sm: "h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2",
@@ -58,20 +48,10 @@ var buttonVariants = cva(
       }
     },
     compoundVariants: [
-      // Icon-only buttons: square aspect ratio
       { iconOnly: true, size: "xs", class: "w-(--button-height-xs) px-0" },
       { iconOnly: true, size: "sm", class: "w-(--button-height-sm) px-0" },
       { iconOnly: true, size: "md", class: "w-(--button-height-md) px-0" },
-      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" },
-      // Color variants
-      ...createAllColorVariants(buttonColors, [
-        "solid",
-        "outline",
-        "soft",
-        "dashed",
-        "link",
-        "ghost"
-      ])
+      { iconOnly: true, size: "lg", class: "w-(--button-height-lg) px-0" }
     ],
     defaultVariants: {
       variant: "solid",
@@ -144,9 +124,7 @@ var Button = React.memo(
     const buttonClassName = cn(
       "button_root",
       buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),
-      // Pressed toggle visual
       pressed && "data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30",
-      // Ripple needs relative + overflow-hidden
       ripple && "relative overflow-hidden",
       classNames?.root,
       className
@@ -159,7 +137,7 @@ var Button = React.memo(
       "aria-pressed": pressed,
       "data-pressed": pressed != null ? String(pressed) : void 0,
       "data-slot": "root",
-      onClick,
+      onClick: isDisabled ? void 0 : onClick,
       onPointerDown: ripplePointerDown,
       onKeyDown: rippleKeyDown,
       ...props
@@ -246,5 +224,5 @@ Button.displayName = "Button";
 var button_default = Button;
 
 export { buttonVariants, button_default };
-//# sourceMappingURL=chunk-RFHTC6AH.js.map
-//# sourceMappingURL=chunk-RFHTC6AH.js.map
+//# sourceMappingURL=chunk-LXHOS74B.js.map
+//# sourceMappingURL=chunk-LXHOS74B.js.map

package/dist/chunk-LXHOS74B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-LXHOS74B.js","sourcesContent":["'use client'\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport { cn } from \"../utils\";\nimport { buttonColorVars } from \"../variants\";\nimport type { ButtonProps, ButtonColor } from \"./types\";\nimport { useRipple, RippleContainer } from \"../hooks/useRipple\";\n\nconst buttonVariants = cva(\n  [\n    \"inline-flex cursor-pointer text-center font-medium items-center justify-center\",\n    \"transition-[opacity] duration-200 ease-[cubic-bezier(0.34,1.56,0.64,1)]\",\n    \"disabled:opacity-50 disabled:pointer-events-none\",\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-slot\",\n    // Accessibility: respect prefers-reduced-motion\n    \"motion-reduce:transition-none\",\n  ],\n  {\n    variants: {\n      variant: {\n        solid: \"bg-slot border border-slot text-slot-fg hover:bg-slot-90\",\n        outline: \"border border-slot bg-transparent text-slot hover:bg-slot-10\",\n        soft: \"border-none bg-slot-10 text-slot\",\n        dashed: \"border border-dashed border-slot bg-transparent text-slot hover:bg-slot-10\",\n        link: \"border-none bg-transparent text-slot hover:text-slot-80 hover:underline\",\n        ghost: \"border-none bg-transparent text-slot hover:bg-slot-10\",\n      },\n      color: buttonColorVars,\n      size: {\n        xs: \"h-(--button-height-xs) px-(--button-padding-x-xs) text-xs gap-1.5\",\n        sm: \"h-(--button-height-sm) px-(--button-padding-x-sm) text-sm gap-2\",\n        md: \"h-(--button-height-md) px-(--button-padding-x-md) text-base gap-2\",\n        lg: \"h-(--button-height-lg) px-(--button-padding-x-lg) text-lg gap-2.5\",\n      },\n      shape: {\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n        square: \"rounded-none\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n        false: \"\",\n      },\n      iconOnly: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      { iconOnly: true, size: \"xs\", class: \"w-(--button-height-xs) px-0\" },\n      { iconOnly: true, size: \"sm\", class: \"w-(--button-height-sm) px-0\" },\n      { iconOnly: true, size: \"md\", class: \"w-(--button-height-md) px-0\" },\n      { iconOnly: true, size: \"lg\", class: \"w-(--button-height-lg) px-0\" },\n    ],\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"md\",\n      shape: \"rounded\",\n      fullWidth: false,\n      iconOnly: false,\n    },\n  },\n);\n\nconst spinnerSizeMap: Record<\n  NonNullable<ButtonProps[\"size\"]>,\n  \"xs\" | \"sm\" | \"md\" | \"lg\"\n> = {\n  xs: \"xs\",\n  sm: \"xs\",\n  md: \"sm\",\n  lg: \"md\",\n};\n\nfunction getSpinnerColor(\n  variant: ButtonProps[\"variant\"],\n  color: ButtonColor,\n): ButtonColor | \"default\" {\n  if (variant === \"solid\") {\n    return \"default\";\n  }\n  return color;\n}\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = \"solid\",\n    color = \"primary\",\n    size = \"md\",\n    shape = \"rounded\",\n    loading = false,\n    loadingText,\n    loadingPosition = \"left\",\n    icon,\n    iconPlacement = \"left\",\n    leftIcon: leftIconProp,\n    rightIcon: rightIconProp,\n    fullWidth = false,\n    iconOnly = false,\n    asChild = false,\n    pressed,\n    ripple = false,\n    className,\n    classNames,\n    children,\n    disabled,\n    onClick,\n    ref,\n    ...props\n  }) => {\n    const isDisabled = disabled || loading;\n    const spinnerSize = spinnerSizeMap[size];\n    const spinnerColor = getSpinnerColor(variant, color);\n\n    const {\n      ripples,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      onAnimationEnd: rippleAnimationEnd,\n    } = useRipple(ripple && !isDisabled);\n\n    // Dev warning for icon-only buttons without aria-label\n    if (import.meta.env?.DEV && iconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn('Button: icon-only buttons should have an aria-label or aria-labelledby prop for accessibility.')\n    }\n\n    const leftIcon = leftIconProp ?? (iconPlacement === \"left\" ? icon : undefined);\n    const rightIcon = rightIconProp ?? (iconPlacement === \"right\" ? icon : undefined);\n\n    const showLeftIcon = !loading && leftIcon;\n    const showRightIcon = !loading && rightIcon;\n    const showSpinnerLeft = loading && loadingPosition === \"left\";\n    const showSpinnerRight = loading && loadingPosition === \"right\";\n\n    const content = loading && loadingText ? loadingText : children;\n\n    const iconOnlyLoading = iconOnly && loading;\n\n    const buttonClassName = cn(\n      \"button_root\",\n      buttonVariants({ color, size, variant, shape, fullWidth, iconOnly }),\n      pressed && \"data-[pressed=true]:ring-2 data-[pressed=true]:ring-current/30\",\n      ripple && \"relative overflow-hidden\",\n      classNames?.root,\n      className,\n    );\n\n    const sharedProps = {\n      className: buttonClassName,\n      disabled: asChild ? undefined : isDisabled,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      \"aria-pressed\": pressed,\n      \"data-pressed\": pressed != null ? String(pressed) : undefined,\n      \"data-slot\": \"root\",\n      onClick: isDisabled ? undefined : onClick,\n      onPointerDown: ripplePointerDown,\n      onKeyDown: rippleKeyDown,\n      ...props,\n    };\n\n    const innerContent = iconOnlyLoading ? (\n      <>\n        <span\n          className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n          data-slot=\"spinner\"\n        >\n          <Spinner size={spinnerSize} color={spinnerColor} />\n        </span>\n        <span className=\"sr-only\">Loading</span>\n      </>\n    ) : (\n      <>\n        {showSpinnerLeft && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {showLeftIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.leftIcon)}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {content}\n        {showRightIcon && (\n          <span\n            className={cn(\"button_icon shrink-0\", classNames?.icon, classNames?.rightIcon)}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showSpinnerRight && (\n          <span\n            className={cn(\"button_spinner inline-flex items-center\", classNames?.spinner)}\n            data-slot=\"spinner\"\n          >\n            <Spinner size={spinnerSize} color={spinnerColor} />\n          </span>\n        )}\n        {loading && <span className=\"sr-only\">Loading</span>}\n      </>\n    );\n\n    const rippleElements = (\n      <RippleContainer\n        ripples={ripples}\n        className={classNames?.ripple}\n        onAnimationEnd={rippleAnimationEnd}\n      />\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} {...sharedProps}>\n          {React.isValidElement(children)\n            ? React.cloneElement(\n                children as React.ReactElement<{ children?: React.ReactNode }>,\n                {},\n                <>\n                  {(children as React.ReactElement<{ children?: React.ReactNode }>).props.children}\n                  {rippleElements}\n                </>,\n              )\n            : children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={props.type ?? \"button\"}\n        {...sharedProps}\n      >\n        {innerContent}\n        {rippleElements}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\nexport type * from \"./types\";\nexport default Button;\n"]}