@gv-tech/design-system 2.22.2 → 2.23.0

package/dist/menubar.mjs

@@ -1,107 +1,137 @@
 "use client";
 "use client";
-import { Ct as e, Dt as t, Et as n, Ot as r, St as i, Tt as a, _t as o, bt as s, gt as c, ht as l, kt as u, mt as d, or as f, rr as p, tr as m, vr as h, vt as g, wt as _, xt as v, yt as y } from "./vendor-ChPUVHXi.mjs";
-import { t as b } from "./utils-BsD1_fYL.mjs";
-import * as x from "react";
+import { An as e, Cn as t, Dn as n, En as r, Jr as i, Mn as a, On as o, Sn as s, Tn as c, _n as l, bn as u, it as d, jn as f, kn as p, tt as m, vn as h, wn as g, xn as _, yn as v } from "./vendor-B6CFfDyk.mjs";
+import { t as y } from "./utils-IYJAOUsw.mjs";
+import "react";
 //#region packages/ui-web/src/menubar.tsx
-var S = h();
+var b = i();
+function x({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)(n, {
+		"data-slot": "menubar",
+		className: y("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", e),
+		...t
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ (0, b.jsx)(t, {
+		"data-slot": "menubar-menu",
+		...e
+	});
+}
 function C({ ...e }) {
-	return /* @__PURE__ */ (0, S.jsx)(s, { ...e });
+	return /* @__PURE__ */ (0, b.jsx)(v, {
+		"data-slot": "menubar-group",
+		...e
+	});
 }
 function w({ ...e }) {
-	return /* @__PURE__ */ (0, S.jsx)(c, { ...e });
+	return /* @__PURE__ */ (0, b.jsx)(g, {
+		"data-slot": "menubar-portal",
+		...e
+	});
 }
 function T({ ...e }) {
-	return /* @__PURE__ */ (0, S.jsx)(v, { ...e });
+	return /* @__PURE__ */ (0, b.jsx)(c, {
+		"data-slot": "menubar-radio-group",
+		...e
+	});
 }
-function E({ ...e }) {
-	return /* @__PURE__ */ (0, S.jsx)(i, { ...e });
+function E({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)(a, {
+		"data-slot": "menubar-trigger",
+		className: y("hover:bg-muted aria-expanded:bg-muted flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none", e),
+		...t
+	});
+}
+function D({ className: e, align: t = "start", alignOffset: n = -4, sideOffset: r = 8, ...i }) {
+	return /* @__PURE__ */ (0, b.jsx)(w, { children: /* @__PURE__ */ (0, b.jsx)(h, {
+		"data-slot": "menubar-content",
+		align: t,
+		alignOffset: n,
+		sideOffset: r,
+		className: y("bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-36 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg p-1 shadow-md ring-1 duration-100", e),
+		...i
+	}) });
+}
+function O({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ (0, b.jsx)(u, {
+		"data-slot": "menubar-item",
+		"data-inset": t,
+		"data-variant": n,
+		className: y("group/menubar-item focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:*:[svg]:text-destructive! relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4", e),
+		...r
+	});
 }
-function D({ ...e }) {
-	return /* @__PURE__ */ (0, S.jsx)(n, {
+function k({ className: e, children: t, checked: n, inset: r, ...i }) {
+	return /* @__PURE__ */ (0, b.jsxs)(l, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": r,
+		className: y("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-7 pe-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+		checked: n,
+		...i,
+		children: [/* @__PURE__ */ (0, b.jsx)("span", {
+			className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*=size-])]:size-4",
+			children: /* @__PURE__ */ (0, b.jsx)(_, { children: /* @__PURE__ */ (0, b.jsx)(d, {}) })
+		}), t]
+	});
+}
+function A({ className: e, children: t, inset: n, ...i }) {
+	return /* @__PURE__ */ (0, b.jsxs)(r, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": n,
+		className: y("focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-7 pe-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4", e),
+		...i,
+		children: [/* @__PURE__ */ (0, b.jsx)("span", {
+			className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*=size-])]:size-4",
+			children: /* @__PURE__ */ (0, b.jsx)(_, { children: /* @__PURE__ */ (0, b.jsx)(d, {}) })
+		}), t]
+	});
+}
+function j({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ (0, b.jsx)(s, {
+		"data-slot": "menubar-label",
+		"data-inset": t,
+		className: y("px-1.5 py-1 text-sm font-medium data-inset:ps-7", e),
+		...n
+	});
+}
+function M({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)(o, {
+		"data-slot": "menubar-separator",
+		className: y("bg-border -mx-1 my-1 h-px", e),
+		...t
+	});
+}
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, b.jsx)("span", {
+		"data-slot": "menubar-shortcut",
+		className: y("text-muted-foreground group-focus/menubar-item:text-accent-foreground ms-auto text-xs tracking-widest", e),
+		...t
+	});
+}
+function P({ ...e }) {
+	return /* @__PURE__ */ (0, b.jsx)(p, {
 		"data-slot": "menubar-sub",
 		...e
 	});
 }
