@mdigital_ui/ui 0.4.0 → 0.4.2

package/dist/chunk-DUIL5BYS.js

@@ -0,0 +1,293 @@
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-C5IGZLIT.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { ChevronRight, Check, Circle } from 'lucide-react';
+import React, { useState, useCallback, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var MenuItems = React.memo(({ items, classNames, onItemClick }) => {
+  const [activeSubmenu, setActiveSubmenu] = useState(null);
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((item, idx) => {
+    if (item.separator) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "separator",
+          className: cn("menubar_separator h-px bg-border my-1", classNames?.separator),
+          role: "separator"
+        },
+        item.key || `separator-${idx}`
+      );
+    }
+    if (item.type === "label") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "label",
+          className: cn(
+            "menubar_label px-3 py-1.5 text-xs font-semibold text-text-secondary",
+            classNames?.label
+          ),
+          role: "presentation",
+          children: item.label
+        },
+        item.key
+      );
+    }
+    const isCheckboxOrRadio = item.type === "checkbox" || item.type === "radio";
+    const hasChildren = item.children && item.children.length > 0;
+    if (hasChildren) {
+      return /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          open: activeSubmenu === item.key,
+          onOpenChange: (open) => setActiveSubmenu(open ? item.key : null),
+          children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "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",
+                  classNames?.item
+                ),
+                role: "menuitem",
+                "aria-disabled": item.disabled,
+                "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 }),
+                  /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 ml-2 shrink-0" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "right",
+                align: "start",
+                sideOffset: 4,
+                "data-slot": "submenu",
+                className: cn(
+                  "menubar_submenu min-w-[200px] w-auto p-1 rounded-md",
+                  classNames?.submenu
+                ),
+                onOpenAutoFocus: (e) => e.preventDefault(),
+                onCloseAutoFocus: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsx(MenuItems, { items: item.children, classNames, onItemClick })
+              }
+            )
+          ]
+        },
+        item.key
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "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",
+          isCheckboxOrRadio && classNames?.checkboxItem,
+          item.type === "radio" && classNames?.radioItem,
+          classNames?.item
+        ),
+        role: item.type === "checkbox" ? "menuitemcheckbox" : item.type === "radio" ? "menuitemradio" : "menuitem",
+        "aria-disabled": item.disabled,
+        "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" }),
+            item.type === "radio" && /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4 fill-current" })
+          ] }) }),
+          item.icon && !isCheckboxOrRadio && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0", children: item.icon }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label }),
+          item.shortcut && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "shortcut",
+              className: cn(
+                "menubar_shortcut text-xs text-text-secondary ml-auto",
+                classNames?.shortcut
+              ),
+              children: item.shortcut
+            }
+          )
+        ]
+      },
+      item.key
+    );
+  }) });
+});
+MenuItems.displayName = "MenuItems";
+var Menubar = React.memo(({ menus, className, classNames, ref }) => {
+  const [activeMenu, setActiveMenu] = useState(null);
+  const [hoverMode, setHoverMode] = useState(false);
+  const handleMenuClick = useCallback((menuKey, disabled) => {
+    if (disabled) return;
+    setActiveMenu((prev) => prev === menuKey ? null : menuKey);
+    setHoverMode(true);
+  }, []);
+  const handleMenuHover = useCallback(
+    (menuKey, disabled) => {
+      if (disabled) return;
+      if (hoverMode && activeMenu !== null) {
+        setActiveMenu(menuKey);
+      }
+    },
+    [hoverMode, activeMenu]
+  );
+  const handleClose = useCallback(() => {
+    setActiveMenu(null);
+    setHoverMode(false);
+  }, []);
+  const handleItemClick = useCallback(
+    (item) => {
+      if (item.type === "checkbox") {
+        item.onCheckedChange?.(!item.checked);
+      } else if (item.type === "radio") {
+        item.onCheckedChange?.(true);
+      } else {
+        item.onClick?.();
+      }
+      handleClose();
+    },
+    [handleClose]
+  );
+  useEffect(() => {
+    if (!activeMenu) return;
+    const handleKeyDown = (e) => {
+      const currentIndex = menus.findIndex((m) => m.key === activeMenu);
+      if (e.key === "Escape") {
+        e.preventDefault();
+        handleClose();
+      } else if (e.key === "ArrowRight") {
+        const nextIndex = (currentIndex + 1) % menus.length;
+        const nextMenu = menus[nextIndex];
+        if (nextMenu && !nextMenu.disabled) {
+          e.preventDefault();
+          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();
+          setActiveMenu(prevMenu.key);
+        }
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [activeMenu, menus, handleClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "root",
+      className: cn(
+        "menubar_root flex items-center gap-1 px-2 py-1 bg-background border-b border-border",
+        className,
+        classNames?.root
+      ),
+      role: "menubar",
+      children: menus.map((menu) => /* @__PURE__ */ jsxs(
+        Popover,
+        {
+          open: activeMenu === menu.key,
+          onOpenChange: (open) => {
+            if (open) {
+              setActiveMenu(menu.key);
+              setHoverMode(true);
+            } else {
+              handleClose();
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                "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",
+                  activeMenu === menu.key && "bg-surface",
+                  classNames?.trigger
+                ),
+                role: "menuitem",
+                "aria-haspopup": "menu",
+                "aria-expanded": activeMenu === menu.key,
+                "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
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              PopoverContent,
+              {
+                side: "bottom",
+                align: "start",
+                sideOffset: 2,
+                "data-slot": "content",
+                className: cn(
+                  "menubar_content min-w-[200px] w-auto p-1 rounded-md",
+                  classNames?.content
+                ),
+                onOpenAutoFocus: (e) => e.preventDefault(),
+                onCloseAutoFocus: (e) => e.preventDefault(),
+                onPointerDownOutside: (e) => {
+                  const target = e.target;
+                  if (target.closest('[data-slot="root"]')) {
+                    e.preventDefault();
+                  }
+                },
+                children: /* @__PURE__ */ jsx(
+                  MenuItems,
+                  {
+                    items: menu.items,
+                    classNames,
+                    onItemClick: handleItemClick
+                  }
+                )
+              }
+            )
+          ]
+        },
+        menu.key
+      ))
+    }
+  );
+});
+Menubar.displayName = "Menubar";
+var menubar_default = Menubar;
+
+export { menubar_default };
+//# sourceMappingURL=chunk-DUIL5BYS.js.map
+//# sourceMappingURL=chunk-DUIL5BYS.js.map

package/dist/chunk-DUIL5BYS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar/index.tsx"],"names":[],"mappings":"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","file":"chunk-DUIL5BYS.js","sourcesContent":["'use client'\n\nimport { ChevronRight, Check, Circle } from 'lucide-react'\nimport React, { useState, useCallback, useEffect } from 'react'\n\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}\n\nconst MenuItems = React.memo<MenuItemsProps>(({ items, classNames, onItemClick }) => {\n  const [activeSubmenu, setActiveSubmenu] = useState<string | null>(null)\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\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:bg-surface focus:outline-none',\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                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowRight') {\n                      e.preventDefault()\n                      if (!item.disabled) setActiveSubmenu(item.key)\n                    } else if (e.key === 'ArrowLeft') {\n                      e.preventDefault()\n                      setActiveSubmenu(null)\n                    }\n                  }}\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} />\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:bg-surface focus:outline-none',\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            onKeyDown={(e) => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n                if (!item.disabled) onItemClick(item)\n              }\n            }}\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      handleClose()\n    },\n    [handleClose],\n  )\n\n  // Keyboard navigation for switching between top-level menus\n  useEffect(() => {\n    if (!activeMenu) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      const currentIndex = menus.findIndex((m) => m.key === activeMenu)\n\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        handleClose()\n      } else if (e.key === 'ArrowRight') {\n        const nextIndex = (currentIndex + 1) % menus.length\n        const nextMenu = menus[nextIndex]\n        if (nextMenu && !nextMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(nextMenu.key)\n        }\n      } else if (e.key === 'ArrowLeft') {\n        const prevIndex = currentIndex - 1 < 0 ? menus.length - 1 : currentIndex - 1\n        const prevMenu = menus[prevIndex]\n        if (prevMenu && !prevMenu.disabled) {\n          e.preventDefault()\n          setActiveMenu(prevMenu.key)\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [activeMenu, menus, handleClose])\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:bg-surface focus: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              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                  handleMenuClick(menu.key, menu.disabled)\n                }\n              }}\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              // Prevent Radix from closing when clicking another menu trigger\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            />\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-EHWXPH76.js

