@mdigital_ui/ui 0.4.2 → 0.4.3

package/dist/{chunk-DUIL5BYS.js → chunk-62LTLXVG.js}

@@ -1,11 +1,41 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-C5IGZLIT.js';
-import { cn } from './chunk-NGYLRX6F.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-LM6CJZX5.js';
+import { useMenuNavigation } from './chunk-NZHKNUGE.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import { ChevronRight, Check, Circle } from 'lucide-react';
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
-var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
+var MenuItems = React.memo(({ items, classNames, onItemClick, onClose }) => {
   const [activeSubmenu, setActiveSubmenu] = useState(null);
+  const enabledIndices = useMemo(
+    () => items.map((item, i) => !item.separator && item.type !== "label" && !item.disabled ? i : -1).filter((i) => i !== -1),
+    [items]
+  );
+  const onMenuSelect = useCallback(
+    (index) => {
+      const item = items[index];
+      if (!item || item.children && item.children.length > 0) return;
+      onItemClick(item);
+    },
+    [items, onItemClick]
+  );
+  const { highlightedIndex, handleKeyDown, highlightFirst } = useMenuNavigation({
+    enabledIndices,
+    isOpen: true,
+    onClose,
+    onSelect: onMenuSelect
+  });
+  useEffect(() => {
+    highlightFirst();
+  }, [highlightFirst]);
+  useEffect(() => {
+    const listener = (e) => {
+      handleKeyDown(e);
+      e.stopImmediatePropagation();
+    };
+    document.addEventListener("keydown", listener);
+    return () => document.removeEventListener("keydown", listener);
+  }, [handleKeyDown]);
   return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, idx) => {
     if (item.separator) {
       return /* @__PURE__ */ jsx(
@@ -35,6 +65,7 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
     }
     const isCheckboxOrRadio = item.type === "checkbox" || item.type === "radio";
     const hasChildren = item.children && item.children.length > 0;
+    const isFocused = highlightedIndex === idx;
     if (hasChildren) {
       return /* @__PURE__ */ jsxs(
         Popover,
@@ -48,7 +79,8 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
                 "data-slot": "item",
                 className: cn(
                   "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-                  item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+                  item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+                  isFocused && !item.disabled && "bg-surface",
                   classNames?.item
                 ),
                 role: "menuitem",
@@ -56,15 +88,6 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
                 "aria-haspopup": "menu",
                 tabIndex: item.disabled ? -1 : 0,
                 onMouseEnter: () => !item.disabled && setActiveSubmenu(item.key),
-                onKeyDown: (e) => {
-                  if (e.key === "ArrowRight") {
-                    e.preventDefault();
-                    if (!item.disabled) setActiveSubmenu(item.key);
-                  } else if (e.key === "ArrowLeft") {
-                    e.preventDefault();
-                    setActiveSubmenu(null);
-                  }
-                },
                 children: [
                   item.icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
                   /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
@@ -85,7 +108,7 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
                 ),
                 onOpenAutoFocus: (e) => e.preventDefault(),
                 onCloseAutoFocus: (e) => e.preventDefault(),
-                children: /* @__PURE__ */ jsx(MenuItems, { items: item.children, classNames, onItemClick })
+                children: /* @__PURE__ */ jsx(MenuItems, { items: item.children, classNames, onItemClick, onClose })
               }
             )
           ]
@@ -99,7 +122,8 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
         "data-slot": "item",
         className: cn(
           "menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1",
-          item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+          item.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
+          isFocused && !item.disabled && "bg-surface",
           isCheckboxOrRadio && classNames?.checkboxItem,
           item.type === "radio" && classNames?.radioItem,
           classNames?.item
@@ -109,12 +133,6 @@ var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
         "aria-checked": isCheckboxOrRadio ? item.checked : void 0,
         tabIndex: item.disabled ? -1 : 0,
         onClick: () => !item.disabled && onItemClick(item),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            if (!item.disabled) onItemClick(item);
-          }
-        },
         children: [
           isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.checked && /* @__PURE__ */ jsxs(Fragment, { children: [
             item.type === "checkbox" && /* @__PURE__ */ jsx(Check, { className: "w-4 h-4" }),
@@ -170,36 +188,47 @@ var Menubar = React.memo(({ menus, className, classNames, ref }) => {
       } else {
         item.onClick?.();
       }
-      handleClose();
+      if (item.type !== "checkbox" && item.type !== "radio") {
+        handleClose();
+      }
     },
     [handleClose]
   );
   useEffect(() => {
     if (!activeMenu) return;
-    const handleKeyDown = (e) => {
+    const handler = (e) => {
       const currentIndex = menus.findIndex((m) => m.key === activeMenu);
-      if (e.key === "Escape") {
+      if (e.key === "ArrowRight") {
         e.preventDefault();
-        handleClose();
-      } else if (e.key === "ArrowRight") {
-        const nextIndex = (currentIndex + 1) % menus.length;
-        const nextMenu = menus[nextIndex];
-        if (nextMenu && !nextMenu.disabled) {
-          e.preventDefault();
+        e.stopImmediatePropagation();
+        let next = (currentIndex + 1) % menus.length;
+        let attempts = 0;
+        while (attempts < menus.length && menus[next]?.disabled) {
+          next = (next + 1) % menus.length;
+          attempts++;
+        }
+        const nextMenu = menus[next];
+        if (attempts < menus.length && nextMenu && !nextMenu.disabled) {
           setActiveMenu(nextMenu.key);
         }
       } else if (e.key === "ArrowLeft") {
-        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
-        const prevMenu = menus[prevIndex];
-        if (prevMenu && !prevMenu.disabled) {
-          e.preventDefault();
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        let prev = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1;
+        let attempts = 0;
+        while (attempts < menus.length && menus[prev]?.disabled) {
+          prev = prev - 1 < 0 ? menus.length - 1 : prev - 1;
+          attempts++;
+        }
+        const prevMenu = menus[prev];
+        if (attempts < menus.length && prevMenu && !prevMenu.disabled) {
           setActiveMenu(prevMenu.key);
         }
       }
     };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [activeMenu, menus, handleClose]);
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [activeMenu, menus]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -230,7 +259,7 @@ var Menubar = React.memo(({ menus, className, classNames, ref }) => {
                 "data-slot": "trigger",
                 className: cn(
                   "menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors",
-                  menu.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus:bg-surface focus:outline-none",
+                  menu.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface focus-visible:bg-surface focus-visible:outline-none",
                   activeMenu === menu.key && "bg-surface",
                   classNames?.trigger
                 ),
@@ -240,12 +269,6 @@ var Menubar = React.memo(({ menus, className, classNames, ref }) => {
                 "aria-disabled": menu.disabled,
                 onClick: () => handleMenuClick(menu.key, menu.disabled),
                 onMouseEnter: () => handleMenuHover(menu.key, menu.disabled),
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    handleMenuClick(menu.key, menu.disabled);
-                  }
-                },
                 children: menu.label
               }
             ) }),
@@ -273,7 +296,8 @@ var Menubar = React.memo(({ menus, className, classNames, ref }) => {
                   {
                     items: menu.items,
                     classNames,
-                    onItemClick: handleItemClick
+                    onItemClick: handleItemClick,
+                    onClose: handleClose
                   }
                 )
               }
@@ -289,5 +313,5 @@ Menubar.displayName = "Menubar";
 var menubar_default = Menubar;
 
 export { menubar_default };
-//# sourceMappingURL=chunk-DUIL5BYS.js.map
-//# sourceMappingURL=chunk-DUIL5BYS.js.map
+//# sourceMappingURL=chunk-62LTLXVG.js.map
+//# sourceMappingURL=chunk-62LTLXVG.js.map

package/dist/chunk-62LTLXVG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar/index.tsx"],"names":[],"mappings":"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","file":"chunk-62LTLXVG.js","sourcesContent":["'use client'\n\nimport { ChevronRight, Check, Circle } from 'lucide-react'\nimport React, { useState, useCallback, useEffect, useMemo } from 'react'\n\nimport { useMenuNavigation } from '../hooks/useMenuNavigation'\nimport { Popover, PopoverTrigger, PopoverContent } from '../popover'\nimport { cn } from '../utils'\nimport type { MenubarProps, MenubarItem } from './types'\n\ninterface MenuItemsProps {\n  items: MenubarItem[]\n  classNames?: MenubarProps['classNames']\n  onItemClick: (item: MenubarItem) => void\n  onClose: () => void\n}\n\nconst MenuItems = React.memo<MenuItemsProps>(({ items, classNames, onItemClick, onClose }) => {\n  const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null)\n\n  const enabledIndices = useMemo(\n    () =>\n      items\n        .map((item, i) => (!item.separator && item.type !== 'label' && !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 && item.children.length > 0)) return\n      onItemClick(item)\n    },\n    [items, onItemClick],\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 (content is in a portal)\n  useEffect(() => {\n    const listener = (e: KeyboardEvent) => {\n      handleKeyDown(e)\n      e.stopImmediatePropagation()\n    }\n    document.addEventListener('keydown', listener)\n    return () => document.removeEventListener('keydown', listener)\n  }, [handleKeyDown])\n\n  return (\n    <>\n      {items.map((item, idx) => {\n        if (item.separator) {\n          return (\n            <div\n              key={item.key || `separator-${idx}`}\n              data-slot=\"separator\"\n              className={cn('menubar_separator h-px bg-border my-1', classNames?.separator)}\n              role=\"separator\"\n            />\n          )\n        }\n\n        if (item.type === 'label') {\n          return (\n            <div\n              key={item.key}\n              data-slot=\"label\"\n              className={cn(\n                'menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary',\n                classNames?.label,\n              )}\n              role=\"presentation\"\n            >\n              {item.label}\n            </div>\n          )\n        }\n\n        const isCheckboxOrRadio = item.type === 'checkbox' || item.type === 'radio'\n        const hasChildren = item.children && item.children.length > 0\n        const isFocused = highlightedIndex === idx\n\n        if (hasChildren) {\n          return (\n            <Popover\n              key={item.key}\n              open={activeSubmenu === item.key}\n              onOpenChange={(open) => setActiveSubmenu(open ? item.key : null)}\n            >\n              <PopoverTrigger asChild>\n                <div\n                  data-slot=\"item\"\n                  className={cn(\n                    'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n                    item.disabled\n                      ? 'opacity-50 cursor-not-allowed'\n                      : 'hover:bg-surface focus-visible:bg-surface focus-visible:outline-none',\n                    isFocused && !item.disabled && 'bg-surface',\n                    classNames?.item,\n                  )}\n                  role=\"menuitem\"\n                  aria-disabled={item.disabled}\n                  aria-haspopup=\"menu\"\n                  tabIndex={item.disabled ? -1 : 0}\n                  onMouseEnter={() => !item.disabled && setActiveSubmenu(item.key)}\n                >\n                  {item.icon && <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>}\n                  <span className=\"flex-1\">{item.label}</span>\n                  <ChevronRight className=\"w-4 h-4 ml-2 shrink-0\" />\n                </div>\n              </PopoverTrigger>\n              <PopoverContent\n                side=\"right\"\n                align=\"start\"\n                sideOffset={4}\n                data-slot=\"submenu\"\n                className={cn(\n                  'menubar_submenu min-w-[200px] w-auto p-1 rounded-md',\n                  classNames?.submenu,\n                )}\n                onOpenAutoFocus={(e) => e.preventDefault()}\n                onCloseAutoFocus={(e) => e.preventDefault()}\n              >\n                <MenuItems items={item.children!} classNames={classNames} onItemClick={onItemClick} onClose={onClose} />\n              </PopoverContent>\n            </Popover>\n          )\n        }\n\n        return (\n          <div\n            key={item.key}\n            data-slot=\"item\"\n            className={cn(\n              'menubar_item relative flex items-center gap-2 px-3 py-2 text-sm cursor-pointer rounded-sm transition-colors mx-1',\n              item.disabled\n                ? 'opacity-50 cursor-not-allowed'\n                : 'hover:bg-surface focus-visible:bg-surface focus-visible:outline-none',\n              isFocused && !item.disabled && 'bg-surface',\n              isCheckboxOrRadio && classNames?.checkboxItem,\n              item.type === 'radio' && classNames?.radioItem,\n              classNames?.item,\n            )}\n            role={\n              item.type === 'checkbox'\n                ? 'menuitemcheckbox'\n                : item.type === 'radio'\n                  ? 'menuitemradio'\n                  : 'menuitem'\n            }\n            aria-disabled={item.disabled}\n            aria-checked={isCheckboxOrRadio ? item.checked : undefined}\n            tabIndex={item.disabled ? -1 : 0}\n            onClick={() => !item.disabled && onItemClick(item)}\n          >\n            {isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">\n                {item.checked && (\n                  <>\n                    {item.type === 'checkbox' && <Check className=\"w-4 h-4\" />}\n                    {item.type === 'radio' && <Circle className=\"w-4 h-4 fill-current\" />}\n                  </>\n                )}\n              </span>\n            )}\n            {item.icon && !isCheckboxOrRadio && (\n              <span className=\"w-4 h-4 shrink-0\">{item.icon}</span>\n            )}\n            <span className=\"flex-1\">{item.label}</span>\n            {item.shortcut && (\n              <span\n                data-slot=\"shortcut\"\n                className={cn(\n                  'menubar_shortcut text-xs text-text-secondary ml-auto',\n                  classNames?.shortcut,\n                )}\n              >\n                {item.shortcut}\n              </span>\n            )}\n          </div>\n        )\n      })}\n    </>\n  )\n})\n\nMenuItems.displayName = 'MenuItems'\n\nconst Menubar = React.memo<MenubarProps>(({ menus, className, classNames, ref }) => {\n  const [activeMenu, setActiveMenu] = useState<string | null>(null)\n  const [hoverMode, setHoverMode] = useState(false)\n\n  const handleMenuClick = useCallback((menuKey: string, disabled?: boolean) => {\n    if (disabled) return\n    setActiveMenu((prev) => (prev === menuKey ? null : menuKey))\n    setHoverMode(true)\n  }, [])\n\n  const handleMenuHover = useCallback(\n    (menuKey: string, disabled?: boolean) => {\n      if (disabled) return\n      if (hoverMode && activeMenu !== null) {\n        setActiveMenu(menuKey)\n      }\n    },\n    [hoverMode, activeMenu],\n  )\n\n  const handleClose = useCallback(() => {\n    setActiveMenu(null)\n    setHoverMode(false)\n  }, [])\n\n  const handleItemClick = useCallback(\n    (item: MenubarItem) => {\n      if (item.type === 'checkbox') {\n        item.onCheckedChange?.(!item.checked)\n      } else if (item.type === 'radio') {\n        item.onCheckedChange?.(true)\n      } else {\n        item.onClick?.()\n      }\n      if (item.type !== 'checkbox' && item.type !== 'radio') {\n        handleClose()\n      }\n    },\n    [handleClose],\n  )\n\n  // Top-level menu switching: ArrowLeft/Right and Escape\n  useEffect(() => {\n    if (!activeMenu) return\n\n    const handler = (e: KeyboardEvent) => {\n      const currentIndex = menus.findIndex((m) => m.key === activeMenu)\n\n      if (e.key === 'ArrowRight') {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        let next = (currentIndex + 1) % menus.length\n        let attempts = 0\n        while (attempts < menus.length && menus[next]?.disabled) {\n          next = (next + 1) % menus.length\n          attempts++\n        }\n        const nextMenu = menus[next]\n        if (attempts < menus.length && nextMenu && !nextMenu.disabled) {\n          setActiveMenu(nextMenu.key)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        let prev = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1\n        let attempts = 0\n        while (attempts < menus.length && menus[prev]?.disabled) {\n          prev = prev - 1 < 0 ? menus.length - 1 : prev - 1\n          attempts++\n        }\n        const prevMenu = menus[prev]\n        if (attempts < menus.length && prevMenu && !prevMenu.disabled) {\n          setActiveMenu(prevMenu.key)\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handler)\n    return () => document.removeEventListener('keydown', handler)\n  }, [activeMenu, menus])\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"root\"\n      className={cn(\n        'menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border',\n        className,\n        classNames?.root,\n      )}\n      role=\"menubar\"\n    >\n      {menus.map((menu) => (\n        <Popover\n          key={menu.key}\n          open={activeMenu === menu.key}\n          onOpenChange={(open) => {\n            if (open) {\n              setActiveMenu(menu.key)\n              setHoverMode(true)\n            } else {\n              handleClose()\n            }\n          }}\n        >\n          <PopoverTrigger asChild>\n            <button\n              data-slot=\"trigger\"\n              className={cn(\n                'menubar_trigger px-3 py-1.5 text-sm rounded-sm transition-colors',\n                menu.disabled\n                  ? 'opacity-50 cursor-not-allowed'\n                  : 'hover:bg-surface focus-visible:bg-surface focus-visible:outline-none',\n                activeMenu === menu.key && 'bg-surface',\n                classNames?.trigger,\n              )}\n              role=\"menuitem\"\n              aria-haspopup=\"menu\"\n              aria-expanded={activeMenu === menu.key}\n              aria-disabled={menu.disabled}\n              onClick={() => handleMenuClick(menu.key, menu.disabled)}\n              onMouseEnter={() => handleMenuHover(menu.key, menu.disabled)}\n            >\n              {menu.label}\n            </button>\n          </PopoverTrigger>\n          <PopoverContent\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={2}\n            data-slot=\"content\"\n            className={cn(\n              'menubar_content min-w-[200px] w-auto p-1 rounded-md',\n              classNames?.content,\n            )}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n            onCloseAutoFocus={(e) => e.preventDefault()}\n            onPointerDownOutside={(e) => {\n              const target = e.target as HTMLElement\n              if (target.closest('[data-slot=\"root\"]')) {\n                e.preventDefault()\n              }\n            }}\n          >\n            <MenuItems\n              items={menu.items}\n              classNames={classNames}\n              onItemClick={handleItemClick}\n              onClose={handleClose}\n            />\n          </PopoverContent>\n        </Popover>\n      ))}\n    </div>\n  )\n})\n\nMenubar.displayName = 'Menubar'\n\nexport type * from './types'\nexport default Menubar\n"]}

package/dist/{chunk-G6NVGBYZ.js → chunk-6ZPCKFRS.js}

@@ -1,8 +1,9 @@
-import { Modal, ModalHeader, ModalTitle, ModalDescription, ModalContent } from './chunk-YXLIGJTN.js';
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { Modal, ModalHeader, ModalTitle, ModalDescription, ModalContent } from './chunk-3KISIZGP.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { Command as Command$1 } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
+import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var commandVariants = cva(
@@ -21,7 +22,7 @@ var commandVariants = cva(
     }
   }
 );
-var Command = ({
+var Command = React.memo(({
   className,
   size = "md",
   classNames,
@@ -35,9 +36,9 @@ var Command = ({
       ...props
     }
   );
-};
+});
 Command.displayName = "Command";
-var CommandModal = ({
+var CommandModal = React.memo(({
   title = "Command Palette",
   description = "Search for a command to run...",
   children,
@@ -67,7 +68,7 @@ var CommandModal = ({
       }
     )
   ] });
-};
+});
 CommandModal.displayName = "CommandModal";
 var commandInputVariants = cva(
   "flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-secondary/50 text-text-primary",
@@ -101,7 +102,7 @@ var commandInputWrapperVariants = cva(
     }
   }
 );
-var CommandInput = ({
+var CommandInput = React.memo(({
   className,
   size = "md",
   classNames,
@@ -131,7 +132,7 @@ var CommandInput = ({
       ]
     }
   );
-};
+});
 CommandInput.displayName = "CommandInput";
 var commandListVariants = cva(
   "scroll-py-1 overflow-x-hidden overflow-y-auto",
@@ -149,7 +150,7 @@ var commandListVariants = cva(
     }
   }
 );
-var CommandList = ({
+var CommandList = React.memo(({
   className,
   size = "md",
   classNames,
@@ -163,7 +164,7 @@ var CommandList = ({
       ...props
     }
   );
-};
+});
 CommandList.displayName = "CommandList";
 var commandEmptyVariants = cva("text-center text-text-secondary", {
   variants: {
@@ -178,7 +179,7 @@ var commandEmptyVariants = cva("text-center text-text-secondary", {
     size: "md"
   }
 });
-var CommandEmpty = ({
+var CommandEmpty = React.memo(({
   size = "md",
   classNames,
   ...props
@@ -191,7 +192,7 @@ var CommandEmpty = ({
       ...props
     }
   );
-};
+});
 CommandEmpty.displayName = "CommandEmpty";
 var commandGroupVariants = cva(
   "overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:font-medium",
@@ -209,7 +210,7 @@ var commandGroupVariants = cva(
     }
   }
 );
-var CommandGroup = ({
+var CommandGroup = React.memo(({
   className,
   size = "md",
   classNames,
@@ -223,7 +224,7 @@ var CommandGroup = ({
       ...props
     }
   );
-};
+});
 CommandGroup.displayName = "CommandGroup";
 var commandSeparatorVariants = cva("bg-border h-px", {
   variants: {
@@ -238,7 +239,7 @@ var commandSeparatorVariants = cva("bg-border h-px", {
     size: "md"
   }
 });
-var CommandSeparator = ({
+var CommandSeparator = React.memo(({
   className,
   size = "md",
   ...props
@@ -251,7 +252,7 @@ var CommandSeparator = ({
       ...props
     }
   );
-};
+});
 CommandSeparator.displayName = "CommandSeparator";
 var commandSelectedColorClasses = {
   default: "data-[selected=true]:bg-surface data-[selected=true]:text-text-primary",
@@ -279,7 +280,7 @@ var commandItemVariants = cva(
     }
   }
 );
-var CommandItem = ({
+var CommandItem = React.memo(({
   className,
   size = "md",
   color = "primary",
@@ -294,7 +295,7 @@ var CommandItem = ({
       ...props
     }
   );
-};
+});
 CommandItem.displayName = "CommandItem";
 var commandShortcutVariants = cva(
   "ml-auto tracking-widest text-text-secondary opacity-60",
@@ -312,7 +313,7 @@ var commandShortcutVariants = cva(
     }
   }
 );
-var CommandShortcut = ({
+var CommandShortcut = React.memo(({
   className,
   size = "md",
   classNames,
@@ -326,9 +327,9 @@ var CommandShortcut = ({
       ...props
     }
   );
-};
+});
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=chunk-G6NVGBYZ.js.map
-//# sourceMappingURL=chunk-G6NVGBYZ.js.map
+//# sourceMappingURL=chunk-6ZPCKFRS.js.map
+//# sourceMappingURL=chunk-6ZPCKFRS.js.map

package/dist/chunk-6ZPCKFRS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/command/index.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-6ZPCKFRS.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { CommandSize, CommandClassNames } from './types'\n\nimport {\n  Modal,\n  ModalContent,\n  ModalDescription,\n  ModalHeader,\n  ModalTitle,\n} from '../modal'\nimport { ComponentColor } from '../types'\nimport { cn, iconSizes } from '../utils'\n\nconst commandVariants = cva(\n  'flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-text-primary',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst Command = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('command_root', commandVariants({ size }), classNames?.root, className)}\n      {...props}\n    />\n  )\n})\n\nCommand.displayName = 'Command'\n\nconst CommandModal = React.memo(({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof Modal> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  size?: CommandSize\n}) => {\n  return (\n    <Modal {...props}>\n      <ModalHeader className=\"sr-only\">\n        <ModalTitle>{title}</ModalTitle>\n        <ModalDescription>{description}</ModalDescription>\n      </ModalHeader>\n      <ModalContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          size={size}\n          className=\"[&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\"\n        >\n          {children}\n        </Command>\n      </ModalContent>\n    </Modal>\n  )\n})\n\nCommandModal.displayName = 'CommandModal'\n\nconst commandInputVariants = cva(\n  'flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-secondary/50 text-text-primary',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst commandInputWrapperVariants = cva(\n  'flex items-center gap-2 border-b border-border px-3',\n  {\n    variants: {\n      size: {\n        xs: 'h-6',\n        sm: 'h-8',\n        md: 'h-10',\n        lg: 'h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandInput = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: Omit<React.ComponentProps<typeof CommandPrimitive.Input>, 'size'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={commandInputWrapperVariants({ size })}\n    >\n      <SearchIcon\n        data-slot=\"command-input-icon\"\n        className={cn('command_inputIcon', 'shrink-0 opacity-50 text-text-secondary', iconSizes[size], classNames?.inputIcon)}\n      />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('command_input', commandInputVariants({ size }), classNames?.input, className)}\n        {...props}\n      />\n    </div>\n  )\n})\n\nCommandInput.displayName = 'CommandInput'\n\nconst commandListVariants = cva(\n  'scroll-py-1 overflow-x-hidden overflow-y-auto',\n  {\n    variants: {\n      size: {\n        xs: 'max-h-[150px]',\n        sm: 'max-h-[200px]',\n        md: 'max-h-[300px]',\n        lg: 'max-h-[400px]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandList = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('command_list', commandListVariants({ size }), classNames?.list, className)}\n      {...props}\n    />\n  )\n})\n\nCommandList.displayName = 'CommandList'\n\nconst commandEmptyVariants = cva('text-center text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'py-3 text-[10px]',\n      sm: 'py-4 text-xs',\n      md: 'py-6 text-sm',\n      lg: 'py-8 text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst CommandEmpty = React.memo(({\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('command_empty', commandEmptyVariants({ size }), classNames?.empty)}\n      {...props}\n    />\n  )\n})\n\nCommandEmpty.displayName = 'CommandEmpty'\n\nconst commandGroupVariants = cva(\n  'overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:font-medium',\n  {\n    variants: {\n      size: {\n        xs: 'p-0.5 [&_[cmdk-group-heading]]:px-1 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-[9px]',\n        sm: 'p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-[10px]',\n        md: 'p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs',\n        lg: 'p-1.5 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandGroup = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('command_group', commandGroupVariants({ size }), classNames?.group, className)}\n      {...props}\n    />\n  )\n})\n\nCommandGroup.displayName = 'CommandGroup'\n\nconst commandSeparatorVariants = cva('bg-border h-px', {\n  variants: {\n    size: {\n      xs: '-mx-0',\n      sm: '-mx-0.5',\n      md: '-mx-1',\n      lg: '-mx-1.5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst CommandSeparator = React.memo(({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator> & {\n  size?: CommandSize\n}) => {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(commandSeparatorVariants({ size }), className)}\n      {...props}\n    />\n  )\n})\n\nCommandSeparator.displayName = 'CommandSeparator'\n\nconst commandSelectedColorClasses: Record<ComponentColor, string> = {\n  default: 'data-[selected=true]:bg-surface data-[selected=true]:text-text-primary',\n  primary: 'data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary',\n  secondary: 'data-[selected=true]:bg-secondary/10 data-[selected=true]:text-secondary',\n  accent: 'data-[selected=true]:bg-accent/10 data-[selected=true]:text-accent',\n  success: 'data-[selected=true]:bg-success/10 data-[selected=true]:text-success',\n  error: 'data-[selected=true]:bg-error/10 data-[selected=true]:text-error',\n  warning: 'data-[selected=true]:bg-warning/10 data-[selected=true]:text-warning',\n  info: 'data-[selected=true]:bg-info/10 data-[selected=true]:text-info',\n}\n\nconst commandItemVariants = cva(\n  \"relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-secondary transition-colors\",\n  {\n    variants: {\n      size: {\n        xs: \"px-1 py-0.5 text-[10px] gap-1 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"px-1.5 py-1 text-xs gap-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        md: \"px-2 py-1.5 text-sm gap-2 [&_svg:not([class*='size-'])]:size-4\",\n        lg: \"px-3 py-2 text-base gap-2.5 [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandItem = React.memo(({\n  className,\n  size = 'md',\n  color = 'primary',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item> & {\n  size?: CommandSize\n  color?: ComponentColor\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('command_item', commandItemVariants({ size }), commandSelectedColorClasses[color], classNames?.item, className)}\n      {...props}\n    />\n  )\n})\n\nCommandItem.displayName = 'CommandItem'\n\nconst commandShortcutVariants = cva(\n  'ml-auto tracking-widest text-text-secondary opacity-60',\n  {\n    variants: {\n      size: {\n        xs: 'text-[9px]',\n        sm: 'text-[10px]',\n        md: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandShortcut = React.memo(({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<'span'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('command_shortcut', commandShortcutVariants({ size }), classNames?.shortcut, className)}\n      {...props}\n    />\n  )\n})\n\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport type * from './types'\nexport {\n  Command,\n  CommandModal,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}

package/dist/{chunk-N2WHJ3FI.js → chunk-7OYMEXY3.js}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-NGYLRX6F.js';
+import { cn } from './chunk-RAS6HUEI.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { Pagination } from 'swiper/modules';
 import { Swiper } from 'swiper/react';
@@ -61,6 +61,7 @@ var Carousel = React.memo(
     className,
     classNames,
     modules,
+    ariaLabel = "Carousel",
     ...props
   }) => {
     const swiperRef = useRef(null);
@@ -68,6 +69,7 @@ var Carousel = React.memo(
     return /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-slot": "root",
         className: cn(
           "carousel_root",
           "relative h-full group",
@@ -76,7 +78,7 @@ var Carousel = React.memo(
         ),
         role: "region",
         "aria-roledescription": "carousel",
-        "aria-label": "Image carousel",
+        "aria-label": ariaLabel,
         children: [
           withArrows && /* @__PURE__ */ jsx("div", { className: cn(
             "carousel_navigation",
@@ -95,7 +97,7 @@ var Carousel = React.memo(
             {
               loop,
               ...props,
-              modules: [Pagination, ...modules || []],
+              modules: [...withPagination ? [Pagination] : [], ...modules || []],
               pagination: withPagination ? pagination : false,
               className: cn("carousel_wrapper", "relative", classNames?.wrapper),
               onBeforeInit: (swiper) => {
@@ -126,5 +128,5 @@ Carousel.displayName = "Carousel";
 var carousel_default = Carousel;
 
 export { carousel_default };
-//# sourceMappingURL=chunk-N2WHJ3FI.js.map
-//# sourceMappingURL=chunk-N2WHJ3FI.js.map
+//# sourceMappingURL=chunk-7OYMEXY3.js.map
+//# sourceMappingURL=chunk-7OYMEXY3.js.map

package/dist/chunk-7OYMEXY3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/carousel/carousel-navigation.tsx","../src/carousel/index.tsx"],"names":["useState","jsx"],"mappings":"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","file":"chunk-7OYMEXY3.js","sourcesContent":["'use client'\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { Swiper as SwiperType } from 'swiper/types'\nimport { useEffect, useState } from 'react'\nimport { cn } from '../utils'\n\ninterface CarouselNavigationProps {\n  type: 'next' | 'prev'\n  swiper: SwiperType | null\n  className?: string\n}\n\nexport function CarouselNavigation({ type, swiper, className }: CarouselNavigationProps) {\n  const [slideConfig, setSlideConfig] = useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  useEffect(() => {\n    if (!swiper) return\n\n    const updateSlideState = () => {\n      setSlideConfig({ isBeginning: swiper.isBeginning, isEnd: swiper.isEnd })\n    }\n\n    swiper.on('slideChange', updateSlideState)\n\n    return () => {\n      swiper.off('slideChange', updateSlideState)\n    }\n  }, [swiper])\n\n  if (!swiper) return null\n  if (slideConfig.isBeginning && type === 'prev') return null\n  if (slideConfig.isEnd && type === 'next') return null\n\n  return (\n    <button\n      type=\"button\"\n      aria-label={type === 'next' ? 'Next slide' : 'Previous slide'}\n      onClick={(e) => {\n        e.stopPropagation()\n        if (type === 'next') {\n          swiper?.slideNext()\n        } else {\n          swiper?.slidePrev()\n        }\n      }}\n      className={cn(\n        'flex items-center justify-center w-9 h-9 rounded-full border border-border bg-background shadow-sm hover:bg-surface transition cursor-pointer focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 outline-none',\n        className\n      )}\n    >\n      {type === 'next' ? <ChevronRight size={18} aria-hidden=\"true\" /> : <ChevronLeft size={18} aria-hidden=\"true\" />}\n    </button>\n  )\n}\n","'use client'\n\nimport React, { useRef, useState } from 'react'\nimport { Pagination } from 'swiper/modules'\nimport { Swiper, SwiperProps } from 'swiper/react'\nimport { PaginationOptions, Swiper as SwiperType } from 'swiper/types'\n\n// Swiper core styles - required for carousel to render correctly\nimport 'swiper/css'\nimport 'swiper/css/pagination'\n\nimport { cn } from '../utils'\nimport { CarouselNavigation } from './carousel-navigation'\n\nexport interface CarouselClassNames {\n  /**\n   * Class name for the root container\n   */\n  root?: string\n\n  /**\n   * Class name for the wrapper element\n   */\n  wrapper?: string\n\n  /**\n   * Class name for individual slides\n   */\n  slide?: string\n\n  /**\n   * Class name for the navigation container\n   */\n  navigation?: string\n\n  /**\n   * Class name for navigation buttons\n   */\n  navButton?: string\n\n  /**\n   * Class name for the pagination container\n   */\n  pagination?: string\n\n  /**\n   * Class name for pagination dots\n   */\n  dot?: string\n\n  /**\n   * Class name for active pagination dot\n   */\n  dotActive?: string\n}\n\nexport interface CarouselProps extends SwiperProps {\n  withArrows?: boolean\n  withPagination?: boolean\n  children: React.ReactNode\n  /**\n   * ClassNames for component parts\n   */\n  classNames?: CarouselClassNames\n  /**\n   * Accessible label for the carousel\n   */\n  ariaLabel?: string\n}\n\nconst pagination: PaginationOptions = {\n  clickable: true,\n  horizontalClass: 'pagination',\n  bulletActiveClass: 'bg-text-primary',\n  bulletClass:\n    'inline-flex w-2.5 h-2.5 mx-1 rounded-full bg-border opacity-70 transition-[opacity,colors] duration-300 cursor-pointer hover:opacity-100',\n}\n\nconst Carousel = React.memo<CarouselProps>(\n  ({\n    withArrows = false,\n    withPagination = false,\n    children,\n    loop = false,\n    className,\n    classNames,\n    modules,\n    ariaLabel = 'Carousel',\n    ...props\n  }) => {\n    const swiperRef = useRef<SwiperType | null>(null)\n    const [, setRenderTrigger] = useState(0)\n\n    return (\n      <div\n        data-slot=\"root\"\n        className={cn(\n          'carousel_root',\n          'relative h-full group',\n          classNames?.root,\n          className\n        )}\n        role=\"region\"\n        aria-roledescription=\"carousel\"\n        aria-label={ariaLabel}\n      >\n        {withArrows && (\n          <div className={cn(\n            'carousel_navigation',\n            'absolute -translate-y-1/2 top-1/2 left-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-[opacity,colors] duration-200',\n            classNames?.navigation\n          )}>\n            <CarouselNavigation\n              type=\"prev\"\n              swiper={swiperRef.current}\n              className={cn('carousel_navButton', classNames?.navButton)}\n            />\n          </div>\n        )}\n\n        <Swiper\n          loop={loop}\n          {...props}\n          modules={[...(withPagination ? [Pagination] : []), ...(modules || [])]}\n          pagination={withPagination ? pagination : false}\n          className={cn('carousel_wrapper', 'relative', classNames?.wrapper)}\n          onBeforeInit={(swiper) => {\n            swiperRef.current = swiper\n            setRenderTrigger((x) => x + 1) // Trigger re-render to update navigation refs\n          }}\n        >\n          {children}\n        </Swiper>\n\n        {withArrows && (\n          <div className={cn(\n            'carousel_navigation',\n            'absolute -translate-y-1/2 top-1/2 right-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-[opacity,colors] duration-200',\n            classNames?.navigation\n          )}>\n            <CarouselNavigation\n              type=\"next\"\n              swiper={swiperRef.current}\n              className={cn('carousel_navButton', classNames?.navButton)}\n            />\n          </div>\n        )}\n      </div>\n    )\n  },\n)\n\nCarousel.displayName = 'Carousel'\n\nexport default Carousel\n"]}

package/dist/{chunk-ONGJXAYQ.js → chunk-AEPBQO7U.js}

@@ -1,6 +1,7 @@
-import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cn, iconSizes } from './chunk-RAS6HUEI.js';
 import { cva } from 'class-variance-authority';
 import { ExternalLink } from 'lucide-react';
+import React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var linkVariants = cva(
@@ -41,7 +42,7 @@ var linkVariants = cva(
     }
   }
 );
-var Link = ({
+var Link = React.memo(({
   children,
   color = "default",
   size = "md",
@@ -135,10 +136,10 @@ var Link = ({
       ]
     }
   );
-};
+});
 Link.displayName = "Link";
 var link_default = Link;
 
 export { link_default };
-//# sourceMappingURL=chunk-ONGJXAYQ.js.map
-//# sourceMappingURL=chunk-ONGJXAYQ.js.map
+//# sourceMappingURL=chunk-AEPBQO7U.js.map
+//# sourceMappingURL=chunk-AEPBQO7U.js.map

package/dist/chunk-AEPBQO7U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link/index.tsx"],"names":[],"mappings":"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","file":"chunk-AEPBQO7U.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { ExternalLink } from \"lucide-react\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport type { LinkProps, LinkSize } from \"./types\";\n\n/**\n * Link variants\n */\nconst linkVariants = cva(\n  \"inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      color: {\n        default: \"text-text-primary hover:text-text-primary/80\",\n        primary: \"text-primary hover:text-primary/80\",\n        secondary: \"text-secondary hover:text-secondary/80\",\n        accent: \"text-accent hover:text-accent/80\",\n        success: \"text-success hover:text-success/80\",\n        error: \"text-error hover:text-error/80\",\n        warning: \"text-warning hover:text-warning/80\",\n        info: \"text-info hover:text-info/80\",\n      },\n      size: {\n        xs: \"text-xs\",\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-lg\",\n      },\n      underline: {\n        always: \"underline\",\n        hover: \"no-underline hover:underline\",\n        none: \"no-underline\",\n      },\n      disabled: {\n        true: \"opacity-50 pointer-events-none cursor-not-allowed\",\n        false: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      size: \"md\",\n      underline: \"hover\",\n      disabled: false,\n    },\n  },\n);\n\n/**\n * Link Component\n */\nconst Link = React.memo<LinkProps>(({\n  children,\n  color = \"default\",\n  size = \"md\",\n  underline = \"hover\",\n  external = false,\n  showExternalIcon = true,\n  disabled = false,\n  leftIcon,\n  rightIcon,\n  className,\n  classNames,\n  href,\n  ref,\n  onClick,\n  ...props\n}) => {\n    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n        }\n      : {};\n\n    const showExternalIconRendered = external && showExternalIcon;\n\n    return (\n      <a\n        ref={ref}\n        href={disabled ? undefined : href}\n        className={cn(\n          \"link_root\",\n          (leftIcon || rightIcon) && \"align-top\",\n          linkVariants({\n            color,\n            size,\n            underline,\n            disabled,\n          }),\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        aria-disabled={disabled || undefined}\n        data-slot=\"root\"\n        {...externalProps}\n        {...props}\n      >\n        {leftIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {children}\n        {rightIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showExternalIconRendered && (\n          <ExternalLink\n            className={cn(\n              \"link_externalIcon\",\n              iconSizes[size as LinkSize],\n              classNames?.externalIcon,\n            )}\n            aria-label=\"Opens in new tab\"\n            data-slot=\"externalIcon\"\n          />\n        )}\n      </a>\n    );\n});\n\nLink.displayName = \"Link\";\n\nexport type * from \"./types\";\nexport default Link;\n"]}