-var O = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, S.jsx)(_, {
-	ref: n,
-	className: b("bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-sm", e),
-	...t
-}));
-O.displayName = _?.displayName || "Menubar";
-var k = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, S.jsx)(u, {
-	ref: n,
-	className: b("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none", e),
-	...t
-}));
-k.displayName = u?.displayName || "MenubarTrigger";
-var A = x.forwardRef(({ className: e, inset: t, children: n, ...i }, a) => /* @__PURE__ */ (0, S.jsxs)(r, {
-	ref: a,
-	className: b("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none", t && "pl-8", e),
-	...i,
-	children: [n, /* @__PURE__ */ (0, S.jsx)(p, { className: "ml-auto h-4 w-4" })]
-}));
-A.displayName = r?.displayName || "MenubarSubTrigger";
-var j = x.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ (0, S.jsx)(t, {
-	ref: r,
-	className: b("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 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg", e),
-	...n
-}));
-j.displayName = t?.displayName || "MenubarSubContent";
-var M = x.forwardRef(({ className: e, align: t = "start", alignOffset: n = -4, sideOffset: r = 8, ...i }, a) => /* @__PURE__ */ (0, S.jsx)(v, { children: /* @__PURE__ */ (0, S.jsx)(l, {
-	ref: a,
-	align: t,
-	alignOffset: n,
-	sideOffset: r,
-	className: b("bg-popover text-popover-foreground data-[state=open]:animate-in 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 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-md", e),
-	...i
-}) }));
-M.displayName = l?.displayName || "MenubarContent";
-var N = x.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ (0, S.jsx)(o, {
-	ref: r,
-	className: b("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t && "pl-8", e),
-	...n
-}));
-N.displayName = o?.displayName || "MenubarItem";
-var P = x.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ (0, S.jsxs)(d, {
-	ref: i,
-	className: b("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
-	checked: n,
-	...r,
-	children: [/* @__PURE__ */ (0, S.jsx)("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ (0, S.jsx)(g, { children: /* @__PURE__ */ (0, S.jsx)(f, { className: "h-4 w-4" }) })
-	}), t]
-}));
-P.displayName = d?.displayName || "MenubarCheckboxItem";
-var F = x.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ (0, S.jsxs)(e, {
-	ref: i,
-	className: b("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
-	...r,
-	children: [/* @__PURE__ */ (0, S.jsx)("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ (0, S.jsx)(g, { children: /* @__PURE__ */ (0, S.jsx)(m, { className: "h-4 w-4 fill-current" }) })
-	}), n]
-}));
-F.displayName = e?.displayName || "MenubarRadioItem";
-var I = x.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ (0, S.jsx)(y, {
-	ref: r,
-	className: b("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
-	...n
-}));
-I.displayName = y?.displayName || "MenubarLabel";
-var L = x.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, S.jsx)(a, {
-	ref: n,
-	className: b("bg-muted -mx-1 my-1 h-px", e),
-	...t
-}));
-L.displayName = a?.displayName || "MenubarSeparator";
-var R = ({ className: e, ...t }) => /* @__PURE__ */ (0, S.jsx)("span", {
-	className: b("text-muted-foreground ml-auto text-xs tracking-widest", e),
-	...t
-});
-R.displayname = "MenubarShortcut";
+function F({ className: e, inset: t, children: n, ...r }) {
+	return /* @__PURE__ */ (0, b.jsxs)(f, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": t,
+		className: y("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-none select-none data-inset:ps-7 [&_svg:not([class*=size-])]:size-4", e),
+		...r,
+		children: [n, /* @__PURE__ */ (0, b.jsx)(m, { className: "ms-auto size-4" })]
+	});
+}
+function I({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, b.jsx)(e, {
+		"data-slot": "menubar-sub-content",
+		className: y("bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg p-1 shadow-lg ring-1 duration-100", t),
+		...n
+	});
+}
 //#endregion
-export { O as Menubar, P as MenubarCheckboxItem, M as MenubarContent, w as MenubarGroup, N as MenubarItem, I as MenubarLabel, C as MenubarMenu, T as MenubarPortal, E as MenubarRadioGroup, F as MenubarRadioItem, L as MenubarSeparator, R as MenubarShortcut, D as MenubarSub, j as MenubarSubContent, A as MenubarSubTrigger, k as MenubarTrigger };
+export { x as Menubar, k as MenubarCheckboxItem, D as MenubarContent, C as MenubarGroup, O as MenubarItem, j as MenubarLabel, S as MenubarMenu, w as MenubarPortal, T as MenubarRadioGroup, A as MenubarRadioItem, M as MenubarSeparator, N as MenubarShortcut, P as MenubarSub, I as MenubarSubContent, F as MenubarSubTrigger, E as MenubarTrigger };
 
 //# sourceMappingURL=menubar.mjs.map