@@ -0,0 +1,42 @@
+import { Spinner } from './chunk-Y4XAXZHB.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var FetchingOverlay = React.memo(({
+  isFetching,
+  size = "lg",
+  fullscreen = true,
+  backdropOpacity = 30,
+  className,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "root",
+      className: cn(
+        "fetchingOverlay_root",
+        "absolute inset-0 flex items-center justify-center transition-opacity duration-300",
+        fullscreen && "fixed w-full h-screen z-50",
+        isFetching ? "opacity-100" : "opacity-0 pointer-events-none",
+        className
+      ),
+      style: isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : void 0,
+      children: /* @__PURE__ */ jsx(
+        Spinner,
+        {
+          size,
+          className: "transition-transform duration-300 animate-spin",
+          ...rest
+        }
+      )
+    }
+  );
+});
+FetchingOverlay.displayName = "FetchingOverlay";
+var fetching_overlay_default = FetchingOverlay;
+
+export { fetching_overlay_default };
+//# sourceMappingURL=chunk-EHWXPH76.js.map
+//# sourceMappingURL=chunk-EHWXPH76.js.map

package/dist/chunk-EHWXPH76.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fetching-overlay/index.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,eAAA,GAAkB,KAAA,CAAM,IAAA,CAA2B,CAAC;AAAA,EACxD,UAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,UAAA,GAAa,IAAA;AAAA,EACb,eAAA,GAAkB,EAAA;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,sBAAA;AAAA,QACA,mFAAA;AAAA,QACA,UAAA,IAAc,4BAAA;AAAA,QACd,aAAa,aAAA,GAAgB,+BAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,KAAA,EAAO,aAAa,EAAE,eAAA,EAAiB,iBAAiB,eAAA,GAAkB,GAAG,KAAI,GAAI,MAAA;AAAA,MAErF,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,SAAA,EAAU,gDAAA;AAAA,UACT,GAAG;AAAA;AAAA;AACN;AAAA,GACF;AAEJ,CAAC,CAAA;AAED,eAAA,CAAgB,WAAA,GAAc,iBAAA;AAE9B,IAAO,wBAAA,GAAQ","file":"chunk-EHWXPH76.js","sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { Spinner } from '../spinner'\nimport { SpinnerProps } from '../spinner/types'\nimport { cn } from '../utils'\n\nexport interface FetchingOverlayProps extends SpinnerProps {\n  isFetching: boolean\n  fullscreen?: boolean\n  backdropOpacity?: number\n}\n\nconst FetchingOverlay = React.memo<FetchingOverlayProps>(({\n  isFetching,\n  size = 'lg',\n  fullscreen = true,\n  backdropOpacity = 30,\n  className,\n  ...rest\n}) => {\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'fetchingOverlay_root',\n        'absolute inset-0 flex items-center justify-center transition-opacity duration-300',\n        fullscreen && 'fixed w-full h-screen z-50',\n        isFetching ? 'opacity-100' : 'opacity-0 pointer-events-none',\n        className,\n      )}\n      style={isFetching ? { backgroundColor: `rgba(0, 0, 0, ${backdropOpacity / 100})` } : undefined}\n    >\n      <Spinner\n        size={size}\n        className=\"transition-transform duration-300 animate-spin\"\n        {...rest}\n      />\n    </div>\n  )\n})\n\nFetchingOverlay.displayName = 'FetchingOverlay'\n\nexport default FetchingOverlay\n"]}

