@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/chunk-5HOQ2PHR.cjs

@@ -0,0 +1,287 @@
+'use strict';
+
+var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
+var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
+var chunk57FQGQJK_cjs = require('./chunk-57FQGQJK.cjs');
+var chunkRXDRYWVD_cjs = require('./chunk-RXDRYWVD.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ContextMenuContext = react.createContext(null);
+function useContextMenu() {
+  const ctx = react.useContext(ContextMenuContext);
+  if (!ctx) {
+    throw new Error(
+      "ContextMenu compound components must be used within <ContextMenu>"
+    );
+  }
+  return ctx;
+}
+function ContextMenuTrigger({
+  children,
+  className
+}) {
+  const ctx = useContextMenu();
+  const handleContextMenu = react.useCallback(
+    (e) => {
+      e.preventDefault();
+      ctx.position.x = e.clientX;
+      ctx.position.y = e.clientY;
+      ctx.setOpen(true);
+    },
+    [ctx]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-react-fancy-context-menu-trigger": "", onContextMenu: handleContextMenu, className: chunk3Z6ALUWP_cjs.cn(className), children });
+}
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+var MenuGroupContext = react.createContext({
+  activeSubId: null,
+  setActiveSub: () => {
+  }
+});
+function MenuGroupProvider({ children }) {
+  const [activeSubId, setActiveSub] = react.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(MenuGroupContext.Provider, { value: { activeSubId, setActiveSub }, children });
+}
+var ContextMenuSubContext = react.createContext({
+  open: false,
+  setOpen: () => {
+  },
+  cancelClose: () => {
+  }
+});
+function ContextMenuSub({ children }) {
+  const id = react.useId();
+  const { activeSubId, setActiveSub } = react.useContext(MenuGroupContext);
+  const open = activeSubId === id;
+  const closeTimer = react.useRef(null);
+  const activeRef = react.useRef(activeSubId);
+  activeRef.current = activeSubId;
+  const setOpen = react.useCallback((v) => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+    setActiveSub(v ? id : null);
+  }, [id, setActiveSub]);
+  const scheduleClose = react.useCallback(() => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    closeTimer.current = setTimeout(() => {
+      if (activeRef.current === id) setActiveSub(null);
+    }, 150);
+  }, [id, setActiveSub]);
+  const cancelClose = react.useCallback(() => {
+    if (closeTimer.current) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  }, []);
+  react.useEffect(() => () => {
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "relative",
+      onMouseEnter: cancelClose,
+      onMouseLeave: scheduleClose,
+      "data-react-fancy-context-menu-sub": "",
+      children: /* @__PURE__ */ jsxRuntime.jsx(ContextMenuSubContext.Provider, { value: { open, setOpen, cancelClose }, children })
+    }
+  );
+}
+ContextMenuSub.displayName = "ContextMenuSub";
+function ContextMenuSubTrigger({ children, className }) {
+  const { open, setOpen, cancelClose } = react.useContext(ContextMenuSubContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      "data-react-fancy-context-menu-sub-trigger": "",
+      role: "menuitem",
+      "aria-haspopup": "menu",
+      "aria-expanded": open,
+      className: chunk3Z6ALUWP_cjs.cn(
+        "flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+        open && "bg-zinc-100 dark:bg-zinc-800",
+        className
+      ),
+      onMouseEnter: () => {
+        cancelClose();
+        setOpen(true);
+      },
+      onClick: () => setOpen(!open),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ml-2 opacity-50", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) })
+      ]
+    }
+  );
+}
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+function ContextMenuSubContent({ children, className }) {
+  const { open } = react.useContext(ContextMenuSubContext);
+  const ref = react.useRef(null);
+  const [flipLeft, setFlipLeft] = react.useState(false);
+  const [topOffset, setTopOffset] = react.useState(0);
+  const [maxH, setMaxH] = react.useState(void 0);
+  react.useEffect(() => {
+    if (!open || !ref.current) return;
+    const pad = 8;
+    const rect = ref.current.getBoundingClientRect();
+    setFlipLeft(rect.right > window.innerWidth - pad);
+    const overflow = rect.bottom - (window.innerHeight - pad);
+    if (overflow > 0) {
+      const shifted = Math.min(overflow, rect.top - pad);
+      setTopOffset(-shifted);
+      if (overflow > shifted) {
+        setMaxH(window.innerHeight - pad * 2);
+      } else {
+        setMaxH(void 0);
+      }
+    } else {
+      setTopOffset(0);
+      setMaxH(void 0);
+    }
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-react-fancy-context-menu-sub-content": "",
+      role: "menu",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "absolute z-50 min-w-[8rem] rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900",
+        flipLeft ? "right-full mr-1" : "left-full ml-1",
+        maxH && "overflow-y-auto",
+        className
+      ),
+      style: { top: topOffset, maxHeight: maxH },
+      children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroupProvider, { children })
+    }
+  );
+}
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+function ContextMenuContent({
+  children,
+  className
+}) {
+  const { open, setOpen, position } = useContextMenu();
+  const menuRef = react.useRef(null);
+  const [adjusted, setAdjusted] = react.useState(position);
+  const close = react.useCallback(() => setOpen(false), [setOpen]);
+  chunk57FQGQJK_cjs.useOutsideClick(menuRef, close, open);
+  chunkRXDRYWVD_cjs.useEscapeKey(close, open);
+  react.useEffect(() => {
+    const node = menuRef.current;
+    if (!open || !node) {
+      setAdjusted(position);
+      return;
+    }
+    requestAnimationFrame(() => {
+      const rect = node.getBoundingClientRect();
+      const pad = 8;
+      let x = position.x;
+      let y = position.y;
+      if (x + rect.width > window.innerWidth - pad) x = window.innerWidth - rect.width - pad;
+      if (y + rect.height > window.innerHeight - pad) y = window.innerHeight - rect.height - pad;
+      if (x < pad) x = pad;
+      if (y < pad) y = pad;
+      setAdjusted({ x, y });
+    });
+  }, [open, position]);
+  const { mounted, className: animClass, ref: animRef } = chunk3WGRVDQR_cjs.useAnimation({
+    open,
+    enterClass: "fancy-scale-in",
+    exitClass: "fancy-fade-out"
+  });
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNBZC6LOB_cjs.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: (node) => {
+        menuRef.current = node;
+        animRef.current = node;
+      },
+      "data-react-fancy-context-menu": "",
+      role: "menu",
+      className: chunk3Z6ALUWP_cjs.cn(
+        "fixed z-50 min-w-[8rem] rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900",
+        animClass,
+        className
+      ),
+      style: { left: adjusted.x, top: adjusted.y },
+      children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroupProvider, { children })
+    }
+  ) });
+}
+ContextMenuContent.displayName = "ContextMenuContent";
+function ContextMenuItem({
+  children,
+  onClick,
+  disabled = false,
+  danger = false,
+  className
+}) {
+  const { setOpen } = useContextMenu();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-react-fancy-context-menu-item": "",
+      role: "menuitem",
+      disabled,
+      "aria-disabled": disabled,
+      className: chunk3Z6ALUWP_cjs.cn(
+        "flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors",
+        danger ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950" : "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+        disabled && "cursor-not-allowed opacity-50",
+        className
+      ),
+      onClick: () => {
+        if (disabled) return;
+        onClick?.();
+        setOpen(false);
+      },
+      children
+    }
+  );
+}
+ContextMenuItem.displayName = "ContextMenuItem";
+function ContextMenuSeparator({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-context-menu-separator": "",
+      role: "separator",
+      className: chunk3Z6ALUWP_cjs.cn("my-1 h-px bg-zinc-200 dark:bg-zinc-700", className)
+    }
+  );
+}
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+function ContextMenuRoot({ children }) {
+  const [open, setOpen] = react.useState(false);
+  const positionRef = react.useRef({ x: 0, y: 0 });
+  const ctx = react.useMemo(
+    () => ({ open, setOpen, position: positionRef.current }),
+    [open]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuContext.Provider, { value: ctx, children });
+}
+var ContextMenu = Object.assign(ContextMenuRoot, {
+  Trigger: ContextMenuTrigger,
+  Content: ContextMenuContent,
+  Item: ContextMenuItem,
+  Separator: ContextMenuSeparator,
+  Sub: ContextMenuSub,
+  SubTrigger: ContextMenuSubTrigger,
+  SubContent: ContextMenuSubContent
+});
+
+exports.ContextMenu = ContextMenu;
+exports.useContextMenu = useContextMenu;
+//# sourceMappingURL=chunk-5HOQ2PHR.cjs.map
+//# sourceMappingURL=chunk-5HOQ2PHR.cjs.map