package/dist/menubar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.mjs","names":[],"sources":["../packages/ui-web/src/menubar.tsx"],"sourcesContent":["'use client';\n\nimport * as MenubarPrimitive from '@radix-ui/react-menubar';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  MenubarBaseProps,\n  MenubarCheckboxItemBaseProps,\n  MenubarContentBaseProps,\n  MenubarItemBaseProps,\n  MenubarLabelBaseProps,\n  MenubarMenuBaseProps,\n  MenubarRadioItemBaseProps,\n  MenubarSeparatorBaseProps,\n  MenubarShortcutBaseProps,\n  MenubarSubBaseProps,\n  MenubarSubContentBaseProps,\n  MenubarSubTriggerBaseProps,\n  MenubarTriggerBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nfunction MenubarMenu({ ...props }: MenubarPrimitive.MenubarMenuProps & MenubarMenuBaseProps) {\n  return <MenubarPrimitive.Menu {...props} />;\n}\n\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group {...props} />;\n}\n\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal {...props} />;\n}\n\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup {...props} />;\n}\n\nfunction MenubarSub({ ...props }: MenubarPrimitive.MenubarSubProps & MenubarSubBaseProps) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nconst Menubar = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root> & MenubarBaseProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Root\n    ref={ref}\n    className={cn('bg-background flex h-9 items-center space-x-1 rounded-md border p-1 shadow-sm', className)}\n    {...props}\n  />\n));\nMenubar.displayName = MenubarPrimitive.Root?.displayName || 'Menubar';\n\nconst MenubarTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & MenubarTriggerBaseProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none',\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarTrigger.displayName = MenubarPrimitive.Trigger?.displayName || 'MenubarTrigger';\n\nconst MenubarSubTrigger = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & MenubarSubTriggerBaseProps\n>(({ className, inset, children, ...props }, ref) => (\n  <MenubarPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </MenubarPrimitive.SubTrigger>\n));\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger?.displayName || 'MenubarSubTrigger';\n\nconst MenubarSubContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent> & MenubarSubContentBaseProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.SubContent\n    ref={ref}\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 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg',\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarSubContent.displayName = MenubarPrimitive.SubContent?.displayName || 'MenubarSubContent';\n\nconst MenubarContent = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & MenubarContentBaseProps\n>(({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, ref) => (\n  <MenubarPrimitive.Portal>\n    <MenubarPrimitive.Content\n      ref={ref}\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in 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 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-md',\n        className,\n      )}\n      {...props}\n    />\n  </MenubarPrimitive.Portal>\n));\nMenubarContent.displayName = MenubarPrimitive.Content?.displayName || 'MenubarContent';\n\nconst MenubarItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & MenubarItemBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Item\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nMenubarItem.displayName = MenubarPrimitive.Item?.displayName || 'MenubarItem';\n\nconst MenubarCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem> & MenubarCheckboxItemBaseProps\n>(({ className, children, checked, ...props }, ref) => (\n  <MenubarPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.CheckboxItem>\n));\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem?.displayName || 'MenubarCheckboxItem';\n\nconst MenubarRadioItem = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem> & MenubarRadioItemBaseProps\n>(({ className, children, ...props }, ref) => (\n  <MenubarPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <MenubarPrimitive.ItemIndicator>\n        <Circle className=\"h-4 w-4 fill-current\" />\n      </MenubarPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </MenubarPrimitive.RadioItem>\n));\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem?.displayName || 'MenubarRadioItem';\n\nconst MenubarLabel = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & MenubarLabelBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <MenubarPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n));\nMenubarLabel.displayName = MenubarPrimitive.Label?.displayName || 'MenubarLabel';\n\nconst MenubarSeparator = React.forwardRef<\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> & MenubarSeparatorBaseProps\n>(({ className, ...props }, ref) => (\n  <MenubarPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n));\nMenubarSeparator.displayName = MenubarPrimitive.Separator?.displayName || 'MenubarSeparator';\n\nconst MenubarShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement> & MenubarShortcutBaseProps) => {\n  return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n};\nMenubarShortcut.displayname = 'MenubarShortcut';\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n\nexport type {\n  MenubarCheckboxItemBaseProps as MenubarCheckboxItemProps,\n  MenubarContentBaseProps as MenubarContentProps,\n  MenubarItemBaseProps as MenubarItemProps,\n  MenubarLabelBaseProps as MenubarLabelProps,\n  MenubarMenuBaseProps as MenubarMenuProps,\n  MenubarBaseProps as MenubarProps,\n  MenubarRadioItemBaseProps as MenubarRadioItemProps,\n  MenubarSeparatorBaseProps as MenubarSeparatorProps,\n  MenubarShortcutBaseProps as MenubarShortcutProps,\n  MenubarSubContentBaseProps as MenubarSubContentProps,\n  MenubarSubBaseProps as MenubarSubProps,\n  MenubarSubTriggerBaseProps as MenubarSubTriggerProps,\n  MenubarTriggerBaseProps as MenubarTriggerProps,\n};\n"],"mappings":"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"}
+{"version":3,"file":"menubar.mjs","names":[],"sources":["../packages/ui-web/src/menubar.tsx"],"sourcesContent":["'use client';\n\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { CheckIcon, ChevronRightIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { MenubarBaseProps } from '@gv-tech/ui-core';\n\nfunction Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('flex h-8 items-center gap-0.5 rounded-lg border p-[3px]', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\nfunction MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        'hover:bg-muted aria-expanded:bg-muted flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarContent({\n  className,\n  align = 'start',\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 z-50 min-w-36 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg p-1 shadow-md ring-1 duration-100',\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        'group/menubar-item focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:*:[svg]:text-destructive! relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-7 pe-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*=size-])]:size-4\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-md py-1 ps-7 pe-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*=size-])]:size-4\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn('px-1.5 py-1 text-sm font-medium data-inset:ps-7', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        'text-muted-foreground group-focus/menubar-item:text-accent-foreground ms-auto text-xs tracking-widest',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-none select-none data-inset:ps-7 [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ms-auto size-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground ring-foreground/10 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-lg p-1 shadow-lg ring-1 duration-100',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarPortal,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyMenubarContract: MenubarBaseProps = {} as unknown as React.ComponentProps<typeof Menubar>;\n"],"mappings":"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"}

package/dist/native-select.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,size:r=`default`,...a}){return(0,i.jsxs)(`div`,{className:n.t(`group/native-select relative w-fit has-[select:disabled]:opacity-50`,e),"data-slot":`native-select-wrapper`,"data-size":r,children:[(0,i.jsx)(`select`,{"data-slot":`native-select`,"data-size":r,className:`border-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5`,...a}),(0,i.jsx)(t.rt,{className:`text-muted-foreground pointer-events-none absolute end-2.5 top-1/2 size-4 -translate-y-1/2 select-none`,"aria-hidden":`true`,"data-slot":`native-select-icon`})]})}function o({className:e,...t}){return(0,i.jsx)(`option`,{"data-slot":`native-select-option`,className:n.t(`bg-[Canvas] text-[CanvasText]`,e),...t})}function s({className:e,...t}){return(0,i.jsx)(`optgroup`,{"data-slot":`native-select-optgroup`,className:n.t(`bg-[Canvas] text-[CanvasText]`,e),...t})}exports.NativeSelect=a,exports.NativeSelectOptGroup=s,exports.NativeSelectOption=o;
+//# sourceMappingURL=native-select.cjs.map

package/dist/native-select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.cjs","names":[],"sources":["../packages/ui-web/src/native-select.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type {\n  NativeSelectBaseProps,\n  NativeSelectOptGroupBaseProps,\n  NativeSelectOptionBaseProps,\n} from '@gv-tech/ui-core';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\ntype NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & NativeSelectBaseProps;\n\nfunction NativeSelect({ className, size = 'default', ...props }: NativeSelectProps) {\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"border-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5\"\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"text-muted-foreground pointer-events-none absolute end-2.5 top-1/2 size-4 -translate-y-1/2 select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  );\n}\n\nfunction NativeSelectOption({ className, ...props }: React.ComponentProps<'option'> & NativeSelectOptionBaseProps) {\n  return (\n    <option data-slot=\"native-select-option\" className={cn('bg-[Canvas] text-[CanvasText]', className)} {...props} />\n  );\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<'optgroup'> & NativeSelectOptGroupBaseProps) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn('bg-[Canvas] text-[CanvasText]', className)}\n      {...props}\n    />\n  );\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n"],"mappings":"kPAYA,SAAS,EAAa,CAAE,YAAW,OAAO,UAAW,GAAG,GAA4B,CAClF,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,EAAG,sEAAuE,CAAS,EAC9F,YAAU,wBACV,YAAW,WAHb,EAKE,EAAA,EAAA,KAAC,SAAD,CACE,YAAU,gBACV,YAAW,EACX,UAAU,2pBACV,GAAI,CACL,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,UAAU,yGACV,cAAY,OACZ,YAAU,oBACX,CAAA,CACE,GAET,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuE,CACjH,OACE,EAAA,EAAA,KAAC,SAAD,CAAQ,YAAU,uBAAuB,UAAW,EAAA,EAAG,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAEpH,CAEA,SAAS,EAAqB,CAC5B,YACA,GAAG,GACgE,CACnE,OACE,EAAA,EAAA,KAAC,WAAD,CACE,YAAU,yBACV,UAAW,EAAA,EAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL"}