package/dist/chunk-ERRZ2CSG.js

@@ -0,0 +1,192 @@
+import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var toggleGroupVariants = cva(
+  "inline-flex border rounded-md overflow-hidden",
+  {
+    variants: {
+      size: {
+        xs: "gap-0",
+        sm: "gap-0",
+        md: "gap-0",
+        lg: "gap-0"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var toggleItemVariants = cva(
+  "font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset",
+  {
+    variants: {
+      size: {
+        xs: "h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs",
+        sm: "h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm",
+        md: "h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base",
+        lg: "h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var inactiveHoverClasses = {
+  default: "text-text-secondary hover:text-text-primary hover:bg-surface",
+  primary: "text-text-secondary hover:text-primary hover:bg-primary/10",
+  secondary: "text-text-secondary hover:text-secondary hover:bg-secondary/10",
+  accent: "text-text-secondary hover:text-accent hover:bg-accent/10",
+  success: "text-text-secondary hover:text-success hover:bg-success/10",
+  error: "text-text-secondary hover:text-error hover:bg-error/10",
+  warning: "text-text-secondary hover:text-warning hover:bg-warning/10",
+  info: "text-text-secondary hover:text-info hover:bg-info/10"
+};
+var activeSolidClasses = {
+  default: "bg-border text-text-primary",
+  primary: "bg-primary text-background",
+  secondary: "bg-secondary text-background",
+  accent: "bg-accent text-background",
+  success: "bg-success text-background",
+  error: "bg-error text-background",
+  warning: "bg-warning text-background",
+  info: "bg-info text-background"
+};
+var activeSoftClasses = {
+  default: "bg-border/20 text-text-primary",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  accent: "bg-accent/20 text-accent",
+  success: "bg-success/20 text-success",
+  error: "bg-error/20 text-error",
+  warning: "bg-warning/20 text-warning",
+  info: "bg-info/20 text-info"
+};
+var activeDefaultClasses = {
+  default: "bg-surface text-text-primary",
+  primary: "border-primary bg-primary/10 text-primary",
+  secondary: "border-secondary bg-secondary/10 text-secondary",
+  accent: "border-accent bg-accent/10 text-accent",
+  success: "border-success bg-success/10 text-success",
+  error: "border-error bg-error/10 text-error",
+  warning: "border-warning bg-warning/10 text-warning",
+  info: "border-info bg-info/10 text-info"
+};
+var getToggleClasses = (color, variant, isActive) => {
+  const toggleColor = color;
+  if (!isActive) {
+    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default;
+  }
+  if (variant === "solid") {
+    return activeSolidClasses[toggleColor] || activeSolidClasses.default;
+  }
+  if (variant === "soft") {
+    return activeSoftClasses[toggleColor] || activeSoftClasses.default;
+  }
+  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default;
+};
+var ToggleItemButton = ({ children, disabled, className, ...props }) => {
+  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
+  return /* @__PURE__ */ jsxs("button", { className: cn(className, "relative overflow-hidden"), onPointerDown, onKeyDown, disabled, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
+  ] });
+};
+var ToggleGroup = React.memo(
+  ({
+    options,
+    value: controlledValue,
+    defaultValue,
+    multiple = false,
+    color = "primary",
+    size = "md",
+    variant = "default",
+    onChange,
+    fullWidth = false,
+    disabled = false,
+    className,
+    centered = false,
+    classNames
+  }) => {
+    const [internalValue, setInternalValue] = useState(
+      defaultValue || (multiple ? [] : options[0]?.value || "")
+    );
+    const value = controlledValue !== void 0 ? controlledValue : internalValue;
+    const handleToggleClick = (optionValue, optionDisabled) => {
+      if (disabled || optionDisabled) return;
+      let newValue;
+      if (multiple) {
+        const currentValues = Array.isArray(value) ? value : [];
+        if (currentValues.includes(optionValue)) {
+          newValue = currentValues.filter((v) => v !== optionValue);
+        } else {
+          newValue = [...currentValues, optionValue];
+        }
+      } else {
+        newValue = optionValue;
+      }
+      if (controlledValue === void 0) {
+        setInternalValue(newValue);
+      }
+      onChange?.(newValue);
+    };
+    const isActive = (optionValue) => {
+      if (multiple && Array.isArray(value)) {
+        return value.includes(optionValue);
+      }
+      return optionValue === value;
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "group",
+        className: cn(
+          "toggleGroup_root",
+          toggleGroupVariants({ size }),
+          "border-border bg-background",
+          classNames?.root,
+          className,
+          fullWidth && "grid w-full"
+        ),
+        style: fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : void 0,
+        children: options.map((option) => {
+          const active = isActive(option.value);
+          const isDisabled = disabled || option.disabled;
+          return /* @__PURE__ */ jsx(
+            ToggleItemButton,
+            {
+              type: "button",
+              className: cn(
+                "toggleGroup_item",
+                toggleItemVariants({ size }),
+                getToggleClasses(color, variant, active),
+                "border-border flex items-center justify-center",
+                isDisabled && "opacity-50 cursor-not-allowed",
+                centered && "text-center",
+                classNames?.item
+              ),
+              onClick: () => handleToggleClick(option.value, option.disabled),
+              disabled: isDisabled,
+              "aria-pressed": active,
+              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                option.icon,
+                option.label
+              ] })
+            },
+            option.value
+          );
+        })
+      }
+    );
+  }
+);
+ToggleGroup.displayName = "ToggleGroup";
+var toggle_group_default = ToggleGroup;
+
+export { ToggleGroup, toggle_group_default };
+//# sourceMappingURL=chunk-ERRZ2CSG.js.map
+//# sourceMappingURL=chunk-ERRZ2CSG.js.map

package/dist/chunk-ERRZ2CSG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle-group/index.tsx"],"names":[],"mappings":";;;;;;AASA,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,+CAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,kBAAA,GAAqB,GAAA;AAAA,EACzB,wIAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2DAAA;AAAA,QACJ,EAAA,EAAI,2DAAA;AAAA,QACJ,EAAA,EAAI,6DAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAGA,IAAM,oBAAA,GAAuB;AAAA,EAC3B,OAAA,EAAS,8DAAA;AAAA,EACT,OAAA,EAAS,4DAAA;AAAA,EACT,SAAA,EAAW,gEAAA;AAAA,EACX,MAAA,EAAQ,0DAAA;AAAA,EACR,OAAA,EAAS,4DAAA;AAAA,EACT,KAAA,EAAO,wDAAA;AAAA,EACP,OAAA,EAAS,4DAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAGA,IAAM,kBAAA,GAAqB;AAAA,EACzB,OAAA,EAAS,6BAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,8BAAA;AAAA,EACX,MAAA,EAAQ,2BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,0BAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAGA,IAAM,iBAAA,GAAoB;AAAA,EACxB,OAAA,EAAS,gCAAA;AAAA,EACT,OAAA,EAAS,4BAAA;AAAA,EACT,SAAA,EAAW,gCAAA;AAAA,EACX,MAAA,EAAQ,0BAAA;AAAA,EACR,OAAA,EAAS,4BAAA;AAAA,EACT,KAAA,EAAO,wBAAA;AAAA,EACP,OAAA,EAAS,4BAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAGA,IAAM,oBAAA,GAAuB;AAAA,EAC3B,OAAA,EAAS,8BAAA;AAAA,EACT,OAAA,EAAS,2CAAA;AAAA,EACT,SAAA,EAAW,iDAAA;AAAA,EACX,MAAA,EAAQ,wCAAA;AAAA,EACR,OAAA,EAAS,2CAAA;AAAA,EACT,KAAA,EAAO,qCAAA;AAAA,EACP,OAAA,EAAS,2CAAA;AAAA,EACT,IAAA,EAAM;AACR,CAAA;AAIA,IAAM,gBAAA,GAAmB,CACvB,KAAA,EACA,OAAA,EACA,QAAA,KACG;AACH,EAAA,MAAM,WAAA,GAAc,KAAA;AAEpB,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,OAAO,oBAAA,CAAqB,WAAW,CAAA,IAAK,oBAAA,CAAqB,OAAA;AAAA,EACnE;AAGA,EAAA,IAAI,YAAY,OAAA,EAAS;AACvB,IAAA,OAAO,kBAAA,CAAmB,WAAW,CAAA,IAAK,kBAAA,CAAmB,OAAA;AAAA,EAC/D;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO,iBAAA,CAAkB,WAAW,CAAA,IAAK,iBAAA,CAAkB,OAAA;AAAA,EAC7D;AACA,EAAA,OAAO,oBAAA,CAAqB,WAAW,CAAA,IAAK,oBAAA,CAAqB,OAAA;AACnE,CAAA;AAEA,IAAM,gBAAA,GAAwH,CAAC,EAAE,QAAA,EAAU,UAAU,SAAA,EAAW,GAAG,OAAM,KAAM;AAC7K,EAAA,MAAM,EAAE,SAAS,aAAA,EAAe,SAAA,EAAW,gBAAe,GAAI,SAAA,CAAU,CAAC,QAAQ,CAAA;AACjF,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAW,EAAA,CAAG,SAAA,EAAW,0BAA0B,CAAA,EAAG,aAAA,EAA8B,SAAA,EAAsB,QAAA,EAAqB,GAAG,KAAA,EACvI,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACD,GAAA,CAAC,eAAA,EAAA,EAAgB,OAAA,EAAkB,cAAA,EAAgC;AAAA,GAAA,EACrE,CAAA;AAEJ,CAAA;AAEO,IAAM,cAAc,KAAA,CAAM,IAAA;AAAA,EAC/B,CAAC;AAAA,IACC,OAAA;AAAA,IACA,KAAA,EAAO,eAAA;AAAA,IACP,YAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,QAAA;AAAA,IACA,SAAA,GAAY,KAAA;AAAA,IACZ,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,MACxC,iBAAiB,QAAA,GAAW,KAAK,OAAA,CAAQ,CAAC,GAAG,KAAA,IAAS,EAAA;AAAA,KACxD;AAEA,IAAA,MAAM,KAAA,GACJ,eAAA,KAAoB,MAAA,GAAY,eAAA,GAAkB,aAAA;AAEpD,IAAA,MAAM,iBAAA,GAAoB,CACxB,WAAA,EACA,cAAA,KACG;AACH,MAAA,IAAI,YAAY,cAAA,EAAgB;AAEhC,MAAA,IAAI,QAAA;AAEJ,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,gBAAgB,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,QAAQ,EAAC;AACtD,QAAA,IAAI,aAAA,CAAc,QAAA,CAAS,WAAW,CAAA,EAAG;AACvC,UAAA,QAAA,GAAW,aAAA,CAAc,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,WAAW,CAAA;AAAA,QAC1D,CAAA,MAAO;AACL,UAAA,QAAA,GAAW,CAAC,GAAG,aAAA,EAAe,WAAW,CAAA;AAAA,QAC3C;AAAA,MACF,CAAA,MAAO;AACL,QAAA,QAAA,GAAW,WAAA;AAAA,MACb;AAEA,MAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,QAAA,gBAAA,CAAiB,QAAQ,CAAA;AAAA,MAC3B;AACA,MAAA,QAAA,GAAW,QAAQ,CAAA;AAAA,IACrB,CAAA;AAEA,IAAA,MAAM,QAAA,GAAW,CAAC,WAAA,KAAwB;AACxC,MAAA,IAAI,QAAA,IAAY,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG;AACpC,QAAA,OAAO,KAAA,CAAM,SAAS,WAAW,CAAA;AAAA,MACnC;AACA,MAAA,OAAO,WAAA,KAAgB,KAAA;AAAA,IACzB,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAW,EAAA;AAAA,UACT,kBAAA;AAAA,UACA,mBAAA,CAAoB,EAAE,IAAA,EAAM,CAAA;AAAA,UAC5B,6BAAA;AAAA,UACA,UAAA,EAAY,IAAA;AAAA,UACZ,SAAA;AAAA,UACA,SAAA,IAAa;AAAA,SACf;AAAA,QACA,KAAA,EAAO,YAAY,EAAE,mBAAA,EAAqB,UAAU,OAAA,CAAQ,MAAM,UAAS,GAAI,MAAA;AAAA,QAE9E,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,KAAW;AACvB,UAAA,MAAM,MAAA,GAAS,QAAA,CAAS,MAAA,CAAO,KAAK,CAAA;AACpC,UAAA,MAAM,UAAA,GAAa,YAAY,MAAA,CAAO,QAAA;AAEtC,UAAA,uBACE,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cAEL,SAAA,EAAW,EAAA;AAAA,gBACT,kBAAA;AAAA,gBACA,kBAAA,CAAmB,EAAE,IAAA,EAAM,CAAA;AAAA,gBAC3B,gBAAA,CAAiB,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA;AAAA,gBAEvC,gDAAA;AAAA,gBACA,UAAA,IAAc,+BAAA;AAAA,gBACd,QAAA,IAAY,aAAA;AAAA,gBACZ,UAAA,EAAY;AAAA,eACd;AAAA,cACA,SAAS,MAAM,iBAAA,CAAkB,MAAA,CAAO,KAAA,EAAO,OAAO,QAAQ,CAAA;AAAA,cAC9D,QAAA,EAAU,UAAA;AAAA,cACV,cAAA,EAAc,MAAA;AAAA,cAEd,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,gBAAA,MAAA,CAAO,IAAA;AAAA,gBACP,MAAA,CAAO;AAAA,eAAA,EACV;AAAA,aAAA;AAAA,YAlBK,MAAA,CAAO;AAAA,WAmBd;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;AAG1B,IAAO,oBAAA,GAAQ","file":"chunk-ERRZ2CSG.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn } from '../utils'\nimport type { ToggleGroupProps } from './types'\n\nconst toggleGroupVariants = cva(\n  'inline-flex border rounded-md overflow-hidden',\n  {\n    variants: {\n      size: {\n        xs: 'gap-0',\n        sm: 'gap-0',\n        md: 'gap-0',\n        lg: 'gap-0',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst toggleItemVariants = cva(\n  'font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset',\n  {\n    variants: {\n      size: {\n        xs: 'h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs',\n        sm: 'h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm',\n        md: 'h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base',\n        lg: 'h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Inactive hover states for each color\nconst inactiveHoverClasses = {\n  default: 'text-text-secondary hover:text-text-primary hover:bg-surface',\n  primary: 'text-text-secondary hover:text-primary hover:bg-primary/10',\n  secondary: 'text-text-secondary hover:text-secondary hover:bg-secondary/10',\n  accent: 'text-text-secondary hover:text-accent hover:bg-accent/10',\n  success: 'text-text-secondary hover:text-success hover:bg-success/10',\n  error: 'text-text-secondary hover:text-error hover:bg-error/10',\n  warning: 'text-text-secondary hover:text-warning hover:bg-warning/10',\n  info: 'text-text-secondary hover:text-info hover:bg-info/10',\n} as const\n\n// Active solid variant classes\nconst activeSolidClasses = {\n  default: 'bg-border text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\n// Active soft variant classes\nconst activeSoftClasses = {\n  default: 'bg-border/20 text-text-primary',\n  primary: 'bg-primary/20 text-primary',\n  secondary: 'bg-secondary/20 text-secondary',\n  accent: 'bg-accent/20 text-accent',\n  success: 'bg-success/20 text-success',\n  error: 'bg-error/20 text-error',\n  warning: 'bg-warning/20 text-warning',\n  info: 'bg-info/20 text-info',\n} as const\n\n// Active default variant classes\nconst activeDefaultClasses = {\n  default: 'bg-surface text-text-primary',\n  primary: 'border-primary bg-primary/10 text-primary',\n  secondary: 'border-secondary bg-secondary/10 text-secondary',\n  accent: 'border-accent bg-accent/10 text-accent',\n  success: 'border-success bg-success/10 text-success',\n  error: 'border-error bg-error/10 text-error',\n  warning: 'border-warning bg-warning/10 text-warning',\n  info: 'border-info bg-info/10 text-info',\n} as const\n\ntype ToggleColor = keyof typeof inactiveHoverClasses\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const toggleColor = color as ToggleColor\n\n  if (!isActive) {\n    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return activeSolidClasses[toggleColor] || activeSolidClasses.default\n  }\n  if (variant === 'soft') {\n    return activeSoftClasses[toggleColor] || activeSoftClasses.default\n  }\n  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default\n}\n\nconst ToggleItemButton: React.FC<{ children: React.ReactNode; disabled?: boolean; className?: string; [key: string]: any }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n}\n\nexport const ToggleGroup = React.memo<ToggleGroupProps>(\n  ({\n    options,\n    value: controlledValue,\n    defaultValue,\n    multiple = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    fullWidth = false,\n    disabled = false,\n    className,\n    centered = false,\n    classNames,\n  }) => {\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      defaultValue || (multiple ? [] : options[0]?.value || ''),\n    )\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n\n    const handleToggleClick = (\n      optionValue: string,\n      optionDisabled?: boolean,\n    ) => {\n      if (disabled || optionDisabled) return\n\n      let newValue: string | string[]\n\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : []\n        if (currentValues.includes(optionValue)) {\n          newValue = currentValues.filter((v) => v !== optionValue)\n        } else {\n          newValue = [...currentValues, optionValue]\n        }\n      } else {\n        newValue = optionValue\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    }\n\n    const isActive = (optionValue: string) => {\n      if (multiple && Array.isArray(value)) {\n        return value.includes(optionValue)\n      }\n      return optionValue === value\n    }\n\n    return (\n      <div\n        role=\"group\"\n        className={cn(\n          'toggleGroup_root',\n          toggleGroupVariants({ size }),\n          'border-border bg-background',\n          classNames?.root,\n          className,\n          fullWidth && 'grid w-full',\n        )}\n        style={fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : undefined}\n      >\n        {options.map((option) => {\n          const active = isActive(option.value)\n          const isDisabled = disabled || option.disabled\n\n          return (\n            <ToggleItemButton\n              type=\"button\"\n              key={option.value}\n              className={cn(\n                'toggleGroup_item',\n                toggleItemVariants({ size }),\n                getToggleClasses(color, variant, active),\n\n                'border-border flex items-center justify-center',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n                centered && 'text-center',\n                classNames?.item,\n              )}\n              onClick={() => handleToggleClick(option.value, option.disabled)}\n              disabled={isDisabled}\n              aria-pressed={active}\n            >\n              <div className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </div>\n            </ToggleItemButton>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nToggleGroup.displayName = 'ToggleGroup'\n\nexport type * from './types'\nexport default ToggleGroup\n"]}