package/dist/chunk-5HOQ2PHR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContextMenu/ContextMenu.context.ts","../src/components/ContextMenu/ContextMenuTrigger.tsx","../src/components/ContextMenu/ContextMenuSub.tsx","../src/components/ContextMenu/ContextMenuContent.tsx","../src/components/ContextMenu/ContextMenuItem.tsx","../src/components/ContextMenu/ContextMenuSeparator.tsx","../src/components/ContextMenu/ContextMenu.tsx"],"names":["createContext","useContext","useCallback","jsx","cn","useState","useId","useRef","useEffect","jsxs","useOutsideClick","useEscapeKey","useAnimation","Portal","useMemo"],"mappings":"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","file":"chunk-5HOQ2PHR.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContextMenuContextValue } from \"./ContextMenu.types\";\n\nexport const ContextMenuContext =\n  createContext<ContextMenuContextValue | null>(null);\n\nexport function useContextMenu(): ContextMenuContextValue {\n  const ctx = useContext(ContextMenuContext);\n  if (!ctx) {\n    throw new Error(\n      \"ContextMenu compound components must be used within <ContextMenu>\",\n    );\n  }\n  return ctx;\n}\n","import { useCallback, type MouseEvent } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport type { ContextMenuTriggerProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuTrigger({\n  children,\n  className,\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenu();\n\n  const handleContextMenu = useCallback(\n    (e: MouseEvent) => {\n      e.preventDefault();\n      (ctx as { position: { x: number; y: number } }).position.x = e.clientX;\n      (ctx as { position: { x: number; y: number } }).position.y = e.clientY;\n      ctx.setOpen(true);\n    },\n    [ctx],\n  );\n\n  return (\n    <div data-react-fancy-context-menu-trigger=\"\" onContextMenu={handleContextMenu} className={cn(className)}>\n      {children}\n    </div>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n","import { createContext, useCallback, useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { ContextMenuSubProps, ContextMenuSubTriggerProps, ContextMenuSubContentProps } from \"./ContextMenu.types\";\n\n// ---------------------------------------------------------------------------\n// Sibling coordination: parent tracks which sub is active so opening one\n// immediately closes any previously-open sibling.\n// ---------------------------------------------------------------------------\n\ninterface MenuGroupContextValue {\n  activeSubId: string | null;\n  setActiveSub: (id: string | null) => void;\n}\n\nconst MenuGroupContext = createContext<MenuGroupContextValue>({\n  activeSubId: null,\n  setActiveSub: () => {},\n});\n\n/** Wrap sibling Subs so only one is open at a time. Placed inside Content/SubContent. */\nexport function MenuGroupProvider({ children }: { children: React.ReactNode }) {\n  const [activeSubId, setActiveSub] = useState<string | null>(null);\n  return (\n    <MenuGroupContext.Provider value={{ activeSubId, setActiveSub }}>\n      {children}\n    </MenuGroupContext.Provider>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Sub components\n// ---------------------------------------------------------------------------\n\ninterface SubContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  cancelClose: () => void;\n}\n\nconst ContextMenuSubContext = createContext<SubContextValue>({\n  open: false,\n  setOpen: () => {},\n  cancelClose: () => {},\n});\n\nexport function ContextMenuSub({ children }: ContextMenuSubProps) {\n  const id = useId();\n  const { activeSubId, setActiveSub } = useContext(MenuGroupContext);\n  const open = activeSubId === id;\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const activeRef = useRef(activeSubId);\n  activeRef.current = activeSubId;\n\n  const setOpen = useCallback((v: boolean) => {\n    if (closeTimer.current) { clearTimeout(closeTimer.current); closeTimer.current = null; }\n    setActiveSub(v ? id : null);\n  }, [id, setActiveSub]);\n\n  const scheduleClose = useCallback(() => {\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n    closeTimer.current = setTimeout(() => {\n      if (activeRef.current === id) setActiveSub(null);\n    }, 150);\n  }, [id, setActiveSub]);\n\n  const cancelClose = useCallback(() => {\n    if (closeTimer.current) { clearTimeout(closeTimer.current); closeTimer.current = null; }\n  }, []);\n\n  useEffect(() => () => {\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  }, []);\n\n  return (\n    <div\n      className=\"relative\"\n      onMouseEnter={cancelClose}\n      onMouseLeave={scheduleClose}\n      data-react-fancy-context-menu-sub=\"\"\n    >\n      <ContextMenuSubContext.Provider value={{ open, setOpen, cancelClose }}>\n        {children}\n      </ContextMenuSubContext.Provider>\n    </div>\n  );\n}\n\nContextMenuSub.displayName = \"ContextMenuSub\";\n\nexport function ContextMenuSubTrigger({ children, className }: ContextMenuSubTriggerProps) {\n  const { open, setOpen, cancelClose } = useContext(ContextMenuSubContext);\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-context-menu-sub-trigger=\"\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={open}\n      className={cn(\n        \"flex w-full items-center justify-between rounded-lg px-3 py-2 text-left text-sm transition-colors\",\n        \"text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800\",\n        open && \"bg-zinc-100 dark:bg-zinc-800\",\n        className,\n      )}\n      onMouseEnter={() => {\n        cancelClose();\n        setOpen(true);\n      }}\n      onClick={() => setOpen(!open)}\n    >\n      <span>{children}</span>\n      <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" className=\"ml-2 opacity-50\">\n        <polyline points=\"9 18 15 12 9 6\" />\n      </svg>\n    </button>\n  );\n}\n\nContextMenuSubTrigger.displayName = \"ContextMenuSubTrigger\";\n\nexport function ContextMenuSubContent({ children, className }: ContextMenuSubContentProps) {\n  const { open } = useContext(ContextMenuSubContext);\n  const ref = useRef<HTMLDivElement>(null);\n  const [flipLeft, setFlipLeft] = useState(false);\n  const [topOffset, setTopOffset] = useState(0);\n  const [maxH, setMaxH] = useState<number | undefined>(undefined);\n\n  useEffect(() => {\n    if (!open || !ref.current) return;\n    const pad = 8;\n    const rect = ref.current.getBoundingClientRect();\n\n    // Horizontal: flip left if overflowing right\n    setFlipLeft(rect.right > window.innerWidth - pad);\n\n    // Vertical: shift up if overflowing bottom, cap height if still too tall\n    const overflow = rect.bottom - (window.innerHeight - pad);\n    if (overflow > 0) {\n      const shifted = Math.min(overflow, rect.top - pad);\n      setTopOffset(-shifted);\n      if (overflow > shifted) {\n        setMaxH(window.innerHeight - pad * 2);\n      } else {\n        setMaxH(undefined);\n      }\n    } else {\n      setTopOffset(0);\n      setMaxH(undefined);\n    }\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      data-react-fancy-context-menu-sub-content=\"\"\n      role=\"menu\"\n      className={cn(\n        \"absolute z-50 min-w-[8rem] rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900\",\n        flipLeft ? \"right-full mr-1\" : \"left-full ml-1\",\n        maxH && \"overflow-y-auto\",\n        className,\n      )}\n      style={{ top: topOffset, maxHeight: maxH }}\n    >\n      <MenuGroupProvider>\n        {children}\n      </MenuGroupProvider>\n    </div>\n  );\n}\n\nContextMenuSubContent.displayName = \"ContextMenuSubContent\";\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Portal } from \"../Portal\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport { useOutsideClick } from \"../../hooks/use-outside-click\";\nimport { useEscapeKey } from \"../../hooks/use-escape-key\";\nimport { useAnimation } from \"../../hooks/use-animation\";\nimport { MenuGroupProvider } from \"./ContextMenuSub\";\nimport type { ContextMenuContentProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuContent({\n  children,\n  className,\n}: ContextMenuContentProps) {\n  const { open, setOpen, position } = useContextMenu();\n  const menuRef = useRef<HTMLDivElement>(null);\n  const [adjusted, setAdjusted] = useState<{ x: number; y: number }>(position);\n\n  const close = useCallback(() => setOpen(false), [setOpen]);\n  useOutsideClick(menuRef, close, open);\n  useEscapeKey(close, open);\n\n  // Clamp position to viewport after mount\n  useEffect(() => {\n    const node = menuRef.current;\n    if (!open || !node) {\n      setAdjusted(position);\n      return;\n    }\n    requestAnimationFrame(() => {\n      const rect = node.getBoundingClientRect();\n      const pad = 8;\n      let x = position.x;\n      let y = position.y;\n      if (x + rect.width > window.innerWidth - pad) x = window.innerWidth - rect.width - pad;\n      if (y + rect.height > window.innerHeight - pad) y = window.innerHeight - rect.height - pad;\n      if (x < pad) x = pad;\n      if (y < pad) y = pad;\n      setAdjusted({ x, y });\n    });\n  }, [open, position]);\n\n  const { mounted, className: animClass, ref: animRef } = useAnimation({\n    open,\n    enterClass: \"fancy-scale-in\",\n    exitClass: \"fancy-fade-out\",\n  });\n\n  if (!mounted) return null;\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          menuRef.current = node;\n          (animRef as React.MutableRefObject<HTMLElement | null>).current = node;\n        }}\n        data-react-fancy-context-menu=\"\"\n        role=\"menu\"\n        className={cn(\n          \"fixed z-50 min-w-[8rem] rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900\",\n          animClass,\n          className,\n        )}\n        style={{ left: adjusted.x, top: adjusted.y }}\n      >\n        <MenuGroupProvider>\n          {children}\n        </MenuGroupProvider>\n      </div>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n","import { cn } from \"../../utils/cn\";\nimport { useContextMenu } from \"./ContextMenu.context\";\nimport type { ContextMenuItemProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuItem({\n  children,\n  onClick,\n  disabled = false,\n  danger = false,\n  className,\n}: ContextMenuItemProps) {\n  const { setOpen } = useContextMenu();\n\n  return (\n    <button\n      type=\"button\"\n      data-react-fancy-context-menu-item=\"\"\n      role=\"menuitem\"\n      disabled={disabled}\n      aria-disabled={disabled}\n      className={cn(\n        \"flex w-full items-center rounded-lg px-3 py-2 text-left text-sm transition-colors\",\n        danger\n          ? \"text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950\"\n          : \"text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800\",\n        disabled && \"cursor-not-allowed opacity-50\",\n        className,\n      )}\n      onClick={() => {\n        if (disabled) return;\n        onClick?.();\n        setOpen(false);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\nContextMenuItem.displayName = \"ContextMenuItem\";\n","import { cn } from \"../../utils/cn\";\nimport type { ContextMenuSeparatorProps } from \"./ContextMenu.types\";\n\nexport function ContextMenuSeparator({ className }: ContextMenuSeparatorProps) {\n  return (\n    <div\n      data-react-fancy-context-menu-separator=\"\"\n      role=\"separator\"\n      className={cn(\"my-1 h-px bg-zinc-200 dark:bg-zinc-700\", className)}\n    />\n  );\n}\n\nContextMenuSeparator.displayName = \"ContextMenuSeparator\";\n","import { useMemo, useRef, useState } from \"react\";\nimport { ContextMenuContext } from \"./ContextMenu.context\";\nimport { ContextMenuTrigger } from \"./ContextMenuTrigger\";\nimport { ContextMenuContent } from \"./ContextMenuContent\";\nimport { ContextMenuItem } from \"./ContextMenuItem\";\nimport { ContextMenuSeparator } from \"./ContextMenuSeparator\";\nimport { ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent } from \"./ContextMenuSub\";\nimport type { ContextMenuProps } from \"./ContextMenu.types\";\n\nfunction ContextMenuRoot({ children }: ContextMenuProps) {\n  const [open, setOpen] = useState(false);\n  const positionRef = useRef({ x: 0, y: 0 });\n\n  const ctx = useMemo(\n    () => ({ open, setOpen, position: positionRef.current }),\n    [open],\n  );\n\n  return (\n    <ContextMenuContext.Provider value={ctx}>\n      {children}\n    </ContextMenuContext.Provider>\n  );\n}\n\nexport const ContextMenu = Object.assign(ContextMenuRoot, {\n  Trigger: ContextMenuTrigger,\n  Content: ContextMenuContent,\n  Item: ContextMenuItem,\n  Separator: ContextMenuSeparator,\n  Sub: ContextMenuSub,\n  SubTrigger: ContextMenuSubTrigger,\n  SubContent: ContextMenuSubContent,\n});\n"]}