package/dist/native-select.d.ts

@@ -0,0 +1,2 @@
+export * from './packages/ui-web/src/native-select'
+export {}

package/dist/native-select.mjs

@@ -0,0 +1,41 @@
+"use client";
+import { Jr as e, rt as t } from "./vendor-B6CFfDyk.mjs";
+import { t as n } from "./utils-IYJAOUsw.mjs";
+import "react";
+//#region packages/ui-web/src/native-select.tsx
+var r = e();
+function i({ className: e, size: i = "default", ...a }) {
+	return /* @__PURE__ */ (0, r.jsxs)("div", {
+		className: n("group/native-select relative w-fit has-[select:disabled]:opacity-50", e),
+		"data-slot": "native-select-wrapper",
+		"data-size": i,
+		children: [/* @__PURE__ */ (0, r.jsx)("select", {
+			"data-slot": "native-select",
+			"data-size": i,
+			className: "border-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5",
+			...a
+		}), /* @__PURE__ */ (0, r.jsx)(t, {
+			className: "text-muted-foreground pointer-events-none absolute end-2.5 top-1/2 size-4 -translate-y-1/2 select-none",
+			"aria-hidden": "true",
+			"data-slot": "native-select-icon"
+		})]
+	});
+}
+function a({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, r.jsx)("option", {
+		"data-slot": "native-select-option",
+		className: n("bg-[Canvas] text-[CanvasText]", e),
+		...t
+	});
+}
+function o({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, r.jsx)("optgroup", {
+		"data-slot": "native-select-optgroup",
+		className: n("bg-[Canvas] text-[CanvasText]", e),
+		...t
+	});
+}
+//#endregion
+export { i as NativeSelect, o as NativeSelectOptGroup, a as NativeSelectOption };
+
+//# sourceMappingURL=native-select.mjs.map

