@bloomneo/uikit 1.5.0

package/dist/header.js

@@ -0,0 +1,289 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { createContext as T, forwardRef as C, useState as p, useContext as W, useEffect as m } from "react";
+import { c as E } from "./index-Bke1qZdk.js";
+import { c as n } from "./utils-CwJPJKOE.js";
+import { Button as X } from "./button.js";
+import { C as S } from "./chevron-down-BORJtX8F.js";
+import { X as q } from "./x-BxwubQiM.js";
+import { M as F } from "./menu-DBhEanGo.js";
+const H = T({
+  tone: "clean",
+  size: "xl"
+}), G = E(
+  "w-full border-b transition-all duration-200 z-40",
+  {
+    variants: {
+      tone: {
+        clean: [
+          "bg-background/80 backdrop-blur-sm border-border/40 supports-[backdrop-filter]:bg-background/60",
+          "text-foreground"
+        ],
+        subtle: [
+          "bg-muted/50 backdrop-blur-sm border-border/30",
+          "text-foreground"
+        ],
+        brand: [
+          "bg-primary border-primary-foreground/20",
+          "text-primary-foreground"
+        ],
+        contrast: [
+          "bg-zinc-900 border-zinc-700/40",
+          "text-zinc-100"
+        ]
+      },
+      position: {
+        sticky: "sticky top-0",
+        fixed: "fixed top-0 left-0 right-0",
+        relative: "relative"
+      }
+    },
+    defaultVariants: {
+      tone: "clean",
+      position: "sticky"
+    }
+  }
+), J = E(
+  "mx-auto flex items-center justify-between",
+  {
+    variants: {
+      size: {
+        sm: "max-w-2xl h-12 px-4",
+        md: "max-w-4xl h-14 px-4 sm:px-6",
+        lg: "max-w-6xl h-16 px-4 sm:px-6 lg:px-8",
+        xl: "max-w-7xl h-16 px-4 sm:px-6 lg:px-8",
+        full: "max-w-full h-16 px-4 sm:px-6 lg:px-8"
+      }
+    },
+    defaultVariants: {
+      size: "xl"
+    }
+  }
+), L = C(({
+  className: c,
+  tone: s = "clean",
+  size: d = "xl",
+  position: u = "sticky",
+  children: h,
+  ...b
+}, a) => /* @__PURE__ */ r(H.Provider, { value: { tone: s, size: d }, children: /* @__PURE__ */ r(
+  "header",
+  {
+    ref: a,
+    className: n(G({ tone: s, position: u }), c),
+    ...b,
+    children: /* @__PURE__ */ r("div", { className: n(J({ size: d })), children: h })
+  }
+) }));
+L.displayName = "Header";
+const O = C(({
+  className: c,
+  children: s,
+  ...d
+}, u) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: u,
+    className: n("flex items-center flex-shrink-0", c),
+    ...d,
+    children: s
+  }
+));
+O.displayName = "HeaderLogo";
+const D = C(({
+  navigation: c = [],
+  currentPath: s = "",
+  onNavigate: d,
+  className: u,
+  ...h
+}, b) => {
+  const [a, y] = p(!1), [z, v] = p(/* @__PURE__ */ new Set()), [w, f] = p(null), [x, A] = p(!1), { tone: M } = W(H);
+  m(() => {
+    A(!0);
+  }, []), m(() => {
+    if (!x) return;
+    const e = () => {
+      window.innerWidth >= 768 && (y(!1), v(/* @__PURE__ */ new Set()));
+    };
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [x]), m(() => {
+    if (x)
+      return a ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+        document.body.style.overflow = "unset";
+      };
+  }, [a, x]), m(() => {
+    const e = () => f(null);
+    if (w !== null)
+      return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+  }, [w]);
+  const j = (e) => {
+    const t = new Set(z);
+    t.has(e) ? t.delete(e) : t.add(e), v(t);
+  }, g = (e) => {
+    y(!1), v(/* @__PURE__ */ new Set()), f(null), e.href && d ? d(e.href, e) : e.onClick && e.onClick();
+  }, V = (e = !1) => {
+    const t = "px-3 py-2 text-sm font-medium transition-colors duration-200 rounded-md flex items-center gap-2";
+    switch (M) {
+      case "subtle":
+        return n(
+          t,
+          "cursor-pointer",
+          e ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background/60"
+          // ← CHANGED
+        );
+      case "brand":
+        return n(
+          t,
+          "cursor-pointer",
+          e ? "bg-primary-foreground/20 text-primary-foreground shadow-sm" : "text-primary-foreground/90 hover:text-primary-foreground hover:bg-primary-foreground/10"
+        );
+      case "contrast":
+        return n(
+          t,
+          "cursor-pointer",
+          e ? "bg-muted text-foreground shadow-sm" : "text-muted-background/50 dark:text-muted-foreground hover:text-foreground hover:bg-muted/50"
+          // ← CHANGED
+        );
+      default:
+        return n(
+          t,
+          "cursor-pointer",
+          e ? "bg-muted text-foreground shadow-sm" : "text-foreground hover:text-foreground hover:bg-muted/50"
+        );
+    }
+  }, B = (e = !1) => n(
+    "w-full flex items-center px-3 py-2 text-left transition-colors duration-200 rounded-lg",
+    e ? "bg-secondary text-secondary-foreground" : "text-foreground hover:text-foreground hover:bg-muted"
+  ), R = () => {
+    switch (M) {
+      case "subtle":
+        return "text-muted-foreground hover:text-foreground hover:bg-muted/50";
+      case "brand":
+        return "text-primary-foreground hover:text-primary-foreground hover:bg-primary-foreground/10";
+      case "contrast":
+        return "text-foreground hover:text-foreground hover:bg-muted/50";
+      default:
+        return "text-foreground hover:text-foreground hover:bg-muted/50";
+    }
+  };
+  return /* @__PURE__ */ l("div", { className: "flex items-center ml-auto", children: [
+    /* @__PURE__ */ r("nav", { className: n("hidden md:flex items-center space-x-1", u), ref: b, ...h, children: c.map((e) => {
+      const t = e.items && e.items.length > 0, i = w === e.key, k = e.href ? s === e.href : e.isActive;
+      return /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: n(V(k), e.className),
+            onClick: (o) => {
+              o.stopPropagation(), t ? f(i ? null : e.key) : (f(null), g(e));
+            },
+            children: [
+              e.icon && /* @__PURE__ */ r(e.icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ r("span", { children: e.label }),
+              t && /* @__PURE__ */ r(S, { className: n(
+                "h-3 w-3 transition-transform duration-200",
+                i && "rotate-180"
+              ) })
+            ]
+          }
+        ),
+        t && i && /* @__PURE__ */ r(
+          "div",
+          {
+            className: "absolute top-full left-0 w-48 bg-background border border-border rounded-lg shadow-lg z-50 mt-1",
+            onClick: (o) => o.stopPropagation(),
+            children: /* @__PURE__ */ r("div", { className: "py-1", children: e.items?.map((o) => {
+              const N = o.href ? s === o.href : o.isActive;
+              return /* @__PURE__ */ l(
+                "button",
+                {
+                  type: "button",
+                  className: n(
+                    "w-full px-3 py-2 text-left text-sm transition-colors flex items-center gap-2",
+                    "hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none",
+                    N ? "bg-muted text-foreground font-medium" : "text-foreground"
+                  ),
+                  onClick: () => {
+                    f(null), g(o);
+                  },
+                  children: [
+                    o.icon && /* @__PURE__ */ r(o.icon, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ r("span", { children: o.label }),
+                    o.badge && /* @__PURE__ */ r("span", { className: "ml-auto text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded", children: o.badge })
+                  ]
+                },
+                o.key
+              );
+            }) })
+          }
+        )
+      ] }, e.key);
+    }) }),
+    /* @__PURE__ */ r(
+      X,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: n("md:hidden", R()),
+        onClick: () => y(!a),
+        "aria-label": a ? "Close menu" : "Open menu",
+        children: a ? /* @__PURE__ */ r(q, { className: "h-5 w-5" }) : /* @__PURE__ */ r(F, { className: "h-5 w-5" })
+      }
+    ),
+    a && /* @__PURE__ */ r("div", { className: "fixed top-16 left-0 right-0 z-40 md:hidden bg-background border-b border-border/40 shadow-lg", children: /* @__PURE__ */ r("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ r("div", { className: "px-4 py-4 space-y-2", children: c.map((e) => {
+      const t = e.items && e.items.length > 0, i = z.has(e.key), k = e.href ? s === e.href : e.isActive;
+      return /* @__PURE__ */ l("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: n(B(k), e.className),
+            onClick: () => t ? j(e.key) : g(e),
+            children: [
+              e.icon && /* @__PURE__ */ r(e.icon, { className: "h-4 w-4 mr-3 flex-shrink-0" }),
+              /* @__PURE__ */ r("span", { className: "flex-1 text-sm", children: e.label }),
+              e.badge && /* @__PURE__ */ r("span", { className: "text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded mr-2", children: e.badge }),
+              t && /* @__PURE__ */ r(S, { className: n(
+                "h-4 w-4 transition-transform duration-200 flex-shrink-0",
+                i && "rotate-180"
+              ) })
+            ]
+          }
+        ),
+        t && i && /* @__PURE__ */ r("div", { className: "ml-6 space-y-1 border-l border-border/30 pl-4", children: e.items?.map((o) => {
+          const N = o.href ? s === o.href : o.isActive;
+          return /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              className: n(
+                "w-full flex items-center px-3 py-2 text-left transition-colors rounded-lg",
+                N ? "bg-secondary text-secondary-foreground" : "text-muted-foreground hover:text-foreground hover:bg-muted"
+              ),
+              onClick: () => g(o),
+              children: [
+                o.icon && /* @__PURE__ */ r(o.icon, { className: "h-3 w-3 mr-3 flex-shrink-0" }),
+                /* @__PURE__ */ r("span", { className: "flex-1 text-sm", children: o.label }),
+                o.badge && /* @__PURE__ */ r("span", { className: "text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded", children: o.badge })
+              ]
+            },
+            o.key
+          );
+        }) })
+      ] }, e.key);
+    }) }) }) })
+  ] });
+});
+D.displayName = "HeaderNav";
+const I = Object.assign(L, {
+  Logo: O,
+  Nav: D
+});
+export {
+  I as Header,
+  O as HeaderLogo,
+  D as HeaderNav,
+  J as containerVariants,
+  G as headerVariants
+};
+//# sourceMappingURL=header.js.map