package/dist/chunk-5I4PR2KV.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+var chunk7NLKXBZ2_cjs = require('./chunk-7NLKXBZ2.cjs');
+var chunk6BW5BQMN_cjs = require('./chunk-6BW5BQMN.cjs');
+var chunkPPLR2DNC_cjs = require('./chunk-PPLR2DNC.cjs');
+var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
+var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
+var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Textarea = react.forwardRef(
+  ({
+    size = "md",
+    dirty,
+    error,
+    label,
+    description,
+    required,
+    disabled,
+    className,
+    id,
+    autoResize,
+    minRows = 3,
+    maxRows,
+    prefix,
+    suffix,
+    prefixPosition: _prefixPosition,
+    suffixPosition: _suffixPosition,
+    mode,
+    onValueChange,
+    onChange,
+    value,
+    defaultValue,
+    ...props
+  }, ref) => {
+    const autoId = react.useId();
+    const textareaId = id ?? autoId;
+    const internalRef = react.useRef(null);
+    const resolvedMode = chunkL3V3BYVS_cjs.useFieldMode(mode);
+    const { showControl, interactive, enterEdit, exitEdit } = chunkKJ22KE56_cjs.useInlineEdit(resolvedMode, disabled);
+    react.useEffect(() => {
+      const el = internalRef.current;
+      if (!autoResize || !el) return;
+      el.style.height = "auto";
+      const lineHeight = parseInt(getComputedStyle(el).lineHeight) || 20;
+      const minHeight = minRows * lineHeight;
+      const maxHeight = maxRows ? maxRows * lineHeight : Infinity;
+      el.style.height = `${Math.min(Math.max(el.scrollHeight, minHeight), maxHeight)}px`;
+    }, [autoResize, minRows, maxRows, value, defaultValue]);
+    const textarea = !showControl ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk6BW5BQMN_cjs.DisplayValue,
+      {
+        size,
+        className: "whitespace-pre-wrap",
+        interactive,
+        onActivate: enterEdit,
+        children: value ?? defaultValue
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      chunk7NLKXBZ2_cjs.InputWrapper,
+      {
+        prefix,
+        suffix,
+        prefixPosition: "outside",
+        suffixPosition: "outside",
+        size,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            "data-react-fancy-textarea": "",
+            ref: (node) => {
+              internalRef.current = node;
+              if (typeof ref === "function") {
+                ref(node);
+              } else if (ref) {
+                ref.current = node;
+              }
+            },
+            id: textareaId,
+            disabled,
+            required,
+            rows: autoResize ? minRows : minRows,
+            value,
+            defaultValue,
+            className: chunk3Z6ALUWP_cjs.cn(
+              chunkYLGTDBB2_cjs.inputBaseClasses,
+              chunkYLGTDBB2_cjs.inputSizeClasses[size],
+              chunkYLGTDBB2_cjs.dirtyClasses(dirty),
+              chunkYLGTDBB2_cjs.errorClasses(error),
+              "w-full resize-y",
+              autoResize && "resize-none overflow-hidden",
+              className
+            ),
+            onChange: (e) => {
+              onChange?.(e);
+              onValueChange?.(e.target.value);
+            },
+            ...props,
+            autoFocus: interactive || props.autoFocus,
+            onBlur: (e) => {
+              props.onBlur?.(e);
+              if (interactive) exitEdit();
+            }
+          }
+        )
+      }
+    );
+    if (label || error || description) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkPPLR2DNC_cjs.Field,
+        {
+          label,
+          description,
+          error,
+          required,
+          htmlFor: textareaId,
+          size,
+          children: textarea
+        }
+      );
+    }
+    return textarea;
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-5I4PR2KV.cjs.map
+//# sourceMappingURL=chunk-5I4PR2KV.cjs.map