package/dist/native-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.mjs","names":[],"sources":["../packages/ui-web/src/native-select.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type {\n  NativeSelectBaseProps,\n  NativeSelectOptGroupBaseProps,\n  NativeSelectOptionBaseProps,\n} from '@gv-tech/ui-core';\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\ntype NativeSelectProps = Omit<React.ComponentProps<'select'>, 'size'> & NativeSelectBaseProps;\n\nfunction NativeSelect({ className, size = 'default', ...props }: NativeSelectProps) {\n  return (\n    <div\n      className={cn('group/native-select relative w-fit has-[select:disabled]:opacity-50', className)}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"border-input selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 h-8 w-full min-w-0 appearance-none rounded-lg border bg-transparent py-1 ps-2.5 pe-8 text-sm transition-colors outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5\"\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"text-muted-foreground pointer-events-none absolute end-2.5 top-1/2 size-4 -translate-y-1/2 select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  );\n}\n\nfunction NativeSelectOption({ className, ...props }: React.ComponentProps<'option'> & NativeSelectOptionBaseProps) {\n  return (\n    <option data-slot=\"native-select-option\" className={cn('bg-[Canvas] text-[CanvasText]', className)} {...props} />\n  );\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<'optgroup'> & NativeSelectOptGroupBaseProps) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn('bg-[Canvas] text-[CanvasText]', className)}\n      {...props}\n    />\n  );\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n"],"mappings":";;;;;;AAYA,SAAS,EAAa,EAAE,cAAW,UAAO,WAAW,GAAG,KAA4B;CAClF,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,WAAW,EAAG,uEAAuE,CAAS;EAC9F,aAAU;EACV,aAAW;YAHb,CAKE,iBAAA,GAAA,EAAA,KAAC,UAAD;GACE,aAAU;GACV,aAAW;GACX,WAAU;GACV,GAAI;EACL,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAU;GACV,eAAY;GACZ,aAAU;EACX,CAAA,CACE;;AAET;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAuE;CACjH,OACE,iBAAA,GAAA,EAAA,KAAC,UAAD;EAAQ,aAAU;EAAuB,WAAW,EAAG,iCAAiC,CAAS;EAAG,GAAI;CAAQ,CAAA;AAEpH;AAEA,SAAS,EAAqB,EAC5B,cACA,GAAG,KACgE;CACnE,OACE,iBAAA,GAAA,EAAA,KAAC,YAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL"}

package/dist/navigation-menu.cjs

@@ -1,2 +1,2 @@
-"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-3cr8xz0x.js"),n=require("./utils-DU-Y_pvO.js");let r=require("react");r=e.r(r);var i=t.vr(),a=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsxs)(t.dt,{ref:o,className:n.t(`relative z-10 flex max-w-max flex-1 items-center justify-center`,e),...a,children:[r,(0,i.jsx)(f,{})]}));a.displayName=t.dt?.displayName||`NavigationMenu`;var o=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.ut,{ref:a,className:n.t(`group flex flex-1 list-none items-center justify-center space-x-1`,e),...r}));o.displayName=t.ut?.displayName||`NavigationMenuList`;var s=t.ct,c=t.Gn(`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent`),l=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsxs)(t.ft,{ref:o,className:n.t(c(),`group`,e),...a,children:[r,` `,(0,i.jsx)(t.ar,{className:`relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]}));l.displayName=t.ft?.displayName||`NavigationMenuTrigger`;var u=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.ot,{ref:a,className:n.t(`data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto`,e),...r}));u.displayName=t.ot?.displayName||`NavigationMenuContent`;var d=t.lt,f=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(`div`,{className:n.t(`absolute top-full left-0 flex justify-center`),children:(0,i.jsx)(t.pt,{className:n.t(`origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]`,e),ref:a,...r})}));f.displayName=t.pt?.displayName||`NavigationMenuViewport`;var p=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(t.st,{ref:a,className:n.t(`data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden`,e),...r,children:(0,i.jsx)(`div`,{className:`bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})}));p.displayName=t.st?.displayName||`NavigationMenuIndicator`,exports.NavigationMenu=a,exports.NavigationMenuContent=u,exports.NavigationMenuIndicator=p,exports.NavigationMenuItem=s,exports.NavigationMenuLink=d,exports.NavigationMenuList=o,exports.NavigationMenuTrigger=l,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.js"),t=require("./vendor-UfQavLF9.js"),n=require("./utils-D7tt_q-u.js");let r=require("react");r=e.r(r);var i=t.Jr();function a({className:e,children:r,viewport:a=!0,...o}){return(0,i.jsxs)(t.mn,{"data-slot":`navigation-menu`,"data-viewport":a,className:n.t(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[r,a&&(0,i.jsx)(d,{})]})}function o({className:e,...r}){return(0,i.jsx)(t.pn,{"data-slot":`navigation-menu-list`,className:n.t(`group flex flex-1 list-none items-center justify-center gap-0`,e),...r})}function s({className:e,...r}){return(0,i.jsx)(t.dn,{"data-slot":`navigation-menu-item`,className:n.t(`relative`,e),...r})}var c=t.R(`group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-[state=open]:bg-muted/50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted`);function l({className:e,children:r,...a}){return(0,i.jsxs)(t.hn,{"data-slot":`navigation-menu-trigger`,className:n.t(c(),`group`,e),...a,children:[r,` `,(0,i.jsx)(t.rt,{className:`relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-[state=open]/navigation-menu-trigger:rotate-180`,"aria-hidden":`true`})]})}function u({className:e,...r}){return(0,i.jsx)(t.ln,{"data-slot":`navigation-menu-content`,className:n.t(`group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 start-0 top-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto`,e),...r})}function d({className:e,...r}){return(0,i.jsx)(`div`,{className:n.t(`absolute start-0 top-full isolate z-50 flex justify-center`),children:(0,i.jsx)(t.gn,{"data-slot":`navigation-menu-viewport`,className:n.t(`origin-top-center bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-(--radix-navigation-menu-viewport-width)`,e),...r})})}function f({className:e,...r}){return(0,i.jsx)(t.fn,{"data-slot":`navigation-menu-link`,className:n.t(`hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-[state=active]:bg-muted/50 data-[state=active]:hover:bg-muted data-[state=active]:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*=size-])]:size-4`,e),...r})}function p({className:e,...r}){return(0,i.jsx)(t.un,{"data-slot":`navigation-menu-indicator`,className:n.t(`data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,e),...r,children:(0,i.jsx)(`div`,{className:`bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm shadow-md`})})}exports.NavigationMenu=a,exports.NavigationMenuContent=u,exports.NavigationMenuIndicator=p,exports.NavigationMenuItem=s,exports.NavigationMenuLink=f,exports.NavigationMenuList=o,exports.NavigationMenuTrigger=l,exports.NavigationMenuViewport=d,exports.navigationMenuTriggerStyle=c;
 //# sourceMappingURL=navigation-menu.cjs.map