package/dist/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../src/components/sections/header.tsx"],"sourcesContent":["/**\n * Header component with proper responsive behavior and light hover colors\n * @module @bloomneo/uikit\n * @file src/components/sections/header.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef, createContext, useContext, useState, useEffect } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport { Menu, X, ChevronDown } from 'lucide-react';\nimport type { NavigationItem, Size } from '@/types';\n\n/**\n * Header context for sharing configuration\n */\nconst HeaderContext = createContext<{\n  tone: 'clean' | 'subtle' | 'brand' | 'contrast';\n  size: Size;\n}>({\n  tone: 'clean',\n  size: 'xl',\n});\n\n/**\n * Header variants with tone-based semantic colors\n */\nconst headerVariants = cva(\n  'w-full border-b transition-all duration-200 z-40',\n  {\n    variants: {\n      tone: {\n        clean: [\n          'bg-background/80 backdrop-blur-sm border-border/40 supports-[backdrop-filter]:bg-background/60',\n          'text-foreground'\n        ],\n        subtle: [\n          'bg-muted/50 backdrop-blur-sm border-border/30',\n          'text-foreground'\n        ],\n        brand: [\n          'bg-primary border-primary-foreground/20',\n          'text-primary-foreground'\n        ],\n        contrast: [\n          'bg-zinc-900 border-zinc-700/40',\n          'text-zinc-100'\n        ]\n      },\n      position: {\n        sticky: 'sticky top-0',\n        fixed: 'fixed top-0 left-0 right-0',\n        relative: 'relative'\n      }\n    },\n    defaultVariants: {\n      tone: 'clean',\n      position: 'sticky'\n    }\n  }\n);\n\n/**\n * Container variants for responsive sizing\n */\nconst containerVariants = cva(\n  'mx-auto flex items-center justify-between',\n  {\n    variants: {\n      size: {\n        sm: 'max-w-2xl h-12 px-4',\n        md: 'max-w-4xl h-14 px-4 sm:px-6',\n        lg: 'max-w-6xl h-16 px-4 sm:px-6 lg:px-8',\n        xl: 'max-w-7xl h-16 px-4 sm:px-6 lg:px-8',\n        full: 'max-w-full h-16 px-4 sm:px-6 lg:px-8'\n      }\n    },\n    defaultVariants: {\n      size: 'xl'\n    }\n  }\n);\n\n/**\n * Header component props\n */\nexport interface HeaderProps \n  extends React.HTMLAttributes<HTMLElement>,\n    VariantProps<typeof headerVariants> {\n  /** Visual styling tone */\n  tone?: 'clean' | 'subtle' | 'brand' | 'contrast';\n  /** Header size (width + height + padding) */\n  size?: Size;\n  /** Header positioning */\n  position?: 'sticky' | 'fixed' | 'relative';\n  /** Header content */\n  children: React.ReactNode;\n}\n\n/**\n * Main Header component\n */\nconst HeaderComponent = forwardRef<HTMLElement, HeaderProps>(({ \n  className,\n  tone = 'clean',\n  size = 'xl',\n  position = 'sticky',\n  children,\n  ...props \n}, ref) => {\n  return (\n    <HeaderContext.Provider value={{ tone, size }}>\n      <header\n        ref={ref}\n        className={cn(headerVariants({ tone, position }), className)}\n        {...props}\n      >\n        <div className={cn(containerVariants({ size }))}>\n          {children}\n        </div>\n      </header>\n    </HeaderContext.Provider>\n  );\n});\n\nHeaderComponent.displayName = 'Header';\n\n/**\n * Header Logo section props\n */\nexport interface HeaderLogoProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Logo content */\n  children: React.ReactNode;\n}\n\n/**\n * Header Logo section (always on the left)\n */\nconst HeaderLogo = forwardRef<HTMLDivElement, HeaderLogoProps>(({ \n  className, \n  children, \n  ...props \n}, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex items-center flex-shrink-0', className)}\n    {...props}\n  >\n    {children}\n  </div>\n));\n\nHeaderLogo.displayName = 'HeaderLogo';\n\n/**\n * Header Navigation props\n */\nexport interface HeaderNavProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Navigation items */\n  navigation?: NavigationItem[];\n  /** Current path for active states */\n  currentPath?: string;\n  /** Navigation handler */\n  onNavigate?: (href: string, item: NavigationItem) => void;\n}\n\n/**\n * Header Navigation with proper responsive behavior\n */\nconst HeaderNav = forwardRef<HTMLDivElement, HeaderNavProps>(({ \n  navigation = [],\n  currentPath = '',\n  onNavigate,\n  className, \n  ...props \n}, ref) => {\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [expandedMobileItems, setExpandedMobileItems] = useState(new Set<string>());\n  const [openDropdown, setOpenDropdown] = useState<string | null>(null);\n  const [isMounted, setIsMounted] = useState(false);\n  const { tone } = useContext(HeaderContext);\n\n  // Ensure component is mounted\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // Close mobile menu on resize to desktop\n  useEffect(() => {\n    if (!isMounted) return;\n    \n    const handleResize = () => {\n      if (window.innerWidth >= 768) {\n        setMobileOpen(false);\n        setExpandedMobileItems(new Set());\n      }\n    };\n\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [isMounted]);\n\n  // Prevent body scroll when mobile menu is open\n  useEffect(() => {\n    if (!isMounted) return;\n    \n    if (mobileOpen) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = 'unset';\n    }\n\n    return () => {\n      document.body.style.overflow = 'unset';\n    };\n  }, [mobileOpen, isMounted]);\n\n  // Close dropdown when clicking outside\n  useEffect(() => {\n    const handleOutsideClick = () => setOpenDropdown(null);\n    \n    if (openDropdown !== null) {\n      document.addEventListener('click', handleOutsideClick);\n      return () => document.removeEventListener('click', handleOutsideClick);\n    }\n  }, [openDropdown]);\n\n  // Handle mobile dropdown toggle\n  const toggleMobileDropdown = (key: string) => {\n    const newExpanded = new Set(expandedMobileItems);\n    if (newExpanded.has(key)) {\n      newExpanded.delete(key);\n    } else {\n      newExpanded.add(key);\n    }\n    setExpandedMobileItems(newExpanded);\n  };\n\n  // Handle navigation click\n  const handleItemClick = (item: NavigationItem) => {\n    setMobileOpen(false);\n    setExpandedMobileItems(new Set());\n    setOpenDropdown(null);\n    \n    if (item.href && onNavigate) {\n      onNavigate(item.href, item);\n    } else if (item.onClick) {\n      item.onClick();\n    }\n  };\n\n  // Desktop button styles with light hover colors only\n  const getDesktopButtonStyles = (isActive = false) => {\n    const baseStyles = 'px-3 py-2 text-sm font-medium transition-colors duration-200 rounded-md flex items-center gap-2';\n    \n    switch (tone) {\n  case 'subtle':\n    return cn(\n      baseStyles,\n      'cursor-pointer',\n      isActive \n        ? 'bg-background text-foreground shadow-sm' \n        : 'text-muted-foreground hover:text-foreground hover:bg-background/60' // ← CHANGED\n    );\n  case 'brand':\n    return cn(\n      baseStyles,\n      'cursor-pointer',\n      isActive \n        ? 'bg-primary-foreground/20 text-primary-foreground shadow-sm' \n        : 'text-primary-foreground/90 hover:text-primary-foreground hover:bg-primary-foreground/10'\n    );\n  case 'contrast':\n    return cn(\n      baseStyles,\n      'cursor-pointer', \n      isActive \n        ? 'bg-muted text-foreground shadow-sm' \n        : 'text-muted-background/50 dark:text-muted-foreground hover:text-foreground hover:bg-muted/50' // ← CHANGED\n    );\n  default: // clean\n    return cn(\n      baseStyles,\n      'cursor-pointer',\n      isActive \n        ? 'bg-muted text-foreground shadow-sm' \n        : 'text-foreground hover:text-foreground hover:bg-muted/50'\n    );\n}\n  };\n\n  // Mobile button styles\n  const getMobileButtonStyles = (isActive = false) => {\n    return cn(\n      'w-full flex items-center px-3 py-2 text-left transition-colors duration-200 rounded-lg',\n      isActive \n        ? 'bg-secondary text-secondary-foreground' \n        : 'text-foreground hover:text-foreground hover:bg-muted'\n    );\n  };\n\n  // Mobile toggle button styles\n  const getMobileToggleStyles = () => {\n    switch (tone) {\n      case 'subtle':\n        return 'text-muted-foreground hover:text-foreground hover:bg-muted/50';\n      case 'brand':\n        return 'text-primary-foreground hover:text-primary-foreground hover:bg-primary-foreground/10';\n      case 'contrast':\n        return 'text-foreground hover:text-foreground hover:bg-muted/50';\n      default: // clean\n        return 'text-foreground hover:text-foreground hover:bg-muted/50';\n    }\n  };\n\n  return (\n    <div className=\"flex items-center ml-auto\">\n      {/* Desktop Navigation - Hidden on mobile, visible on desktop */}\n      <nav className={cn('hidden md:flex items-center space-x-1', className)} ref={ref} {...props}>\n        {navigation.map((item) => {\n          const hasDropdown = item.items && item.items.length > 0;\n          const isOpen = openDropdown === item.key;\n          const isActive = item.href ? currentPath === item.href : item.isActive;\n\n          return (\n            <div key={item.key} className=\"relative\">\n              <button\n                type=\"button\"\n                className={cn(getDesktopButtonStyles(isActive), item.className)}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  if (hasDropdown) {\n                    setOpenDropdown(isOpen ? null : item.key);\n                  } else {\n                    setOpenDropdown(null);\n                    handleItemClick(item);\n                  }\n                }}\n              >\n                {item.icon && <item.icon className=\"h-4 w-4\" />}\n                <span>{item.label}</span>\n                {hasDropdown && (\n                  <ChevronDown className={cn(\n                    'h-3 w-3 transition-transform duration-200',\n                    isOpen && 'rotate-180'\n                  )} />\n                )}\n              </button>\n              \n              {/* Desktop Dropdown Menu */}\n              {hasDropdown && isOpen && (\n                <div \n                  className=\"absolute top-full left-0 w-48 bg-background border border-border rounded-lg shadow-lg z-50 mt-1\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <div className=\"py-1\">\n                    {item.items?.map((subItem) => {\n                      const subIsActive = subItem.href ? currentPath === subItem.href : subItem.isActive;\n                      \n                      return (\n                        <button\n                          key={subItem.key}\n                          type=\"button\"\n                          className={cn(\n                            'w-full px-3 py-2 text-left text-sm transition-colors flex items-center gap-2',\n                            'hover:bg-muted hover:text-foreground focus:bg-muted focus:text-foreground focus:outline-none',\n                            subIsActive \n                              ? 'bg-muted text-foreground font-medium' \n                              : 'text-foreground'\n                          )}\n                          onClick={() => {\n                            setOpenDropdown(null);\n                            handleItemClick(subItem);\n                          }}\n                        >\n                          {subItem.icon && <subItem.icon className=\"h-4 w-4\" />}\n                          <span>{subItem.label}</span>\n                          {subItem.badge && (\n                            <span className=\"ml-auto text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded\">\n                              {subItem.badge}\n                            </span>\n                          )}\n                        </button>\n                      );\n                    })}\n                  </div>\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </nav>\n      \n      {/* Mobile Toggle Button - Hidden on desktop, visible on mobile */}\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        className={cn('md:hidden', getMobileToggleStyles())}\n        onClick={() => setMobileOpen(!mobileOpen)}\n        aria-label={mobileOpen ? 'Close menu' : 'Open menu'}\n      >\n        {mobileOpen ? <X className=\"h-5 w-5\" /> : <Menu className=\"h-5 w-5\" />}\n      </Button>\n      \n      {/* Mobile Navigation Menu - Hidden on desktop, shows on mobile when toggled */}\n      {mobileOpen && (\n        <div className=\"fixed top-16 left-0 right-0 z-40 md:hidden bg-background border-b border-border/40 shadow-lg\">\n          <div className=\"max-h-96 overflow-y-auto\">\n            <div className=\"px-4 py-4 space-y-2\">\n              {navigation.map((item) => {\n                const hasSubItems = item.items && item.items.length > 0;\n                const isExpanded = expandedMobileItems.has(item.key);\n                const isActive = item.href ? currentPath === item.href : item.isActive;\n\n                return (\n                  <div key={item.key} className=\"space-y-1\">\n                    <button \n                      type=\"button\"\n                      className={cn(getMobileButtonStyles(isActive), item.className)}\n                      onClick={() => hasSubItems ? toggleMobileDropdown(item.key) : handleItemClick(item)}\n                    >\n                      {item.icon && <item.icon className=\"h-4 w-4 mr-3 flex-shrink-0\" />}\n                      <span className=\"flex-1 text-sm\">{item.label}</span>\n                      {item.badge && (\n                        <span className=\"text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded mr-2\">\n                          {item.badge}\n                        </span>\n                      )}\n                      {hasSubItems && (\n                        <ChevronDown className={cn(\n                          'h-4 w-4 transition-transform duration-200 flex-shrink-0',\n                          isExpanded && 'rotate-180'\n                        )} />\n                      )}\n                    </button>\n                    \n                    {/* Mobile Submenu */}\n                    {hasSubItems && isExpanded && (\n                      <div className=\"ml-6 space-y-1 border-l border-border/30 pl-4\">\n                        {item.items?.map((subItem) => {\n                          const subIsActive = subItem.href ? currentPath === subItem.href : subItem.isActive;\n                          \n                          return (\n                            <button\n                              key={subItem.key}\n                              type=\"button\"\n                              className={cn(\n                                'w-full flex items-center px-3 py-2 text-left transition-colors rounded-lg',\n                                subIsActive \n                                  ? 'bg-secondary text-secondary-foreground' \n                                  : 'text-muted-foreground hover:text-foreground hover:bg-muted'\n                              )}\n                              onClick={() => handleItemClick(subItem)}\n                            >\n                              {subItem.icon && <subItem.icon className=\"h-3 w-3 mr-3 flex-shrink-0\" />}\n                              <span className=\"flex-1 text-sm\">{subItem.label}</span>\n                              {subItem.badge && (\n                                <span className=\"text-xs bg-gray-100 text-gray-600 px-1.5 py-0.5 rounded\">\n                                  {subItem.badge}\n                                </span>\n                              )}\n                            </button>\n                          );\n                        })}\n                      </div>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nHeaderNav.displayName = 'HeaderNav';\n\n/**\n * Header with compound components\n */\nconst Header = Object.assign(HeaderComponent, {\n  Logo: HeaderLogo,\n  Nav: HeaderNav,\n});\n\n/**\n * Export Header with compound components and individual components\n */\nexport { \n  Header,\n  HeaderLogo,\n  HeaderNav,\n  headerVariants,\n  containerVariants\n};"],"names":["HeaderContext","createContext","headerVariants","cva","containerVariants","HeaderComponent","forwardRef","className","tone","size","position","children","props","ref","jsx","cn","HeaderLogo","HeaderNav","navigation","currentPath","onNavigate","mobileOpen","setMobileOpen","useState","expandedMobileItems","setExpandedMobileItems","openDropdown","setOpenDropdown","isMounted","setIsMounted","useContext","useEffect","handleResize","handleOutsideClick","toggleMobileDropdown","key","newExpanded","handleItemClick","item","getDesktopButtonStyles","isActive","baseStyles","getMobileButtonStyles","getMobileToggleStyles","jsxs","hasDropdown","isOpen","e","ChevronDown","subItem","subIsActive","Button","X","Menu","hasSubItems","isExpanded","Header"],"mappings":"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"}

package/dist/hooks.js

@@ -0,0 +1,13 @@
+import { B as s, f as u, e as t, u as r, a as o, d as i, g as p, b as B, c } from "./useDataTable-CPiBpEg-.js";
+export {
+  s as BREAKPOINTS,
+  u as breakpointQuery,
+  t as useActiveBreakpoint,
+  r as useApi,
+  o as useBackendStatus,
+  i as useBreakpoint,
+  p as useDataTable,
+  B as useLocalStorage,
+  c as useMediaQuery
+};
+//# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/hover-card.js

@@ -0,0 +1,210 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as n from "react";
+import { u as k, c as l } from "./index-C0UREtMP.js";
+import { c as F } from "./index-DFZozV_h.js";
+import { u as I } from "./index-DQH6odE9.js";
+import { c as H, R as U, A as $, C as W, a as z } from "./index-dhIqEbxW.js";
+import { P as B, D as G } from "./index-BY7PeRJA.js";
+import { P as T } from "./index-BCjJQGh8.js";
+import { P as K } from "./index-BVRIAMfe.js";
+import { c as j } from "./utils-CwJPJKOE.js";
+var x, S = "HoverCard", [O, fe] = F(S, [
+  H
+]), b = H(), [V, w] = O(S), _ = (e) => {
+  const {
+    __scopeHoverCard: o,
+    children: t,
+    open: s,
+    defaultOpen: i,
+    onOpenChange: c,
+    openDelay: f = 700,
+    closeDelay: v = 300
+  } = e, d = b(o), m = n.useRef(0), u = n.useRef(0), C = n.useRef(!1), p = n.useRef(!1), [h, r] = k({
+    prop: s,
+    defaultProp: i ?? !1,
+    onChange: c,
+    caller: S
+  }), P = n.useCallback(() => {
+    clearTimeout(u.current), m.current = window.setTimeout(() => r(!0), f);
+  }, [f, r]), L = n.useCallback(() => {
+    clearTimeout(m.current), !C.current && !p.current && (u.current = window.setTimeout(() => r(!1), v));
+  }, [v, r]), M = n.useCallback(() => r(!1), [r]);
+  return n.useEffect(() => () => {
+    clearTimeout(m.current), clearTimeout(u.current);
+  }, []), /* @__PURE__ */ a(
+    V,
+    {
+      scope: o,
+      open: h,
+      onOpenChange: r,
+      onOpen: P,
+      onClose: L,
+      onDismiss: M,
+      hasSelectionRef: C,
+      isPointerDownOnContentRef: p,
+      children: /* @__PURE__ */ a(U, { ...d, children: t })
+    }
+  );
+};
+_.displayName = S;
+var y = "HoverCardTrigger", N = n.forwardRef(
+  (e, o) => {
+    const { __scopeHoverCard: t, ...s } = e, i = w(y, t), c = b(t);
+    return /* @__PURE__ */ a($, { asChild: !0, ...c, children: /* @__PURE__ */ a(
+      K.a,
+      {
+        "data-state": i.open ? "open" : "closed",
+        ...s,
+        ref: o,
+        onPointerEnter: l(e.onPointerEnter, R(i.onOpen)),
+        onPointerLeave: l(e.onPointerLeave, R(i.onClose)),
+        onFocus: l(e.onFocus, i.onOpen),
+        onBlur: l(e.onBlur, i.onClose),
+        onTouchStart: l(e.onTouchStart, (f) => f.preventDefault())
+      }
+    ) });
+  }
+);
+N.displayName = y;
+var E = "HoverCardPortal", [q, J] = O(E, {
+  forceMount: void 0
+}), D = (e) => {
+  const { __scopeHoverCard: o, forceMount: t, children: s, container: i } = e, c = w(E, o);
+  return /* @__PURE__ */ a(q, { scope: o, forceMount: t, children: /* @__PURE__ */ a(T, { present: t || c.open, children: /* @__PURE__ */ a(B, { asChild: !0, container: i, children: s }) }) });
+};
+D.displayName = E;
+var g = "HoverCardContent", A = n.forwardRef(
+  (e, o) => {
+    const t = J(g, e.__scopeHoverCard), { forceMount: s = t.forceMount, ...i } = e, c = w(g, e.__scopeHoverCard);
+    return /* @__PURE__ */ a(T, { present: s || c.open, children: /* @__PURE__ */ a(
+      Q,
+      {
+        "data-state": c.open ? "open" : "closed",
+        ...i,
+        onPointerEnter: l(e.onPointerEnter, R(c.onOpen)),
+        onPointerLeave: l(e.onPointerLeave, R(c.onClose)),
+        ref: o
+      }
+    ) });
+  }
+);
+A.displayName = g;
+var Q = n.forwardRef((e, o) => {
+  const {
+    __scopeHoverCard: t,
+    onEscapeKeyDown: s,
+    onPointerDownOutside: i,
+    onFocusOutside: c,
+    onInteractOutside: f,
+    ...v
+  } = e, d = w(g, t), m = b(t), u = n.useRef(null), C = I(o, u), [p, h] = n.useState(!1);
+  return n.useEffect(() => {
+    if (p) {
+      const r = document.body;
+      return x = r.style.userSelect || r.style.webkitUserSelect, r.style.userSelect = "none", r.style.webkitUserSelect = "none", () => {
+        r.style.userSelect = x, r.style.webkitUserSelect = x;
+      };
+    }
+  }, [p]), n.useEffect(() => {
+    if (u.current) {
+      const r = () => {
+        h(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
+          document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
+        });
+      };
+      return document.addEventListener("pointerup", r), () => {
+        document.removeEventListener("pointerup", r), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !1;
+      };
+    }
+  }, [d.isPointerDownOnContentRef, d.hasSelectionRef]), n.useEffect(() => {
+    u.current && Z(u.current).forEach((P) => P.setAttribute("tabindex", "-1"));
+  }), /* @__PURE__ */ a(
+    G,
+    {
+      asChild: !0,
+      disableOutsidePointerEvents: !1,
+      onInteractOutside: f,
+      onEscapeKeyDown: s,
+      onPointerDownOutside: i,
+      onFocusOutside: l(c, (r) => {
+        r.preventDefault();
+      }),
+      onDismiss: d.onDismiss,
+      children: /* @__PURE__ */ a(
+        W,
+        {
+          ...m,
+          ...v,
+          onPointerDown: l(v.onPointerDown, (r) => {
+            r.currentTarget.contains(r.target) && h(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
+          }),
+          ref: C,
+          style: {
+            ...v.style,
+            userSelect: p ? "text" : void 0,
+            // Safari requires prefix
+            WebkitUserSelect: p ? "text" : void 0,
+            "--radix-hover-card-content-transform-origin": "var(--radix-popper-transform-origin)",
+            "--radix-hover-card-content-available-width": "var(--radix-popper-available-width)",
+            "--radix-hover-card-content-available-height": "var(--radix-popper-available-height)",
+            "--radix-hover-card-trigger-width": "var(--radix-popper-anchor-width)",
+            "--radix-hover-card-trigger-height": "var(--radix-popper-anchor-height)"
+          }
+        }
+      )
+    }
+  );
+}), X = "HoverCardArrow", Y = n.forwardRef(
+  (e, o) => {
+    const { __scopeHoverCard: t, ...s } = e, i = b(t);
+    return /* @__PURE__ */ a(z, { ...i, ...s, ref: o });
+  }
+);
+Y.displayName = X;
+function R(e) {
+  return (o) => o.pointerType === "touch" ? void 0 : e();
+}
+function Z(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (s) => s.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+var ee = _, re = N, oe = D, te = A;
+function ve({
+  ...e
+}) {
+  return /* @__PURE__ */ a(ee, { "data-slot": "hover-card", ...e });
+}
+function me({
+  ...e
+}) {
+  return /* @__PURE__ */ a(re, { "data-slot": "hover-card-trigger", ...e });
+}
+function Ce({
+  className: e,
+  align: o = "center",
+  sideOffset: t = 4,
+  ...s
+}) {
+  return /* @__PURE__ */ a(oe, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ a(
+    te,
+    {
+      "data-slot": "hover-card-content",
+      align: o,
+      sideOffset: t,
+      className: j(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        e
+      ),
+      ...s
+    }
+  ) });
+}
+export {
+  ve as HoverCard,
+  Ce as HoverCardContent,
+  me as HoverCardTrigger
+};
+//# sourceMappingURL=hover-card.js.map

package/dist/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","sources":["../node_modules/@radix-ui/react-hover-card/dist/index.mjs","../src/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\n\n// src/hover-card.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as PopperPrimitive from \"@radix-ui/react-popper\";\nimport { createPopperScope } from \"@radix-ui/react-popper\";\nimport { Portal as PortalPrimitive } from \"@radix-ui/react-portal\";\nimport { Presence } from \"@radix-ui/react-presence\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { DismissableLayer } from \"@radix-ui/react-dismissable-layer\";\nimport { jsx } from \"react/jsx-runtime\";\nvar originalBodyUserSelect;\nvar HOVERCARD_NAME = \"HoverCard\";\nvar [createHoverCardContext, createHoverCardScope] = createContextScope(HOVERCARD_NAME, [\n  createPopperScope\n]);\nvar usePopperScope = createPopperScope();\nvar [HoverCardProvider, useHoverCardContext] = createHoverCardContext(HOVERCARD_NAME);\nvar HoverCard = (props) => {\n  const {\n    __scopeHoverCard,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    openDelay = 700,\n    closeDelay = 300\n  } = props;\n  const popperScope = usePopperScope(__scopeHoverCard);\n  const openTimerRef = React.useRef(0);\n  const closeTimerRef = React.useRef(0);\n  const hasSelectionRef = React.useRef(false);\n  const isPointerDownOnContentRef = React.useRef(false);\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen ?? false,\n    onChange: onOpenChange,\n    caller: HOVERCARD_NAME\n  });\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(closeTimerRef.current);\n    openTimerRef.current = window.setTimeout(() => setOpen(true), openDelay);\n  }, [openDelay, setOpen]);\n  const handleClose = React.useCallback(() => {\n    clearTimeout(openTimerRef.current);\n    if (!hasSelectionRef.current && !isPointerDownOnContentRef.current) {\n      closeTimerRef.current = window.setTimeout(() => setOpen(false), closeDelay);\n    }\n  }, [closeDelay, setOpen]);\n  const handleDismiss = React.useCallback(() => setOpen(false), [setOpen]);\n  React.useEffect(() => {\n    return () => {\n      clearTimeout(openTimerRef.current);\n      clearTimeout(closeTimerRef.current);\n    };\n  }, []);\n  return /* @__PURE__ */ jsx(\n    HoverCardProvider,\n    {\n      scope: __scopeHoverCard,\n      open,\n      onOpenChange: setOpen,\n      onOpen: handleOpen,\n      onClose: handleClose,\n      onDismiss: handleDismiss,\n      hasSelectionRef,\n      isPointerDownOnContentRef,\n      children: /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children })\n    }\n  );\n};\nHoverCard.displayName = HOVERCARD_NAME;\nvar TRIGGER_NAME = \"HoverCardTrigger\";\nvar HoverCardTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeHoverCard, ...triggerProps } = props;\n    const context = useHoverCardContext(TRIGGER_NAME, __scopeHoverCard);\n    const popperScope = usePopperScope(__scopeHoverCard);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsx(\n      Primitive.a,\n      {\n        \"data-state\": context.open ? \"open\" : \"closed\",\n        ...triggerProps,\n        ref: forwardedRef,\n        onPointerEnter: composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),\n        onPointerLeave: composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),\n        onFocus: composeEventHandlers(props.onFocus, context.onOpen),\n        onBlur: composeEventHandlers(props.onBlur, context.onClose),\n        onTouchStart: composeEventHandlers(props.onTouchStart, (event) => event.preventDefault())\n      }\n    ) });\n  }\n);\nHoverCardTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"HoverCardPortal\";\nvar [PortalProvider, usePortalContext] = createHoverCardContext(PORTAL_NAME, {\n  forceMount: void 0\n});\nvar HoverCardPortal = (props) => {\n  const { __scopeHoverCard, forceMount, children, container } = props;\n  const context = useHoverCardContext(PORTAL_NAME, __scopeHoverCard);\n  return /* @__PURE__ */ jsx(PortalProvider, { scope: __scopeHoverCard, forceMount, children: /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(PortalPrimitive, { asChild: true, container, children }) }) });\n};\nHoverCardPortal.displayName = PORTAL_NAME;\nvar CONTENT_NAME = \"HoverCardContent\";\nvar HoverCardContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const portalContext = usePortalContext(CONTENT_NAME, props.__scopeHoverCard);\n    const { forceMount = portalContext.forceMount, ...contentProps } = props;\n    const context = useHoverCardContext(CONTENT_NAME, props.__scopeHoverCard);\n    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx(\n      HoverCardContentImpl,\n      {\n        \"data-state\": context.open ? \"open\" : \"closed\",\n        ...contentProps,\n        onPointerEnter: composeEventHandlers(props.onPointerEnter, excludeTouch(context.onOpen)),\n        onPointerLeave: composeEventHandlers(props.onPointerLeave, excludeTouch(context.onClose)),\n        ref: forwardedRef\n      }\n    ) });\n  }\n);\nHoverCardContent.displayName = CONTENT_NAME;\nvar HoverCardContentImpl = React.forwardRef((props, forwardedRef) => {\n  const {\n    __scopeHoverCard,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    ...contentProps\n  } = props;\n  const context = useHoverCardContext(CONTENT_NAME, __scopeHoverCard);\n  const popperScope = usePopperScope(__scopeHoverCard);\n  const ref = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, ref);\n  const [containSelection, setContainSelection] = React.useState(false);\n  React.useEffect(() => {\n    if (containSelection) {\n      const body = document.body;\n      originalBodyUserSelect = body.style.userSelect || body.style.webkitUserSelect;\n      body.style.userSelect = \"none\";\n      body.style.webkitUserSelect = \"none\";\n      return () => {\n        body.style.userSelect = originalBodyUserSelect;\n        body.style.webkitUserSelect = originalBodyUserSelect;\n      };\n    }\n  }, [containSelection]);\n  React.useEffect(() => {\n    if (ref.current) {\n      const handlePointerUp = () => {\n        setContainSelection(false);\n        context.isPointerDownOnContentRef.current = false;\n        setTimeout(() => {\n          const hasSelection = document.getSelection()?.toString() !== \"\";\n          if (hasSelection) context.hasSelectionRef.current = true;\n        });\n      };\n      document.addEventListener(\"pointerup\", handlePointerUp);\n      return () => {\n        document.removeEventListener(\"pointerup\", handlePointerUp);\n        context.hasSelectionRef.current = false;\n        context.isPointerDownOnContentRef.current = false;\n      };\n    }\n  }, [context.isPointerDownOnContentRef, context.hasSelectionRef]);\n  React.useEffect(() => {\n    if (ref.current) {\n      const tabbables = getTabbableNodes(ref.current);\n      tabbables.forEach((tabbable) => tabbable.setAttribute(\"tabindex\", \"-1\"));\n    }\n  });\n  return /* @__PURE__ */ jsx(\n    DismissableLayer,\n    {\n      asChild: true,\n      disableOutsidePointerEvents: false,\n      onInteractOutside,\n      onEscapeKeyDown,\n      onPointerDownOutside,\n      onFocusOutside: composeEventHandlers(onFocusOutside, (event) => {\n        event.preventDefault();\n      }),\n      onDismiss: context.onDismiss,\n      children: /* @__PURE__ */ jsx(\n        PopperPrimitive.Content,\n        {\n          ...popperScope,\n          ...contentProps,\n          onPointerDown: composeEventHandlers(contentProps.onPointerDown, (event) => {\n            if (event.currentTarget.contains(event.target)) {\n              setContainSelection(true);\n            }\n            context.hasSelectionRef.current = false;\n            context.isPointerDownOnContentRef.current = true;\n          }),\n          ref: composedRefs,\n          style: {\n            ...contentProps.style,\n            userSelect: containSelection ? \"text\" : void 0,\n            // Safari requires prefix\n            WebkitUserSelect: containSelection ? \"text\" : void 0,\n            // re-namespace exposed content custom properties\n            ...{\n              \"--radix-hover-card-content-transform-origin\": \"var(--radix-popper-transform-origin)\",\n              \"--radix-hover-card-content-available-width\": \"var(--radix-popper-available-width)\",\n              \"--radix-hover-card-content-available-height\": \"var(--radix-popper-available-height)\",\n              \"--radix-hover-card-trigger-width\": \"var(--radix-popper-anchor-width)\",\n              \"--radix-hover-card-trigger-height\": \"var(--radix-popper-anchor-height)\"\n            }\n          }\n        }\n      )\n    }\n  );\n});\nvar ARROW_NAME = \"HoverCardArrow\";\nvar HoverCardArrow = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeHoverCard, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopeHoverCard);\n    return /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });\n  }\n);\nHoverCardArrow.displayName = ARROW_NAME;\nfunction excludeTouch(eventHandler) {\n  return (event) => event.pointerType === \"touch\" ? void 0 : eventHandler();\n}\nfunction getTabbableNodes(container) {\n  const nodes = [];\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node) => {\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n    }\n  });\n  while (walker.nextNode()) nodes.push(walker.currentNode);\n  return nodes;\n}\nvar Root2 = HoverCard;\nvar Trigger = HoverCardTrigger;\nvar Portal = HoverCardPortal;\nvar Content2 = HoverCardContent;\nvar Arrow2 = HoverCardArrow;\nexport {\n  Arrow2 as Arrow,\n  Content2 as Content,\n  HoverCard,\n  HoverCardArrow,\n  HoverCardContent,\n  HoverCardPortal,\n  HoverCardTrigger,\n  Portal,\n  Root2 as Root,\n  Trigger,\n  createHoverCardScope\n};\n//# sourceMappingURL=index.mjs.map\n","import * as React from \"react\"\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction HoverCard({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return (\n    <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n  )\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"names":["originalBodyUserSelect","HOVERCARD_NAME","createHoverCardContext","createHoverCardScope","createContextScope","createPopperScope","usePopperScope","HoverCardProvider","useHoverCardContext","HoverCard","props","__scopeHoverCard","children","openProp","defaultOpen","onOpenChange","openDelay","closeDelay","popperScope","openTimerRef","React","closeTimerRef","hasSelectionRef","isPointerDownOnContentRef","open","setOpen","useControllableState","handleOpen","handleClose","handleDismiss","jsx","PopperPrimitive.Root","TRIGGER_NAME","HoverCardTrigger","forwardedRef","triggerProps","context","PopperPrimitive.Anchor","Primitive","composeEventHandlers","excludeTouch","event","PORTAL_NAME","PortalProvider","usePortalContext","HoverCardPortal","forceMount","container","Presence","PortalPrimitive","CONTENT_NAME","HoverCardContent","portalContext","contentProps","HoverCardContentImpl","onEscapeKeyDown","onPointerDownOutside","onFocusOutside","onInteractOutside","ref","composedRefs","useComposedRefs","containSelection","setContainSelection","body","handlePointerUp","getTabbableNodes","tabbable","DismissableLayer","PopperPrimitive.Content","ARROW_NAME","HoverCardArrow","arrowProps","PopperPrimitive.Arrow","eventHandler","nodes","walker","node","Root2","Trigger","Portal","Content2","HoverCardPrimitive.Root","HoverCardPrimitive.Trigger","className","align","sideOffset","HoverCardPrimitive.Portal","HoverCardPrimitive.Content","cn"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index-0ioNhtNM.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+function c(r) {
+  const t = e.useRef(r);
+  return e.useEffect(() => {
+    t.current = r;
+  }), e.useMemo(() => (...u) => t.current?.(...u), []);
+}
+export {
+  c as u
+};
+//# sourceMappingURL=index-0ioNhtNM.js.map

package/dist/index-0ioNhtNM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-0ioNhtNM.js","sources":["../node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs"],"sourcesContent":["// packages/react/use-callback-ref/src/use-callback-ref.tsx\nimport * as React from \"react\";\nfunction useCallbackRef(callback) {\n  const callbackRef = React.useRef(callback);\n  React.useEffect(() => {\n    callbackRef.current = callback;\n  });\n  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);\n}\nexport {\n  useCallbackRef\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useCallbackRef","callback","callbackRef","React","args"],"mappings":";AAEA,SAASA,EAAeC,GAAU;AAChC,QAAMC,IAAcC,EAAM,OAAOF,CAAQ;AACzC,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAAD,EAAY,UAAUD;AAAA,EACxB,CAAC,GACME,EAAM,QAAQ,MAAM,IAAIC,MAASF,EAAY,UAAU,GAAGE,CAAI,GAAG,EAAE;AAC5E;","x_google_ignoreList":[0]}