package/dist/chunk-5I4PR2KV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Textarea/Textarea.tsx"],"names":["forwardRef","useId","useRef","useFieldMode","useInlineEdit","useEffect","jsx","DisplayValue","InputWrapper","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","Field"],"mappings":";;;;;;;;;;;;AAeO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CACE;AAAA,IACE,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA,GAAU,CAAA;AAAA,IACV,OAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,cAAA,EAAgB,eAAA;AAAA,IAChB,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,SAASC,WAAA,EAAM;AACrB,IAAA,MAAM,aAAa,EAAA,IAAM,MAAA;AACzB,IAAA,MAAM,WAAA,GAAcC,aAAmC,IAAI,CAAA;AAC3D,IAAA,MAAM,YAAA,GAAeC,+BAAa,IAAI,CAAA;AACtC,IAAA,MAAM,EAAE,aAAa,WAAA,EAAa,SAAA,EAAW,UAAS,GAAIC,+BAAA,CAAc,cAAc,QAAQ,CAAA;AAE9F,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,MAAM,KAAK,WAAA,CAAY,OAAA;AACvB,MAAA,IAAI,CAAC,UAAA,IAAc,CAAC,EAAA,EAAI;AACxB,MAAA,EAAA,CAAG,MAAM,MAAA,GAAS,MAAA;AAClB,MAAA,MAAM,aAAa,QAAA,CAAS,gBAAA,CAAiB,EAAE,CAAA,CAAE,UAAU,CAAA,IAAK,EAAA;AAChE,MAAA,MAAM,YAAY,OAAA,GAAU,UAAA;AAC5B,MAAA,MAAM,SAAA,GAAY,OAAA,GAAU,OAAA,GAAU,UAAA,GAAa,QAAA;AACnD,MAAA,EAAA,CAAG,KAAA,CAAM,MAAA,GAAS,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAG,SAAS,CAAC,CAAA,EAAA,CAAA;AAAA,IAChF,GAAG,CAAC,UAAA,EAAY,SAAS,OAAA,EAAS,KAAA,EAAO,YAAY,CAAC,CAAA;AAEtD,IAAA,MAAM,QAAA,GAAW,CAAC,WAAA,mBAChBC,cAAA;AAAA,MAACC,8BAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAU,qBAAA;AAAA,QACV,WAAA;AAAA,QACA,UAAA,EAAY,SAAA;AAAA,QAEV,QAAA,EAAA,KAAA,IAAS;AAAA;AAAA,KACb,mBAEAD,cAAA;AAAA,MAACE,8BAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,cAAA,EAAe,SAAA;AAAA,QACf,cAAA,EAAe,SAAA;AAAA,QACf,IAAA;AAAA,QAEA,QAAA,kBAAAF,cAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,2BAAA,EAA0B,EAAA;AAAA,YAC1B,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,cAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,cAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,gBAAA,GAAA,CAAI,IAAI,CAAA;AAAA,cACV,WAAW,GAAA,EAAK;AACd,gBAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AAAA,cAChB;AAAA,YACF,CAAA;AAAA,YACA,EAAA,EAAI,UAAA;AAAA,YACJ,QAAA;AAAA,YACA,QAAA;AAAA,YACA,IAAA,EAAM,aAAa,OAAA,GAAU,OAAA;AAAA,YAC7B,KAAA;AAAA,YACA,YAAA;AAAA,YACA,SAAA,EAAWG,oBAAA;AAAA,cACTC,kCAAA;AAAA,cACAC,mCAAiB,IAAI,CAAA;AAAA,cACrBC,+BAAa,KAAK,CAAA;AAAA,cAClBC,+BAAa,KAAK,CAAA;AAAA,cAClB,iBAAA;AAAA,cACA,UAAA,IAAc,6BAAA;AAAA,cACd;AAAA,aACF;AAAA,YACA,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,cAAA,QAAA,GAAW,CAAC,CAAA;AACZ,cAAA,aAAA,GAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAChC,CAAA;AAAA,YACC,GAAG,KAAA;AAAA,YACJ,SAAA,EAAW,eAAe,KAAA,CAAM,SAAA;AAAA,YAChC,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,cAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,cAAA,IAAI,aAAa,QAAA,EAAS;AAAA,YAC5B;AAAA;AAAA;AACF;AAAA,KACF;AAGF,IAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,MAAA,uBACEP,cAAA;AAAA,QAACQ,uBAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,WAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,UAAA;AAAA,UACT,IAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,OAAO,QAAA;AAAA,EACT;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-5I4PR2KV.cjs","sourcesContent":["import { forwardRef, useEffect, useId, useRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport type { TextareaProps } from \"./Textarea.types\";\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      autoResize,\n      minRows = 3,\n      maxRows,\n      prefix,\n      suffix,\n      prefixPosition: _prefixPosition,\n      suffixPosition: _suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const textareaId = id ?? autoId;\n    const internalRef = useRef<HTMLTextAreaElement | null>(null);\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    useEffect(() => {\n      const el = internalRef.current;\n      if (!autoResize || !el) return;\n      el.style.height = \"auto\";\n      const lineHeight = parseInt(getComputedStyle(el).lineHeight) || 20;\n      const minHeight = minRows * lineHeight;\n      const maxHeight = maxRows ? maxRows * lineHeight : Infinity;\n      el.style.height = `${Math.min(Math.max(el.scrollHeight, minHeight), maxHeight)}px`;\n    }, [autoResize, minRows, maxRows, value, defaultValue]);\n\n    const textarea = !showControl ? (\n      <DisplayValue\n        size={size}\n        className=\"whitespace-pre-wrap\"\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {(value ?? defaultValue) as string | undefined}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition=\"outside\"\n        suffixPosition=\"outside\"\n        size={size}\n      >\n        <textarea\n          data-react-fancy-textarea=\"\"\n          ref={(node) => {\n            internalRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          id={textareaId}\n          disabled={disabled}\n          required={required}\n          rows={autoResize ? minRows : minRows}\n          value={value}\n          defaultValue={defaultValue}\n          className={cn(\n            inputBaseClasses,\n            inputSizeClasses[size],\n            dirtyClasses(dirty),\n            errorClasses(error),\n            \"w-full resize-y\",\n            autoResize && \"resize-none overflow-hidden\",\n            className,\n          )}\n          onChange={(e) => {\n            onChange?.(e);\n            onValueChange?.(e.target.value);\n          }}\n          {...props}\n          autoFocus={interactive || props.autoFocus}\n          onBlur={(e) => {\n            props.onBlur?.(e);\n            if (interactive) exitEdit();\n          }}\n        />\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={textareaId}\n          size={size}\n        >\n          {textarea}\n        </Field>\n      );\n    }\n\n    return textarea;\n  },\n);\n\nTextarea.displayName = \"Textarea\";\n"]}