package/dist/navigation-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.cjs","names":[],"sources":["../packages/ui-web/src/navigation-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  NavigationMenuBaseProps,\n  NavigationMenuContentBaseProps,\n  NavigationMenuIndicatorBaseProps,\n  NavigationMenuItemBaseProps,\n  NavigationMenuLinkBaseProps,\n  NavigationMenuListBaseProps,\n  NavigationMenuTriggerBaseProps,\n  NavigationMenuViewportBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst NavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & NavigationMenuBaseProps\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Root\n    ref={ref}\n    className={cn('relative z-10 flex max-w-max flex-1 items-center justify-center', className)}\n    {...props}\n  >\n    {children}\n    <NavigationMenuViewport />\n  </NavigationMenuPrimitive.Root>\n));\nNavigationMenu.displayName = NavigationMenuPrimitive.Root?.displayName || 'NavigationMenu';\n\nconst NavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & NavigationMenuListBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn('group flex flex-1 list-none items-center justify-center space-x-1', className)}\n    {...props}\n  />\n));\nNavigationMenuList.displayName = NavigationMenuPrimitive.List?.displayName || 'NavigationMenuList';\n\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nconst navigationMenuTriggerStyle = cva(\n  'group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent',\n);\n\nconst NavigationMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & NavigationMenuTriggerBaseProps\n>(({ className, children, ...props }, ref) => (\n  <NavigationMenuPrimitive.Trigger\n    ref={ref}\n    className={cn(navigationMenuTriggerStyle(), 'group', className)}\n    {...props}\n  >\n    {children}{' '}\n    <ChevronDown\n      className=\"relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180\"\n      aria-hidden=\"true\"\n    />\n  </NavigationMenuPrimitive.Trigger>\n));\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger?.displayName || 'NavigationMenuTrigger';\n\nconst NavigationMenuContent = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & NavigationMenuContentBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Content\n    ref={ref}\n    className={cn(\n      'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto',\n      className,\n    )}\n    {...props}\n  />\n));\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content?.displayName || 'NavigationMenuContent';\n\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\n\nconst NavigationMenuViewport = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & NavigationMenuViewportBaseProps\n>(({ className, ...props }, ref) => (\n  <div className={cn('absolute top-full left-0 flex justify-center')}>\n    <NavigationMenuPrimitive.Viewport\n      className={cn(\n        'origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  </div>\n));\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport?.displayName || 'NavigationMenuViewport';\n\nconst NavigationMenuIndicator = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & NavigationMenuIndicatorBaseProps\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Indicator\n    ref={ref}\n    className={cn(\n      'data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden',\n      className,\n    )}\n    {...props}\n  >\n    <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n  </NavigationMenuPrimitive.Indicator>\n));\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator?.displayName || 'NavigationMenuIndicator';\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n\nexport type {\n  NavigationMenuContentBaseProps as NavigationMenuContentProps,\n  NavigationMenuIndicatorBaseProps as NavigationMenuIndicatorProps,\n  NavigationMenuItemBaseProps as NavigationMenuItemProps,\n  NavigationMenuLinkBaseProps as NavigationMenuLinkProps,\n  NavigationMenuListBaseProps as NavigationMenuListProps,\n  NavigationMenuBaseProps as NavigationMenuProps,\n  NavigationMenuTriggerBaseProps as NavigationMenuTriggerProps,\n  NavigationMenuViewportBaseProps as NavigationMenuViewportProps,\n};\n"],"mappings":"+PAmBM,EAAiB,EAAM,YAG1B,CAAE,YAAW,WAAU,GAAG,GAAS,KACpC,EAAA,EAAA,MAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,kEAAmE,CAAS,EAC1F,GAAI,WAHN,CAKG,GACD,EAAA,EAAA,KAAC,EAAD,CAAyB,CAAA,CACG,GAC/B,EACD,EAAe,YAAA,EAAA,IAA4C,aAAe,iBAE1E,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,oEAAqE,CAAS,EAC5F,GAAI,CACL,CAAA,CACF,EACD,EAAmB,YAAA,EAAA,IAA4C,aAAe,qBAE9E,IAAM,EAAA,EAAA,GAEA,EAA6B,EAAA,GACjC,4aACF,EAEM,EAAwB,EAAM,YAGjC,CAAE,YAAW,WAAU,GAAG,GAAS,KACpC,EAAA,EAAA,MAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EAAG,EAA2B,EAAG,QAAS,CAAS,EAC9D,GAAI,WAHN,CAKG,EAAU,KACX,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,UAAU,6FACV,cAAY,MACb,CAAA,CAC8B,GAClC,EACD,EAAsB,YAAA,EAAA,IAA+C,aAAe,wBAEpF,IAAM,EAAwB,EAAM,YAGjC,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,wVACA,CACF,EACA,GAAI,CACL,CAAA,CACF,EACD,EAAsB,YAAA,EAAA,IAA+C,aAAe,wBAEpF,IAAM,EAAA,EAAA,GAEA,EAAyB,EAAM,YAGlC,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,8CAA8C,YAC/D,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,UAAW,EAAA,EACT,qVACA,CACF,EACK,MACL,GAAI,CACL,CAAA,CACE,CAAA,CACN,EACD,EAAuB,YAAA,EAAA,IAAgD,aAAe,yBAEtF,IAAM,EAA0B,EAAM,YAGnC,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAA,EAAA,GAAA,CACO,MACL,UAAW,EAAA,EACT,+LACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wEAA0E,CAAA,CACxD,CAAA,CACpC,EACD,EAAwB,YAAA,EAAA,IAAiD,aAAe"}
+{"version":3,"file":"navigation-menu.cjs","names":[],"sources":["../packages/ui-web/src/navigation-menu.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { ChevronDownIcon } from 'lucide-react';\nimport { cn } from './lib/utils';\n\nimport type { NavigationMenuBaseProps } from '@gv-tech/ui-core';\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  'group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-[state=open]:bg-muted/50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted',\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), 'group', className)}\n      {...props}\n    >\n      {children}{' '}\n      <ChevronDownIcon\n        className=\"relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-[state=open]/navigation-menu-trigger:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 start-0 top-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute start-0 top-full isolate z-50 flex justify-center')}>\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'origin-top-center bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-(--radix-navigation-menu-viewport-width)',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-[state=active]:bg-muted/50 data-[state=active]:hover:bg-muted data-[state=active]:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*=size-])]:size-4',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n\n// Verify that the component satisfies the ui-core contract\nconst _verifyNavigationMenuContract: NavigationMenuBaseProps = {} as unknown as React.ComponentProps<\n  typeof NavigationMenu\n>;\n"],"mappings":"kPASA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAA,EAAA,GAAA,CACE,YAAU,kBACV,gBAAe,EACf,UAAW,EAAA,EAAG,mFAAoF,CAAS,EAC3G,GAAI,WAJN,CAMG,EACA,IAAY,EAAA,EAAA,KAAC,EAAD,CAAyB,CAAA,CACV,GAElC,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,uBACV,UAAW,EAAA,EAAG,gEAAiE,CAAS,EACxF,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CAA8B,YAAU,uBAAuB,UAAW,EAAA,EAAG,WAAY,CAAS,EAAG,GAAI,CAAQ,CAAA,CAErH,CAEA,IAAM,EAA6B,EAAA,EACjC,4cACF,EAEA,SAAS,EAAsB,CAC7B,YACA,WACA,GAAG,GAC4D,CAC/D,OACE,EAAA,EAAA,MAAA,EAAA,GAAA,CACE,YAAU,0BACV,UAAW,EAAA,EAAG,EAA2B,EAAG,QAAS,CAAS,EAC9D,GAAI,WAHN,CAKG,EAAU,KACX,EAAA,EAAA,KAAC,EAAA,GAAD,CACE,UAAU,0KACV,cAAY,MACb,CAAA,CAC8B,GAErC,CAEA,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,0BACV,UAAW,EAAA,EACT,y9CACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,4DAA4D,YAC7E,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,2BACV,UAAW,EAAA,EACT,2WACA,CACF,EACA,GAAI,CACL,CAAA,CACE,CAAA,CAET,CAEA,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,uBACV,UAAW,EAAA,EACT,8WACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAwB,CAC/B,YACA,GAAG,GAC8D,CACjE,OACE,EAAA,EAAA,KAAA,EAAA,GAAA,CACE,YAAU,4BACV,UAAW,EAAA,EACT,6LACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wEAA0E,CAAA,CACxD,CAAA,CAEvC"}