package/dist/chunk-5LHG7HEY.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var StatList = react.forwardRef(
+  ({ items, align = "right", className, ...props }, ref) => {
+    if (items.length === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        ...props,
+        "data-react-fancy-stat-list": "",
+        "data-align": align,
+        className: chunk3Z6ALUWP_cjs.cn(
+          "flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400",
+          align === "right" ? "items-end text-right" : "items-start text-left",
+          className
+        ),
+        children: items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            "data-stat": item.key ?? (typeof item.label === "string" ? item.label : void 0),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("b", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: item.value }),
+              " ",
+              item.label
+            ]
+          },
+          item.key ?? (typeof item.label === "string" ? item.label : i)
+        ))
+      }
+    );
+  }
+);
+StatList.displayName = "StatList";
+
+exports.StatList = StatList;
+//# sourceMappingURL=chunk-5LHG7HEY.cjs.map
+//# sourceMappingURL=chunk-5LHG7HEY.cjs.map

package/dist/chunk-5LHG7HEY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StatList/StatList.tsx"],"names":["forwardRef","jsx","cn","jsxs"],"mappings":";;;;;;AAoBO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,KAAA,GAAQ,SAAS,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACxD,IAAA,IAAI,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG,OAAO,IAAA;AAE/B,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,4BAAA,EAA2B,EAAA;AAAA,QAC3B,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA,EAAWC,oBAAA;AAAA,UACT,gFAAA;AAAA,UACA,KAAA,KAAU,UAAU,sBAAA,GAAyB,uBAAA;AAAA,UAC7C;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,CAAA,qBAChBC,eAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,WAAA,EAAW,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,MAAA,CAAA;AAAA,YAEtE,QAAA,EAAA;AAAA,8BAAAF,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,8CAAA,EAAgD,QAAA,EAAA,IAAA,CAAK,KAAA,EAAM,CAAA;AAAA,cAAK,GAAA;AAAA,cAC5E,IAAA,CAAK;AAAA;AAAA,WAAA;AAAA,UAJD,KAAK,GAAA,KAAQ,OAAO,KAAK,KAAA,KAAU,QAAA,GAAW,KAAK,KAAA,GAAQ,CAAA;AAAA,SAMnE;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-5LHG7HEY.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StatListProps } from \"./StatList.types\";\n\n/**\n * The mono figure stack — `70 packages / 261 components / MIT licensed`.\n *\n * The Inspiration index and `/packages` each hand-rolled this from tokens, which\n * is the gallery working as intended: it stress-tests the kit, and what it\n * hand-rolls is the gap list. The list only pays off when the gap comes back\n * here, otherwise every surface keeps a copy and they drift apart.\n *\n * Takes `items` as DATA rather than children. What those surfaces repeat is a\n * shape, not a layout, so there is nothing to assemble at the call site — and a\n * data prop is what an agent can emit, which children are not.\n *\n * The value is a `<b>` rather than a colour, because in most of these stacks the\n * figure is the only part that is not muted, and expressing that structurally\n * keeps it meaningful when a design replaces the styling wholesale.\n */\nexport const StatList = forwardRef<HTMLDivElement, StatListProps>(\n  ({ items, align = \"right\", className, ...props }, ref) => {\n    if (items.length === 0) return null;\n\n    return (\n      <div\n        ref={ref}\n        {...props}\n        data-react-fancy-stat-list=\"\"\n        data-align={align}\n        className={cn(\n          \"flex flex-col gap-0.5 font-mono text-[11.5px] text-zinc-500 dark:text-zinc-400\",\n          align === \"right\" ? \"items-end text-right\" : \"items-start text-left\",\n          className,\n        )}\n      >\n        {items.map((item, i) => (\n          <span\n            key={item.key ?? (typeof item.label === \"string\" ? item.label : i)}\n            data-stat={item.key ?? (typeof item.label === \"string\" ? item.label : undefined)}\n          >\n            <b className=\"font-medium text-zinc-900 dark:text-zinc-100\">{item.value}</b>{\" \"}\n            {item.label}\n          </span>\n        ))}\n      </div>\n    );\n  },\n);\n\nStatList.displayName = \"StatList\";\n"]}

package/dist/chunk-5OC6DUYT.js

@@ -0,0 +1,139 @@
+import { useControllableState } from './chunk-6FQGMVF2.js';
+import { cn } from './chunk-DSUHZO6T.js';
+import { createContext, useMemo, useRef, useCallback, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TabsContext = createContext(null);
+function useTabs() {
+  const ctx = useContext(TabsContext);
+  if (!ctx) {
+    throw new Error("Tabs compound components must be used within <Tabs>");
+  }
+  return ctx;
+}
+function TabsList({ children, className }) {
+  const { variant } = useTabs();
+  const listRef = useRef(null);
+  const handleKeyDown = useCallback((e) => {
+    const buttons = listRef.current?.querySelectorAll(
+      '[role="tab"]:not([disabled])'
+    );
+    if (!buttons?.length) return;
+    const items = Array.from(buttons);
+    const currentIndex = items.indexOf(document.activeElement);
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const next = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
+      items[next].focus();
+      items[next].click();
+    } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const prev = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
+      items[prev].focus();
+      items[prev].click();
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-react-fancy-tabs-list": "",
+      ref: listRef,
+      role: "tablist",
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "flex",
+        variant === "underline" && "gap-0 border-b border-zinc-200 dark:border-zinc-700",
+        variant === "pills" && "gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800",
+        variant === "boxed" && "gap-0 rounded-lg bg-zinc-100 p-1 dark:bg-zinc-800",
+        className
+      ),
+      children
+    }
+  );
+}
+TabsList.displayName = "TabsList";
+function TabsTab({
+  children,
+  value,
+  disabled = false,
+  className,
+  onClick,
+  ...rest
+}) {
+  const { activeTab, setActiveTab, variant } = useTabs();
+  const isActive = activeTab === value;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "data-react-fancy-tabs-tab": "",
+      type: "button",
+      role: "tab",
+      disabled,
+      "aria-selected": isActive,
+      tabIndex: isActive ? 0 : -1,
+      onClick: (e) => {
+        if (!disabled) setActiveTab(value);
+        onClick?.(e);
+      },
+      ...rest,
+      className: cn(
+        "text-sm font-medium transition-colors",
+        disabled && "cursor-not-allowed opacity-50",
+        variant === "underline" && [
+          "border-b-2 px-4 py-2.5",
+          isActive ? "border-zinc-900 text-zinc-900 dark:border-white dark:text-white" : "border-transparent text-zinc-500 hover:border-zinc-300 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-300"
+        ],
+        variant === "pills" && [
+          "rounded-md px-4 py-1.5",
+          isActive ? "bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white" : "text-zinc-500 dark:text-zinc-400"
+        ],
+        variant === "boxed" && [
+          "flex-1 rounded-md px-4 py-1.5",
+          isActive ? "bg-white text-zinc-900 shadow-sm dark:bg-zinc-900 dark:text-white" : "text-zinc-500 dark:text-zinc-400"
+        ],
+        className
+      ),
+      children
+    }
+  );
+}
+TabsTab.displayName = "TabsTab";
+function TabsPanels({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-tabs-panels": "", className: cn("mt-4", className), children });
+}
+TabsPanels.displayName = "TabsPanels";
+function TabsPanel({ children, value, className }) {
+  const { activeTab } = useTabs();
+  if (activeTab !== value) return null;
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-tabs-panel": "", role: "tabpanel", className: cn("fancy-fade-in", className), children });
+}
+TabsPanel.displayName = "TabsPanel";
+function TabsRoot({
+  children,
+  defaultTab = "",
+  activeTab: controlledTab,
+  onTabChange,
+  variant = "underline",
+  className
+}) {
+  const [activeTab, setActiveTab] = useControllableState(
+    controlledTab,
+    defaultTab,
+    onTabChange
+  );
+  const ctx = useMemo(
+    () => ({ activeTab, setActiveTab, variant }),
+    [activeTab, setActiveTab, variant]
+  );
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-react-fancy-tabs": "", className: cn(className), children }) });
+}
+var Tabs = Object.assign(TabsRoot, {
+  List: TabsList,
+  Tab: TabsTab,
+  Panels: TabsPanels,
+  Panel: TabsPanel
+});
+
+export { Tabs, useTabs };
+//# sourceMappingURL=chunk-5OC6DUYT.js.map
+//# sourceMappingURL=chunk-5OC6DUYT.js.map