package/dist/navigation-menu.mjs

@@ -1,59 +1,81 @@
 "use client";
-"use client";
-import { Gn as e, ar as t, ct as n, dt as r, ft as i, lt as a, ot as o, pt as s, st as c, ut as l, vr as u } from "./vendor-ChPUVHXi.mjs";
-import { t as d } from "./utils-BsD1_fYL.mjs";
-import * as f from "react";
+import { Jr as e, R as t, dn as n, fn as r, gn as i, hn as a, ln as o, mn as s, pn as c, rt as l, un as u } from "./vendor-B6CFfDyk.mjs";
+import { t as d } from "./utils-IYJAOUsw.mjs";
+import "react";
 //#region packages/ui-web/src/navigation-menu.tsx
-var p = u(), m = f.forwardRef(({ className: e, children: t, ...n }, i) => /* @__PURE__ */ (0, p.jsxs)(r, {
-	ref: i,
-	className: d("relative z-10 flex max-w-max flex-1 items-center justify-center", e),
-	...n,
-	children: [t, /* @__PURE__ */ (0, p.jsx)(x, {})]
-}));
-m.displayName = r?.displayName || "NavigationMenu";
-var h = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(l, {
-	ref: n,
-	className: d("group flex flex-1 list-none items-center justify-center space-x-1", e),
-	...t
-}));
-h.displayName = l?.displayName || "NavigationMenuList";
-var g = n, _ = e("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"), v = f.forwardRef(({ className: e, children: n, ...r }, a) => /* @__PURE__ */ (0, p.jsxs)(i, {
-	ref: a,
-	className: d(_(), "group", e),
-	...r,
-	children: [
-		n,
-		" ",
-		/* @__PURE__ */ (0, p.jsx)(t, {
-			className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
-			"aria-hidden": "true"
+var f = e();
+function p({ className: e, children: t, viewport: n = !0, ...r }) {
+	return /* @__PURE__ */ (0, f.jsxs)(s, {
+		"data-slot": "navigation-menu",
+		"data-viewport": n,
+		className: d("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", e),
+		...r,
+		children: [t, n && /* @__PURE__ */ (0, f.jsx)(y, {})]
+	});
+}
+function m({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(c, {
+		"data-slot": "navigation-menu-list",
+		className: d("group flex flex-1 list-none items-center justify-center gap-0", e),
+		...t
+	});
+}
+function h({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(n, {
+		"data-slot": "navigation-menu-item",
+		className: d("relative", e),
+		...t
+	});
+}
+var g = t("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-[state=open]:bg-muted/50 data-[state=open]:hover:bg-muted data-[state=open]:focus:bg-muted");
+function _({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, f.jsxs)(a, {
+		"data-slot": "navigation-menu-trigger",
+		className: d(g(), "group", e),
+		...n,
+		children: [
+			t,
+			" ",
+			/* @__PURE__ */ (0, f.jsx)(l, {
+				className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-[state=open]/navigation-menu-trigger:rotate-180",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+function v({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(o, {
+		"data-slot": "navigation-menu-content",
+		className: d("group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 start-0 top-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto", e),
+		...t
+	});
+}
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)("div", {
+		className: d("absolute start-0 top-full isolate z-50 flex justify-center"),
+		children: /* @__PURE__ */ (0, f.jsx)(i, {
+			"data-slot": "navigation-menu-viewport",
+			className: d("origin-top-center bg-popover text-popover-foreground ring-foreground/10 data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg shadow ring-1 duration-100 md:w-(--radix-navigation-menu-viewport-width)", e),
+			...t
 		})
-	]
-}));
-v.displayName = i?.displayName || "NavigationMenuTrigger";
-var y = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(o, {
-	ref: n,
-	className: d("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto", e),
-	...t
-}));
-y.displayName = o?.displayName || "NavigationMenuContent";
-var b = a, x = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)("div", {
-	className: d("absolute top-full left-0 flex justify-center"),
-	children: /* @__PURE__ */ (0, p.jsx)(s, {
-		className: d("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", e),
-		ref: n,
+	});
+}
+function b({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(r, {
+		"data-slot": "navigation-menu-link",
+		className: d("hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-[state=active]:bg-muted/50 data-[state=active]:hover:bg-muted data-[state=active]:focus:bg-muted flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md [&_svg:not([class*=size-])]:size-4", e),
 		...t
-	})
-}));
-x.displayName = s?.displayName || "NavigationMenuViewport";
-var S = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, p.jsx)(c, {
-	ref: n,
-	className: d("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", e),
-	...t,
-	children: /* @__PURE__ */ (0, p.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
-}));
-S.displayName = c?.displayName || "NavigationMenuIndicator";
+	});
+}
+function x({ className: e, ...t }) {
+	return /* @__PURE__ */ (0, f.jsx)(u, {
+		"data-slot": "navigation-menu-indicator",
+		className: d("data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden", e),
+		...t,
+		children: /* @__PURE__ */ (0, f.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm shadow-md" })
+	});
+}
 //#endregion
-export { m as NavigationMenu, y as NavigationMenuContent, S as NavigationMenuIndicator, g as NavigationMenuItem, b as NavigationMenuLink, h as NavigationMenuList, v as NavigationMenuTrigger, x as NavigationMenuViewport, _ as navigationMenuTriggerStyle };
+export { p as NavigationMenu, v as NavigationMenuContent, x as NavigationMenuIndicator, h as NavigationMenuItem, b as NavigationMenuLink, m as NavigationMenuList, _ as NavigationMenuTrigger, y as NavigationMenuViewport, g as navigationMenuTriggerStyle };
 
 //# sourceMappingURL=navigation-menu.mjs.map