@nuka-ui/core 1.0.3 → 1.1.1

package/dist/components/Menu/MenuContentBase.js

@@ -0,0 +1,84 @@
+import { composeRefs as e } from "../../utils/slot.js";
+import { MenuItemBase as t } from "./MenuItemBase.js";
+import { MenuCheckboxItemBase as n } from "./MenuCheckboxItemBase.js";
+import { MenuRadioItemBase as r } from "./MenuRadioItemBase.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Menu/MenuContentBase.tsx
+var o = i.createContext(void 0);
+function s() {
+	let e = i.useContext(o);
+	if (e === void 0) throw Error("Menu item must be used within a MenuContent component");
+	return e;
+}
+function c(e, t, n, r) {
+	i.useEffect(() => {
+		if (e) {
+			r.current = 0;
+			let e = requestAnimationFrame(() => {
+				let e = n.current;
+				for (let n = 0; n < e.length; n++) if (e[n]) {
+					t(n);
+					break;
+				}
+			});
+			return () => cancelAnimationFrame(e);
+		}
+		n.current = [];
+	}, [
+		e,
+		t,
+		n,
+		r
+	]);
+}
+function l(e, t, n) {
+	return (r) => {
+		if (r.key === "ArrowLeft" && e.onArrowLeft) {
+			r.preventDefault(), e.onArrowLeft();
+			return;
+		}
+		if (r.key === "ArrowRight" && e.onArrowRight) {
+			r.preventDefault(), e.onArrowRight();
+			return;
+		}
+		t.onKeyDown(r), n?.(r);
+	};
+}
+var u = i.forwardRef(({ onKeyDown: n, ...r }, i) => {
+	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
+	return /* @__PURE__ */ a(t, {
+		ref: e(i, u.ref),
+		tabIndex: u.tabIndex,
+		onKeyDown: l(o, u, n),
+		onClose: o.close,
+		...r
+	});
+});
+u.displayName = "MenuItemWithNav";
+var d = i.forwardRef(({ onKeyDown: t, ...r }, i) => {
+	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
+	return /* @__PURE__ */ a(n, {
+		ref: e(i, u.ref),
+		tabIndex: u.tabIndex,
+		onKeyDown: l(o, u, t),
+		onClose: o.close,
+		...r
+	});
+});
+d.displayName = "MenuCheckboxItemWithNav";
+var f = i.forwardRef(({ onKeyDown: t, ...n }, i) => {
+	let o = s(), c = o.indexRef.current++, u = o.getItemProps(c);
+	return /* @__PURE__ */ a(r, {
+		ref: e(i, u.ref),
+		tabIndex: u.tabIndex,
+		onKeyDown: l(o, u, t),
+		onClose: o.close,
+		...n
+	});
+});
+f.displayName = "MenuRadioItemWithNav";
+//#endregion
+export { d as MenuCheckboxItemWithNav, o as MenuItemContext, u as MenuItemWithNav, f as MenuRadioItemWithNav, c as useAutoFocusFirstItem };
+
+//# sourceMappingURL=MenuContentBase.js.map

package/dist/components/Menu/MenuContentBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContentBase.js","names":[],"sources":["../../../src/components/Menu/MenuContentBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { MenuItemBase } from \"@nuka/components/Menu/MenuItemBase\";\nimport type { MenuItemBaseProps } from \"@nuka/components/Menu/MenuItemBase\";\nimport { MenuCheckboxItemBase } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport type { MenuCheckboxItemBaseProps } from \"@nuka/components/Menu/MenuCheckboxItemBase\";\nimport { MenuRadioItemBase } from \"@nuka/components/Menu/MenuRadioItemBase\";\nimport type { MenuRadioItemBaseProps } from \"@nuka/components/Menu/MenuRadioItemBase\";\n\nexport interface MenuItemContextValue {\n  getItemProps: (index: number) => {\n    tabIndex: number;\n    ref: (el: HTMLElement | null) => void;\n    onKeyDown: (e: React.KeyboardEvent) => void;\n  };\n  indexRef: React.RefObject<number>;\n  close: () => void;\n  onArrowLeft?: (() => void) | undefined;\n  onArrowRight?: (() => void) | undefined;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenuItemContext(): MenuItemContextValue {\n  const ctx = React.useContext(MenuItemContext);\n  if (ctx === undefined) {\n    throw new Error(\"Menu item must be used within a MenuContent component\");\n  }\n  return ctx;\n}\n\nexport function useAutoFocusFirstItem(\n  open: boolean,\n  focusItem: (index: number) => void,\n  itemsRef: React.RefObject<(HTMLElement | null)[]>,\n  itemIndexRef: React.RefObject<number>,\n): void {\n  React.useEffect(() => {\n    if (open) {\n      itemIndexRef.current = 0;\n      const frame = requestAnimationFrame(() => {\n        const items = itemsRef.current;\n        for (let i = 0; i < items.length; i++) {\n          if (items[i]) {\n            focusItem(i);\n            break;\n          }\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    itemsRef.current = [];\n    return undefined;\n  }, [open, focusItem, itemsRef, itemIndexRef]);\n}\n\nfunction createMenuItemKeyHandler(\n  itemCtx: MenuItemContextValue,\n  navProps: ReturnType<MenuItemContextValue[\"getItemProps\"]>,\n  onKeyDown: ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined,\n) {\n  return (e: React.KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowLeft\" && itemCtx.onArrowLeft) {\n      e.preventDefault();\n      itemCtx.onArrowLeft();\n      return;\n    }\n    if (e.key === \"ArrowRight\" && itemCtx.onArrowRight) {\n      e.preventDefault();\n      itemCtx.onArrowRight();\n      return;\n    }\n    navProps.onKeyDown(e);\n    onKeyDown?.(e);\n  };\n}\n\nexport interface MenuItemWithNavProps extends Omit<\n  MenuItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuItemWithNav = React.forwardRef<HTMLDivElement, MenuItemWithNavProps>(\n  ({ onKeyDown, ...props }, ref) => {\n    const itemCtx = useMenuItemContext();\n    const index = itemCtx.indexRef.current++;\n    const navProps = itemCtx.getItemProps(index);\n    const composedRef = composeRefs(ref, navProps.ref);\n\n    return (\n      <MenuItemBase\n        ref={composedRef}\n        tabIndex={navProps.tabIndex}\n        onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n        onClose={itemCtx.close}\n        {...props}\n      />\n    );\n  },\n);\n\nMenuItemWithNav.displayName = \"MenuItemWithNav\";\n\nexport interface MenuCheckboxItemWithNavProps extends Omit<\n  MenuCheckboxItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuCheckboxItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuCheckboxItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuCheckboxItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuCheckboxItemWithNav.displayName = \"MenuCheckboxItemWithNav\";\n\nexport interface MenuRadioItemWithNavProps extends Omit<\n  MenuRadioItemBaseProps,\n  \"onClose\"\n> {}\n\nconst MenuRadioItemWithNav = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemWithNavProps\n>(({ onKeyDown, ...props }, ref) => {\n  const itemCtx = useMenuItemContext();\n  const index = itemCtx.indexRef.current++;\n  const navProps = itemCtx.getItemProps(index);\n  const composedRef = composeRefs(ref, navProps.ref);\n\n  return (\n    <MenuRadioItemBase\n      ref={composedRef}\n      tabIndex={navProps.tabIndex}\n      onKeyDown={createMenuItemKeyHandler(itemCtx, navProps, onKeyDown)}\n      onClose={itemCtx.close}\n      {...props}\n    />\n  );\n});\n\nMenuRadioItemWithNav.displayName = \"MenuRadioItemWithNav\";\n\nexport {\n  MenuItemContext,\n  useMenuItemContext,\n  MenuItemWithNav,\n  MenuCheckboxItemWithNav,\n  MenuRadioItemWithNav,\n};\n"],"mappings":";;;;;;;AAqBA,IAAM,IAAkB,EAAM,cAC5B,KAAA,EACD;AAED,SAAS,IAA2C;CAClD,IAAM,IAAM,EAAM,WAAW,EAAgB;AAC7C,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,wDAAwD;AAE1E,QAAO;;AAGT,SAAgB,EACd,GACA,GACA,GACA,GACM;AACN,GAAM,gBAAgB;AACpB,MAAI,GAAM;AACR,KAAa,UAAU;GACvB,IAAM,IAAQ,4BAA4B;IACxC,IAAM,IAAQ,EAAS;AACvB,SAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,IAChC,KAAI,EAAM,IAAI;AACZ,OAAU,EAAE;AACZ;;KAGJ;AACF,gBAAa,qBAAqB,EAAM;;AAE1C,IAAS,UAAU,EAAE;IAEpB;EAAC;EAAM;EAAW;EAAU;EAAa,CAAC;;AAG/C,SAAS,EACP,GACA,GACA,GACA;AACA,SAAQ,MAA2C;AACjD,MAAI,EAAE,QAAQ,eAAe,EAAQ,aAAa;AAEhD,GADA,EAAE,gBAAgB,EAClB,EAAQ,aAAa;AACrB;;AAEF,MAAI,EAAE,QAAQ,gBAAgB,EAAQ,cAAc;AAElD,GADA,EAAE,gBAAgB,EAClB,EAAQ,cAAc;AACtB;;AAGF,EADA,EAAS,UAAU,EAAE,EACrB,IAAY,EAAE;;;AASlB,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,GAAG,KAAS,MAAQ;CAChC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAGP;AAED,EAAgB,cAAc;AAO9B,IAAM,IAA0B,EAAM,YAGnC,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAEJ;AAEF,EAAwB,cAAc;AAOtC,IAAM,IAAuB,EAAM,YAGhC,EAAE,cAAW,GAAG,KAAS,MAAQ;CAClC,IAAM,IAAU,GAAoB,EAC9B,IAAQ,EAAQ,SAAS,WACzB,IAAW,EAAQ,aAAa,EAAM;AAG5C,QACE,kBAAC,GAAD;EACE,KAJgB,EAAY,GAAK,EAAS,IAAI;EAK9C,UAAU,EAAS;EACnB,WAAW,EAAyB,GAAS,GAAU,EAAU;EACjE,SAAS,EAAQ;EACjB,GAAI;EACJ,CAAA;EAEJ;AAEF,EAAqB,cAAc"}

package/dist/components/Menu/MenuItemBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,intent:r,disabled:a=!1,onSelect:o,onClose:s,children:c,onClick:l,onKeyDown:u,...d},f)=>{let p=()=>{a||(o?.(),s?.())};return(0,i.jsx)(`div`,{ref:f,role:`menuitem`,"aria-disabled":a||void 0,className:t.cn(n.menuItemVariants({intent:r}),a&&`opacity-50 pointer-events-none`,e),onClick:e=>{l?.(e),p()},onKeyDown:e=>{u?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p())},...d,children:c})});a.displayName=`MenuItemBase`,exports.MenuItemBase=a;
+//# sourceMappingURL=MenuItemBase.cjs.map

package/dist/components/Menu/MenuItemBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nconst MenuItemBase = React.forwardRef<HTMLDivElement, MenuItemBaseProps>(\n  (\n    {\n      className,\n      intent,\n      disabled = false,\n      onSelect,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onSelect?.();\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitem\"\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuItemVariants({ intent }),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":"uMAYA,IAAM,EAAe,EAAM,YAEvB,CACE,YACA,SACA,WAAW,GACX,WACA,UACA,WACA,UACA,YACA,GAAG,GAEL,IACG,CACH,IAAM,MAAuB,CACvB,IACJ,KAAY,CACZ,KAAW,GAgBb,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,WACL,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,iBAAiB,CAAE,SAAQ,CAAC,CAC5B,GAAY,iCACZ,EACD,CACD,QAvBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAsBd,UAnBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAgBhB,GAAI,EAEH,WACG,CAAA,EAGX,CAED,EAAa,YAAc"}

package/dist/components/Menu/MenuItemBase.js

@@ -0,0 +1,29 @@
+import { cn as e } from "../../utils/cn.js";
+import { menuItemVariants as t } from "./menuItemVariants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Menu/MenuItemBase.tsx
+var i = n.forwardRef(({ className: n, intent: i, disabled: a = !1, onSelect: o, onClose: s, children: c, onClick: l, onKeyDown: u, ...d }, f) => {
+	let p = () => {
+		a || (o?.(), s?.());
+	};
+	return /* @__PURE__ */ r("div", {
+		ref: f,
+		role: "menuitem",
+		"aria-disabled": a || void 0,
+		className: e(t({ intent: i }), a && "opacity-50 pointer-events-none", n),
+		onClick: (e) => {
+			l?.(e), p();
+		},
+		onKeyDown: (e) => {
+			u?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), p());
+		},
+		...d,
+		children: c
+	});
+});
+i.displayName = "MenuItemBase";
+//#endregion
+export { i as MenuItemBase };
+
+//# sourceMappingURL=MenuItemBase.js.map

package/dist/components/Menu/MenuItemBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport type { MenuItemVariantProps } from \"@nuka/components/Menu/menuItemVariants\";\n\nexport interface MenuItemBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>, MenuItemVariantProps {\n  disabled?: boolean;\n  onSelect?: () => void;\n  onClose?: () => void;\n}\n\nconst MenuItemBase = React.forwardRef<HTMLDivElement, MenuItemBaseProps>(\n  (\n    {\n      className,\n      intent,\n      disabled = false,\n      onSelect,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const handleActivate = () => {\n      if (disabled) return;\n      onSelect?.();\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitem\"\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuItemVariants({ intent }),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuItemBase.displayName = \"MenuItemBase\";\n\nexport { MenuItemBase };\n"],"mappings":";;;;;AAYA,IAAM,IAAe,EAAM,YAEvB,EACE,cACA,WACA,cAAW,IACX,aACA,YACA,aACA,YACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,UAAuB;AACvB,QACJ,KAAY,EACZ,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAiB,EAAE,WAAQ,CAAC,EAC5B,KAAY,kCACZ,EACD;EACD,UAvBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAsBd,YAnBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAgBhB,GAAI;EAEH;EACG,CAAA;EAGX;AAED,EAAa,cAAc"}

package/dist/components/Menu/MenuLabelBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:r,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:t.cn(n.menuLabelVariants(),e),...a,children:r}));a.displayName=`MenuLabelBase`,exports.MenuLabelBase=a;
+//# sourceMappingURL=MenuLabelBase.cjs.map

package/dist/components/Menu/MenuLabelBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLabelBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nconst MenuLabelBase = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cn(menuLabelVariants(), className)} {...props}>\n    {children}\n  </div>\n));\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":"uMAIA,IAAM,EAAgB,EAAM,YAGzB,CAAE,YAAW,WAAU,GAAG,GAAS,KACpC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,EAAA,mBAAmB,CAAE,EAAU,CAAE,GAAI,EAC/D,WACG,CAAA,CACN,CAEF,EAAc,YAAc"}

package/dist/components/Menu/MenuLabelBase.js

@@ -0,0 +1,16 @@
+import { cn as e } from "../../utils/cn.js";
+import { menuLabelVariants as t } from "./menuItemVariants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Menu/MenuLabelBase.tsx
+var i = n.forwardRef(({ className: n, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
+	ref: o,
+	className: e(t(), n),
+	...a,
+	children: i
+}));
+i.displayName = "MenuLabelBase";
+//#endregion
+export { i as MenuLabelBase };
+
+//# sourceMappingURL=MenuLabelBase.js.map

package/dist/components/Menu/MenuLabelBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuLabelBase.js","names":[],"sources":["../../../src/components/Menu/MenuLabelBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuLabelVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nconst MenuLabelBase = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cn(menuLabelVariants(), className)} {...props}>\n    {children}\n  </div>\n));\n\nMenuLabelBase.displayName = \"MenuLabelBase\";\n\nexport { MenuLabelBase };\n"],"mappings":";;;;;AAIA,IAAM,IAAgB,EAAM,YAGzB,EAAE,cAAW,aAAU,GAAG,KAAS,MACpC,kBAAC,OAAD;CAAU;CAAK,WAAW,EAAG,GAAmB,EAAE,EAAU;CAAE,GAAI;CAC/D;CACG,CAAA,CACN;AAEF,EAAc,cAAc"}

package/dist/components/Menu/MenuRadioGroupBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);var r=t.createContext(void 0);function i(){let e=t.useContext(r);if(e===void 0)throw Error(`useMenuRadioGroup must be used within a MenuRadioGroup`);return e}var a=t.forwardRef(({value:e,onValueChange:i,children:a,...o},s)=>(0,n.jsx)(r,{value:t.useMemo(()=>({value:e,onValueChange:i}),[e,i]),children:(0,n.jsx)(`div`,{ref:s,role:`group`,...o,children:a})}));a.displayName=`MenuRadioGroupBase`,exports.MenuRadioGroupBase=a,exports.useMenuRadioGroup=i;
+//# sourceMappingURL=MenuRadioGroupBase.cjs.map

package/dist/components/Menu/MenuRadioGroupBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioGroupBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nconst MenuRadioGroupBase = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioGroupBaseProps\n>(({ value, onValueChange, children, ...props }, ref) => {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n});\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":"mIASA,IAAM,EAAwB,EAAM,cAMlC,IAAA,GAAU,CAEZ,SAAS,GAAoB,CAC3B,IAAM,EAAM,EAAM,WAAW,EAAsB,CACnD,GAAI,IAAQ,IAAA,GACV,MAAU,MAAM,yDAAyD,CAE3E,OAAO,EAGT,IAAM,EAAqB,EAAM,YAG9B,CAAE,QAAO,gBAAe,WAAU,GAAG,GAAS,KAO7C,EAAA,EAAA,KAAC,EAAD,CAAuB,MANR,EAAM,aACd,CAAE,QAAO,gBAAe,EAC/B,CAAC,EAAO,EAAc,CACvB,WAIG,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,KAAK,QAAQ,GAAI,EAC7B,WACG,CAAA,CACgB,CAAA,CAE1B,CAEF,EAAmB,YAAc"}

package/dist/components/Menu/MenuRadioGroupBase.js

@@ -0,0 +1,26 @@
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Menu/MenuRadioGroupBase.tsx
+var n = e.createContext(void 0);
+function r() {
+	let t = e.useContext(n);
+	if (t === void 0) throw Error("useMenuRadioGroup must be used within a MenuRadioGroup");
+	return t;
+}
+var i = e.forwardRef(({ value: r, onValueChange: i, children: a, ...o }, s) => /* @__PURE__ */ t(n, {
+	value: e.useMemo(() => ({
+		value: r,
+		onValueChange: i
+	}), [r, i]),
+	children: /* @__PURE__ */ t("div", {
+		ref: s,
+		role: "group",
+		...o,
+		children: a
+	})
+}));
+i.displayName = "MenuRadioGroupBase";
+//#endregion
+export { i as MenuRadioGroupBase, r as useMenuRadioGroup };
+
+//# sourceMappingURL=MenuRadioGroupBase.js.map

package/dist/components/Menu/MenuRadioGroupBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioGroupBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  onValueChange?: (value: string) => void;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n}\n\nconst MenuRadioGroupContext = React.createContext<\n  | {\n      value: string;\n      onValueChange?: ((value: string) => void) | undefined;\n    }\n  | undefined\n>(undefined);\n\nfunction useMenuRadioGroup() {\n  const ctx = React.useContext(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nconst MenuRadioGroupBase = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioGroupBaseProps\n>(({ value, onValueChange, children, ...props }, ref) => {\n  const ctxValue = React.useMemo(\n    () => ({ value, onValueChange }),\n    [value, onValueChange],\n  );\n\n  return (\n    <MenuRadioGroupContext value={ctxValue}>\n      <div ref={ref} role=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n});\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":";;;AASA,IAAM,IAAwB,EAAM,cAMlC,KAAA,EAAU;AAEZ,SAAS,IAAoB;CAC3B,IAAM,IAAM,EAAM,WAAW,EAAsB;AACnD,KAAI,MAAQ,KAAA,EACV,OAAU,MAAM,yDAAyD;AAE3E,QAAO;;AAGT,IAAM,IAAqB,EAAM,YAG9B,EAAE,UAAO,kBAAe,aAAU,GAAG,KAAS,MAO7C,kBAAC,GAAD;CAAuB,OANR,EAAM,eACd;EAAE;EAAO;EAAe,GAC/B,CAAC,GAAO,EAAc,CACvB;WAIG,kBAAC,OAAD;EAAU;EAAK,MAAK;EAAQ,GAAI;EAC7B;EACG,CAAA;CACgB,CAAA,CAE1B;AAEF,EAAmB,cAAc"}

package/dist/components/Menu/MenuRadioItemBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`),i=require(`./MenuRadioGroupBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=()=>(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`})}),c=a.forwardRef(({className:e,value:a,disabled:c=!1,onClose:l,children:u,onClick:d,onKeyDown:f,...p},m)=>{let h=i.useMenuRadioGroup(),g=h.value===a,_=()=>{c||(h.onValueChange?.(a),l?.())};return(0,o.jsxs)(`div`,{ref:m,role:`menuitemradio`,"aria-checked":g,"aria-disabled":c||void 0,className:t.cn(r.menuRadioItemVariants(),c&&`opacity-50 pointer-events-none`,e),onClick:e=>{d?.(e),_()},onKeyDown:e=>{f?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())},...p,children:[(0,o.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,children:g&&(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(s,{})})}),u]})});c.displayName=`MenuRadioItemBase`,exports.MenuRadioItemBase=c;
+//# sourceMappingURL=MenuRadioItemBase.cjs.map

package/dist/components/Menu/MenuRadioItemBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nconst MenuRadioItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemBaseProps\n>(\n  (\n    {\n      className,\n      value,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const radioGroup = useMenuRadioGroup();\n    const checked = radioGroup.value === value;\n\n    const handleActivate = () => {\n      if (disabled) return;\n      radioGroup.onValueChange?.(value);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemradio\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuRadioItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <DotIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":"2QAYA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,yBAEL,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,CAC5B,CAAA,CAGF,EAAoB,EAAM,YAK5B,CACE,YACA,QACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GAEL,IACG,CACH,IAAM,EAAa,EAAA,mBAAmB,CAChC,EAAU,EAAW,QAAU,EAE/B,MAAuB,CACvB,IACJ,EAAW,gBAAgB,EAAM,CACjC,KAAW,GAgBb,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,gBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,uBAAuB,CACvB,GAAY,iCACZ,EACD,CACD,QAxBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAuBd,UApBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAiBhB,GAAI,WAZN,EAcE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mEACb,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,EAAW,CAAA,CACN,CAAA,CAEJ,CAAA,CACN,EACG,IAGX,CAED,EAAkB,YAAc"}

package/dist/components/Menu/MenuRadioItemBase.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../../utils/cn.js";
+import { Icon as t } from "../Icon/Icon.js";
+import { menuRadioItemVariants as n } from "./menuItemVariants.js";
+import { useMenuRadioGroup as r } from "./MenuRadioGroupBase.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Menu/MenuRadioItemBase.tsx
+var s = () => /* @__PURE__ */ a("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	children: /* @__PURE__ */ a("circle", {
+		cx: "12",
+		cy: "12",
+		r: "4"
+	})
+}), c = i.forwardRef(({ className: i, value: c, disabled: l = !1, onClose: u, children: d, onClick: f, onKeyDown: p, ...m }, h) => {
+	let g = r(), _ = g.value === c, v = () => {
+		l || (g.onValueChange?.(c), u?.());
+	};
+	return /* @__PURE__ */ o("div", {
+		ref: h,
+		role: "menuitemradio",
+		"aria-checked": _,
+		"aria-disabled": l || void 0,
+		className: e(n(), l && "opacity-50 pointer-events-none", i),
+		onClick: (e) => {
+			f?.(e), v();
+		},
+		onKeyDown: (e) => {
+			p?.(e), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+		},
+		...m,
+		children: [/* @__PURE__ */ a("span", {
+			className: "inline-flex size-4 items-center justify-center shrink-0",
+			children: _ && /* @__PURE__ */ a(t, {
+				size: "sm",
+				children: /* @__PURE__ */ a(s, {})
+			})
+		}), d]
+	});
+});
+c.displayName = "MenuRadioItemBase";
+//#endregion
+export { c as MenuRadioItemBase };
+
+//# sourceMappingURL=MenuRadioItemBase.js.map

package/dist/components/Menu/MenuRadioItemBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n  onClose?: () => void;\n}\n\nconst DotIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n  >\n    <circle cx=\"12\" cy=\"12\" r=\"4\" />\n  </svg>\n);\n\nconst MenuRadioItemBase = React.forwardRef<\n  HTMLDivElement,\n  MenuRadioItemBaseProps\n>(\n  (\n    {\n      className,\n      value,\n      disabled = false,\n      onClose,\n      children,\n      onClick,\n      onKeyDown,\n      ...props\n    },\n    ref,\n  ) => {\n    const radioGroup = useMenuRadioGroup();\n    const checked = radioGroup.value === value;\n\n    const handleActivate = () => {\n      if (disabled) return;\n      radioGroup.onValueChange?.(value);\n      onClose?.();\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      onClick?.(e);\n      handleActivate();\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        handleActivate();\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"menuitemradio\"\n        aria-checked={checked}\n        aria-disabled={disabled || undefined}\n        className={cn(\n          menuRadioItemVariants(),\n          disabled && \"opacity-50 pointer-events-none\",\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        {...props}\n      >\n        <span className=\"inline-flex size-4 items-center justify-center shrink-0\">\n          {checked && (\n            <Icon size=\"sm\">\n              <DotIcon />\n            </Icon>\n          )}\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":";;;;;;;AAYA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;WAEL,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;EAAM,CAAA;CAC5B,CAAA,EAGF,IAAoB,EAAM,YAK5B,EACE,cACA,UACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KAEL,MACG;CACH,IAAM,IAAa,GAAmB,EAChC,IAAU,EAAW,UAAU,GAE/B,UAAuB;AACvB,QACJ,EAAW,gBAAgB,EAAM,EACjC,KAAW;;AAgBb,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,GAAuB,EACvB,KAAY,kCACZ,EACD;EACD,UAxBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAuBd,YApBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAiBhB,GAAI;YAZN,CAcE,kBAAC,QAAD;GAAM,WAAU;aACb,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAW,CAAA;IACN,CAAA;GAEJ,CAAA,EACN,EACG;;EAGX;AAED,EAAkB,cAAc"}

package/dist/components/Menu/MenuSeparatorBase.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,...r},a)=>(0,i.jsx)(`div`,{ref:a,role:`separator`,className:t.cn(n.menuSeparatorVariants(),e),...r}));a.displayName=`MenuSeparatorBase`,exports.MenuSeparatorBase=a;
+//# sourceMappingURL=MenuSeparatorBase.cjs.map

package/dist/components/Menu/MenuSeparatorBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparatorBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nconst MenuSeparatorBase = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn(menuSeparatorVariants(), className)}\n    {...props}\n  />\n));\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":"uMAIA,IAAM,EAAoB,EAAM,YAG7B,CAAE,YAAW,GAAG,GAAS,KAC1B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,EAAU,CACjD,GAAI,EACJ,CAAA,CACF,CAEF,EAAkB,YAAc"}

package/dist/components/Menu/MenuSeparatorBase.js

@@ -0,0 +1,16 @@
+import { cn as e } from "../../utils/cn.js";
+import { menuSeparatorVariants as t } from "./menuItemVariants.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Menu/MenuSeparatorBase.tsx
+var i = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ r("div", {
+	ref: a,
+	role: "separator",
+	className: e(t(), n),
+	...i
+}));
+i.displayName = "MenuSeparatorBase";
+//#endregion
+export { i as MenuSeparatorBase };
+
+//# sourceMappingURL=MenuSeparatorBase.js.map

package/dist/components/Menu/MenuSeparatorBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparatorBase.js","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\nconst MenuSeparatorBase = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"separator\"\n    className={cn(menuSeparatorVariants(), className)}\n    {...props}\n  />\n));\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":";;;;;AAIA,IAAM,IAAoB,EAAM,YAG7B,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,OAAD;CACO;CACL,MAAK;CACL,WAAW,EAAG,GAAuB,EAAE,EAAU;CACjD,GAAI;CACJ,CAAA,CACF;AAEF,EAAkB,cAAc"}

package/dist/components/Menu/menuItemVariants.cjs

@@ -0,0 +1,2 @@
+const e=require(`../../node_modules/class-variance-authority/dist/index.cjs`);var t=e.cva([`flex w-full items-center gap-(--space-2)`,`rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)`,`text-sm cursor-default select-none outline-none`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`transition-colors`],{variants:{intent:{default:``,danger:``}},compoundVariants:[{intent:`default`,className:[`text-(--nuka-text-base)`,`focus:bg-(--nuka-bg-muted)`]},{intent:`danger`,className:[`text-(--nuka-danger-text)`,`focus:bg-(--nuka-danger-bg)`]}],defaultVariants:{intent:`default`}}),n=e.cva([`flex w-full items-center gap-(--space-2)`,`rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)`,`text-sm cursor-default select-none outline-none`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`transition-colors`,`text-(--nuka-text-base)`,`focus:bg-(--nuka-bg-muted)`]),r=e.cva([`flex w-full items-center gap-(--space-2)`,`rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)`,`text-sm cursor-default select-none outline-none`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`transition-colors`,`text-(--nuka-text-base)`,`focus:bg-(--nuka-bg-muted)`]),i=e.cva([`h-px my-(--space-1) mx-(--space-2)`,`bg-(--nuka-border-base)`]),a=e.cva([`px-(--space-2) py-(--space-1.5)`,`text-xs font-semibold`,`text-(--nuka-text-muted)`,`select-none`]),o=e.cva([`z-(--nuka-z-dropdown) min-w-48 overflow-hidden`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-1)`,`focus:outline-none`]);exports.menuCheckboxItemVariants=n,exports.menuContentVariants=o,exports.menuItemVariants=t,exports.menuLabelVariants=a,exports.menuRadioItemVariants=r,exports.menuSeparatorVariants=i;
+//# sourceMappingURL=menuItemVariants.cjs.map

package/dist/components/Menu/menuItemVariants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemVariants.cjs","names":[],"sources":["../../../src/components/Menu/menuItemVariants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\nimport type { VariantProps } from \"@nuka/utils/variants\";\n\nconst menuItemVariants = cva(\n  [\n    \"flex w-full items-center gap-(--space-2)\",\n    \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n    \"text-sm cursor-default select-none outline-none\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: [\"text-(--nuka-text-base)\", \"focus:bg-(--nuka-bg-muted)\"],\n      },\n      {\n        intent: \"danger\",\n        className: [\"text-(--nuka-danger-text)\", \"focus:bg-(--nuka-danger-bg)\"],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\ntype MenuItemVariantProps = VariantProps<typeof menuItemVariants>;\n\nconst menuCheckboxItemVariants = cva([\n  \"flex w-full items-center gap-(--space-2)\",\n  \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n  \"text-sm cursor-default select-none outline-none\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"transition-colors\",\n  \"text-(--nuka-text-base)\",\n  \"focus:bg-(--nuka-bg-muted)\",\n]);\n\nconst menuRadioItemVariants = cva([\n  \"flex w-full items-center gap-(--space-2)\",\n  \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n  \"text-sm cursor-default select-none outline-none\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"transition-colors\",\n  \"text-(--nuka-text-base)\",\n  \"focus:bg-(--nuka-bg-muted)\",\n]);\n\nconst menuSeparatorVariants = cva([\n  \"h-px my-(--space-1) mx-(--space-2)\",\n  \"bg-(--nuka-border-base)\",\n]);\n\nconst menuLabelVariants = cva([\n  \"px-(--space-2) py-(--space-1.5)\",\n  \"text-xs font-semibold\",\n  \"text-(--nuka-text-muted)\",\n  \"select-none\",\n]);\n\nconst menuContentVariants = cva([\n  \"z-(--nuka-z-dropdown) min-w-48 overflow-hidden\",\n  \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n  \"bg-(--nuka-bg-base) shadow-md\",\n  \"p-(--space-1)\",\n  \"focus:outline-none\",\n]);\n\nexport {\n  menuItemVariants,\n  menuCheckboxItemVariants,\n  menuRadioItemVariants,\n  menuSeparatorVariants,\n  menuLabelVariants,\n  menuContentVariants,\n};\nexport type { MenuItemVariantProps };\n"],"mappings":"8EAGA,IAAM,EAAmB,EAAA,IACvB,CACE,2CACA,wDACA,kDACA,qGACA,oBACD,CACD,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,GACT,CACF,CACD,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,CAAC,0BAA2B,6BAA6B,CACrE,CACD,CACE,OAAQ,SACR,UAAW,CAAC,4BAA6B,8BAA8B,CACxE,CACF,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF,CAIK,EAA2B,EAAA,IAAI,CACnC,2CACA,wDACA,kDACA,qGACA,oBACA,0BACA,6BACD,CAAC,CAEI,EAAwB,EAAA,IAAI,CAChC,2CACA,wDACA,kDACA,qGACA,oBACA,0BACA,6BACD,CAAC,CAEI,EAAwB,EAAA,IAAI,CAChC,qCACA,0BACD,CAAC,CAEI,EAAoB,EAAA,IAAI,CAC5B,kCACA,wBACA,2BACA,cACD,CAAC,CAEI,EAAsB,EAAA,IAAI,CAC9B,iDACA,2DACA,gCACA,gBACA,qBACD,CAAC"}

package/dist/components/Menu/menuItemVariants.js

@@ -0,0 +1,53 @@
+import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
+//#region src/components/Menu/menuItemVariants.ts
+var t = e([
+	"flex w-full items-center gap-(--space-2)",
+	"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)",
+	"text-sm cursor-default select-none outline-none",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)",
+	"transition-colors"
+], {
+	variants: { intent: {
+		default: "",
+		danger: ""
+	} },
+	compoundVariants: [{
+		intent: "default",
+		className: ["text-(--nuka-text-base)", "focus:bg-(--nuka-bg-muted)"]
+	}, {
+		intent: "danger",
+		className: ["text-(--nuka-danger-text)", "focus:bg-(--nuka-danger-bg)"]
+	}],
+	defaultVariants: { intent: "default" }
+}), n = e([
+	"flex w-full items-center gap-(--space-2)",
+	"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)",
+	"text-sm cursor-default select-none outline-none",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)",
+	"transition-colors",
+	"text-(--nuka-text-base)",
+	"focus:bg-(--nuka-bg-muted)"
+]), r = e([
+	"flex w-full items-center gap-(--space-2)",
+	"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)",
+	"text-sm cursor-default select-none outline-none",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)",
+	"transition-colors",
+	"text-(--nuka-text-base)",
+	"focus:bg-(--nuka-bg-muted)"
+]), i = e(["h-px my-(--space-1) mx-(--space-2)", "bg-(--nuka-border-base)"]), a = e([
+	"px-(--space-2) py-(--space-1.5)",
+	"text-xs font-semibold",
+	"text-(--nuka-text-muted)",
+	"select-none"
+]), o = e([
+	"z-(--nuka-z-dropdown) min-w-48 overflow-hidden",
+	"rounded-(--radius-md) border border-(--nuka-border-base)",
+	"bg-(--nuka-bg-base) shadow-md",
+	"p-(--space-1)",
+	"focus:outline-none"
+]);
+//#endregion
+export { n as menuCheckboxItemVariants, o as menuContentVariants, t as menuItemVariants, a as menuLabelVariants, r as menuRadioItemVariants, i as menuSeparatorVariants };
+
+//# sourceMappingURL=menuItemVariants.js.map

package/dist/components/Menu/menuItemVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemVariants.js","names":[],"sources":["../../../src/components/Menu/menuItemVariants.ts"],"sourcesContent":["import { cva } from \"@nuka/utils/variants\";\nimport type { VariantProps } from \"@nuka/utils/variants\";\n\nconst menuItemVariants = cva(\n  [\n    \"flex w-full items-center gap-(--space-2)\",\n    \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n    \"text-sm cursor-default select-none outline-none\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n    \"transition-colors\",\n  ],\n  {\n    variants: {\n      intent: {\n        default: \"\",\n        danger: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        intent: \"default\",\n        className: [\"text-(--nuka-text-base)\", \"focus:bg-(--nuka-bg-muted)\"],\n      },\n      {\n        intent: \"danger\",\n        className: [\"text-(--nuka-danger-text)\", \"focus:bg-(--nuka-danger-bg)\"],\n      },\n    ],\n    defaultVariants: {\n      intent: \"default\",\n    },\n  },\n);\n\ntype MenuItemVariantProps = VariantProps<typeof menuItemVariants>;\n\nconst menuCheckboxItemVariants = cva([\n  \"flex w-full items-center gap-(--space-2)\",\n  \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n  \"text-sm cursor-default select-none outline-none\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"transition-colors\",\n  \"text-(--nuka-text-base)\",\n  \"focus:bg-(--nuka-bg-muted)\",\n]);\n\nconst menuRadioItemVariants = cva([\n  \"flex w-full items-center gap-(--space-2)\",\n  \"rounded-(--radius-sm) px-(--space-2) py-(--space-1.5)\",\n  \"text-sm cursor-default select-none outline-none\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"transition-colors\",\n  \"text-(--nuka-text-base)\",\n  \"focus:bg-(--nuka-bg-muted)\",\n]);\n\nconst menuSeparatorVariants = cva([\n  \"h-px my-(--space-1) mx-(--space-2)\",\n  \"bg-(--nuka-border-base)\",\n]);\n\nconst menuLabelVariants = cva([\n  \"px-(--space-2) py-(--space-1.5)\",\n  \"text-xs font-semibold\",\n  \"text-(--nuka-text-muted)\",\n  \"select-none\",\n]);\n\nconst menuContentVariants = cva([\n  \"z-(--nuka-z-dropdown) min-w-48 overflow-hidden\",\n  \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n  \"bg-(--nuka-bg-base) shadow-md\",\n  \"p-(--space-1)\",\n  \"focus:outline-none\",\n]);\n\nexport {\n  menuItemVariants,\n  menuCheckboxItemVariants,\n  menuRadioItemVariants,\n  menuSeparatorVariants,\n  menuLabelVariants,\n  menuContentVariants,\n};\nexport type { MenuItemVariantProps };\n"],"mappings":";;AAGA,IAAM,IAAmB,EACvB;CACE;CACA;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;EACT,EACF;CACD,kBAAkB,CAChB;EACE,QAAQ;EACR,WAAW,CAAC,2BAA2B,6BAA6B;EACrE,EACD;EACE,QAAQ;EACR,WAAW,CAAC,6BAA6B,8BAA8B;EACxE,CACF;CACD,iBAAiB,EACf,QAAQ,WACT;CACF,CACF,EAIK,IAA2B,EAAI;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,EAEI,IAAwB,EAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC,EAEI,IAAwB,EAAI,CAChC,sCACA,0BACD,CAAC,EAEI,IAAoB,EAAI;CAC5B;CACA;CACA;CACA;CACD,CAAC,EAEI,IAAsB,EAAI;CAC9B;CACA;CACA;CACA;CACA;CACD,CAAC"}

package/dist/components/Menubar/Menubar.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Menubar.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:a,...o},s)=>{let[c,l]=r.useState(null),u=r.useRef(new Map),d=r.useRef([]),f=r.useCallback((e,t)=>{t?u.current.set(e,t):u.current.delete(e)},[]),p=r.useCallback(e=>{d.current.includes(e)||d.current.push(e)},[]),m=r.useCallback(e=>{l(e)},[]),h=r.useCallback(()=>{l(null)},[]);return(0,i.jsx)(n.MenubarContext,{value:r.useMemo(()=>({openValue:c,openMenu:m,closeMenu:h,triggerRefs:u,registerTrigger:f,menuValues:d,registerMenu:p}),[c,m,h,f,p]),children:(0,i.jsx)(`div`,{ref:s,role:`menubar`,className:t.cn(`inline-flex items-center gap-(--space-1)`,`rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) p-(--space-1)`,e),...o,children:a})})});a.displayName=`Menubar`,exports.Menubar=a;
+//# sourceMappingURL=Menubar.cjs.map

package/dist/components/Menubar/Menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { MenubarContext } from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst Menubar = React.forwardRef<HTMLDivElement, MenubarProps>(\n  ({ className, children, ...props }, ref) => {\n    const [openValue, setOpenValue] = React.useState<string | null>(null);\n    const triggerRefs = React.useRef(new Map<string, HTMLButtonElement>());\n    const menuValues = React.useRef<string[]>([]);\n\n    const registerTrigger = React.useCallback(\n      (value: string, el: HTMLButtonElement | null) => {\n        if (el) {\n          triggerRefs.current.set(value, el);\n        } else {\n          triggerRefs.current.delete(value);\n        }\n      },\n      [],\n    );\n\n    const registerMenu = React.useCallback((value: string) => {\n      if (!menuValues.current.includes(value)) {\n        menuValues.current.push(value);\n      }\n    }, []);\n\n    const openMenu = React.useCallback((value: string) => {\n      setOpenValue(value);\n    }, []);\n\n    const closeMenu = React.useCallback(() => {\n      setOpenValue(null);\n    }, []);\n\n    const contextValue: MenubarContextValue = React.useMemo(\n      () => ({\n        openValue,\n        openMenu,\n        closeMenu,\n        triggerRefs,\n        registerTrigger,\n        menuValues,\n        registerMenu,\n      }),\n      [openValue, openMenu, closeMenu, registerTrigger, registerMenu],\n    );\n\n    return (\n      <MenubarContext value={contextValue}>\n        <div\n          ref={ref}\n          role=\"menubar\"\n          className={cn(\n            \"inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) p-(--space-1)\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </MenubarContext>\n    );\n  },\n);\n\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":"mNAQA,IAAM,EAAU,EAAM,YACnB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,GAAM,CAAC,EAAW,GAAgB,EAAM,SAAwB,KAAK,CAC/D,EAAc,EAAM,OAAO,IAAI,IAAiC,CAChE,EAAa,EAAM,OAAiB,EAAE,CAAC,CAEvC,EAAkB,EAAM,aAC3B,EAAe,IAAiC,CAC3C,EACF,EAAY,QAAQ,IAAI,EAAO,EAAG,CAElC,EAAY,QAAQ,OAAO,EAAM,EAGrC,EAAE,CACH,CAEK,EAAe,EAAM,YAAa,GAAkB,CACnD,EAAW,QAAQ,SAAS,EAAM,EACrC,EAAW,QAAQ,KAAK,EAAM,EAE/B,EAAE,CAAC,CAEA,EAAW,EAAM,YAAa,GAAkB,CACpD,EAAa,EAAM,EAClB,EAAE,CAAC,CAEA,EAAY,EAAM,gBAAkB,CACxC,EAAa,KAAK,EACjB,EAAE,CAAC,CAeN,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAdwB,EAAM,aACvC,CACL,YACA,WACA,YACA,cACA,kBACA,aACA,eACD,EACD,CAAC,EAAW,EAAU,EAAW,EAAiB,EAAa,CAChE,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,UACL,UAAW,EAAA,GACT,2CACA,2DACA,oCACA,EACD,CACD,GAAI,EAEH,WACG,CAAA,CACS,CAAA,EAGtB,CAED,EAAQ,YAAc"}

package/dist/components/Menubar/Menubar.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useMenubarContext must be used within a <Menubar> component`);return e}var i=t.createContext(void 0);function a(){let e=t.useContext(i);if(e===void 0)throw Error(`useMenubarMenuContext must be used within a <MenubarMenu> component`);return e}exports.MenubarContext=n,exports.MenubarMenuContext=i,exports.useMenubarContext=r,exports.useMenubarMenuContext=a;
+//# sourceMappingURL=Menubar.context.cjs.map

package/dist/components/Menubar/Menubar.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.context.cjs","names":[],"sources":["../../../src/components/Menubar/Menubar.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface MenubarContextValue {\n  openValue: string | null;\n  openMenu: (value: string) => void;\n  closeMenu: () => void;\n  triggerRefs: React.RefObject<Map<string, HTMLButtonElement>>;\n  registerTrigger: (value: string, el: HTMLButtonElement | null) => void;\n  menuValues: React.RefObject<string[]>;\n  registerMenu: (value: string) => void;\n}\n\nconst MenubarContext = React.createContext<MenubarContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenubarContext(): MenubarContextValue {\n  const context = React.useContext(MenubarContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useMenubarContext must be used within a <Menubar> component\",\n    );\n  }\n  return context;\n}\n\nexport interface MenubarMenuContextValue {\n  value: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst MenubarMenuContext = React.createContext<\n  MenubarMenuContextValue | undefined\n>(undefined);\n\nfunction useMenubarMenuContext(): MenubarMenuContextValue {\n  const context = React.useContext(MenubarMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useMenubarMenuContext must be used within a <MenubarMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport {\n  MenubarContext,\n  useMenubarContext,\n  MenubarMenuContext,\n  useMenubarMenuContext,\n};\n"],"mappings":"6GAcA,IAAM,EAAiB,EAAM,cAC3B,IAAA,GACD,CAED,SAAS,GAAyC,CAChD,IAAM,EAAU,EAAM,WAAW,EAAe,CAChD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,8DACD,CAEH,OAAO,EAaT,IAAM,EAAqB,EAAM,cAE/B,IAAA,GAAU,CAEZ,SAAS,GAAiD,CACxD,IAAM,EAAU,EAAM,WAAW,EAAmB,CACpD,GAAI,IAAY,IAAA,GACd,MAAU,MACR,sEACD,CAEH,OAAO"}

package/dist/components/Menubar/Menubar.context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.context.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC7D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,cAAc,gDAEnB,CAAC;AAEF,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,kBAAkB,oDAEZ,CAAC;AAEb,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"Menubar.context.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC7D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,cAAc,gDAEnB,CAAC;AAEF,iBAAS,iBAAiB,IAAI,mBAAmB,CAQhD;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAC3E,gBAAgB,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,kBAAkB,CAAC,CAAC;CAC1E;AAED,QAAA,MAAM,kBAAkB,oDAEZ,CAAC;AAEb,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}

package/dist/components/Menubar/Menubar.context.js

@@ -0,0 +1,19 @@
+"use client";
+import * as e from "react";
+//#region src/components/Menubar/Menubar.context.tsx
+var t = e.createContext(void 0);
+function n() {
+	let n = e.useContext(t);
+	if (n === void 0) throw Error("useMenubarContext must be used within a <Menubar> component");
+	return n;
+}
+var r = e.createContext(void 0);
+function i() {
+	let t = e.useContext(r);
+	if (t === void 0) throw Error("useMenubarMenuContext must be used within a <MenubarMenu> component");
+	return t;
+}
+//#endregion
+export { t as MenubarContext, r as MenubarMenuContext, n as useMenubarContext, i as useMenubarMenuContext };
+
+//# sourceMappingURL=Menubar.context.js.map

package/dist/components/Menubar/Menubar.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.context.js","names":[],"sources":["../../../src/components/Menubar/Menubar.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface MenubarContextValue {\n  openValue: string | null;\n  openMenu: (value: string) => void;\n  closeMenu: () => void;\n  triggerRefs: React.RefObject<Map<string, HTMLButtonElement>>;\n  registerTrigger: (value: string, el: HTMLButtonElement | null) => void;\n  menuValues: React.RefObject<string[]>;\n  registerMenu: (value: string) => void;\n}\n\nconst MenubarContext = React.createContext<MenubarContextValue | undefined>(\n  undefined,\n);\n\nfunction useMenubarContext(): MenubarContextValue {\n  const context = React.useContext(MenubarContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useMenubarContext must be used within a <Menubar> component\",\n    );\n  }\n  return context;\n}\n\nexport interface MenubarMenuContextValue {\n  value: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  refs: ReturnType<typeof useFloating>[\"refs\"];\n  floatingStyles: React.CSSProperties;\n  getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n  getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst MenubarMenuContext = React.createContext<\n  MenubarMenuContextValue | undefined\n>(undefined);\n\nfunction useMenubarMenuContext(): MenubarMenuContextValue {\n  const context = React.useContext(MenubarMenuContext);\n  if (context === undefined) {\n    throw new Error(\n      \"useMenubarMenuContext must be used within a <MenubarMenu> component\",\n    );\n  }\n  return context;\n}\n\nexport {\n  MenubarContext,\n  useMenubarContext,\n  MenubarMenuContext,\n  useMenubarMenuContext,\n};\n"],"mappings":";;;AAcA,IAAM,IAAiB,EAAM,cAC3B,KAAA,EACD;AAED,SAAS,IAAyC;CAChD,IAAM,IAAU,EAAM,WAAW,EAAe;AAChD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,8DACD;AAEH,QAAO;;AAaT,IAAM,IAAqB,EAAM,cAE/B,KAAA,EAAU;AAEZ,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAM,WAAW,EAAmB;AACpD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,sEACD;AAEH,QAAO"}

package/dist/components/Menubar/Menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,QAAA,MAAM,OAAO,qFA8DZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,QAAA,MAAM,OAAO,qFA8DZ,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Menubar/Menubar.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { MenubarContext as t } from "./Menubar.context.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Menubar/Menubar.tsx
+var i = n.forwardRef(({ className: i, children: a, ...o }, s) => {
+	let [c, l] = n.useState(null), u = n.useRef(/* @__PURE__ */ new Map()), d = n.useRef([]), f = n.useCallback((e, t) => {
+		t ? u.current.set(e, t) : u.current.delete(e);
+	}, []), p = n.useCallback((e) => {
+		d.current.includes(e) || d.current.push(e);
+	}, []), m = n.useCallback((e) => {
+		l(e);
+	}, []), h = n.useCallback(() => {
+		l(null);
+	}, []);
+	return /* @__PURE__ */ r(t, {
+		value: n.useMemo(() => ({
+			openValue: c,
+			openMenu: m,
+			closeMenu: h,
+			triggerRefs: u,
+			registerTrigger: f,
+			menuValues: d,
+			registerMenu: p
+		}), [
+			c,
+			m,
+			h,
+			f,
+			p
+		]),
+		children: /* @__PURE__ */ r("div", {
+			ref: s,
+			role: "menubar",
+			className: e("inline-flex items-center gap-(--space-1)", "rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) p-(--space-1)", i),
+			...o,
+			children: a
+		})
+	});
+});
+i.displayName = "Menubar";
+//#endregion
+export { i as Menubar };
+
+//# sourceMappingURL=Menubar.js.map

package/dist/components/Menubar/Menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.js","names":[],"sources":["../../../src/components/Menubar/Menubar.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { MenubarContext } from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst Menubar = React.forwardRef<HTMLDivElement, MenubarProps>(\n  ({ className, children, ...props }, ref) => {\n    const [openValue, setOpenValue] = React.useState<string | null>(null);\n    const triggerRefs = React.useRef(new Map<string, HTMLButtonElement>());\n    const menuValues = React.useRef<string[]>([]);\n\n    const registerTrigger = React.useCallback(\n      (value: string, el: HTMLButtonElement | null) => {\n        if (el) {\n          triggerRefs.current.set(value, el);\n        } else {\n          triggerRefs.current.delete(value);\n        }\n      },\n      [],\n    );\n\n    const registerMenu = React.useCallback((value: string) => {\n      if (!menuValues.current.includes(value)) {\n        menuValues.current.push(value);\n      }\n    }, []);\n\n    const openMenu = React.useCallback((value: string) => {\n      setOpenValue(value);\n    }, []);\n\n    const closeMenu = React.useCallback(() => {\n      setOpenValue(null);\n    }, []);\n\n    const contextValue: MenubarContextValue = React.useMemo(\n      () => ({\n        openValue,\n        openMenu,\n        closeMenu,\n        triggerRefs,\n        registerTrigger,\n        menuValues,\n        registerMenu,\n      }),\n      [openValue, openMenu, closeMenu, registerTrigger, registerMenu],\n    );\n\n    return (\n      <MenubarContext value={contextValue}>\n        <div\n          ref={ref}\n          role=\"menubar\"\n          className={cn(\n            \"inline-flex items-center gap-(--space-1)\",\n            \"rounded-(--radius-md) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) p-(--space-1)\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </MenubarContext>\n    );\n  },\n);\n\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":";;;;;;AAQA,IAAM,IAAU,EAAM,YACnB,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1C,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAwB,KAAK,EAC/D,IAAc,EAAM,uBAAO,IAAI,KAAgC,CAAC,EAChE,IAAa,EAAM,OAAiB,EAAE,CAAC,EAEvC,IAAkB,EAAM,aAC3B,GAAe,MAAiC;AAC/C,EAAI,IACF,EAAY,QAAQ,IAAI,GAAO,EAAG,GAElC,EAAY,QAAQ,OAAO,EAAM;IAGrC,EAAE,CACH,EAEK,IAAe,EAAM,aAAa,MAAkB;AACxD,EAAK,EAAW,QAAQ,SAAS,EAAM,IACrC,EAAW,QAAQ,KAAK,EAAM;IAE/B,EAAE,CAAC,EAEA,IAAW,EAAM,aAAa,MAAkB;AACpD,IAAa,EAAM;IAClB,EAAE,CAAC,EAEA,IAAY,EAAM,kBAAkB;AACxC,IAAa,KAAK;IACjB,EAAE,CAAC;AAeN,QACE,kBAAC,GAAD;EAAgB,OAdwB,EAAM,eACvC;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACD,GACD;GAAC;GAAW;GAAU;GAAW;GAAiB;GAAa,CAChE;YAIG,kBAAC,OAAD;GACO;GACL,MAAK;GACL,WAAW,EACT,4CACA,4DACA,qCACA,EACD;GACD,GAAI;GAEH;GACG,CAAA;EACS,CAAA;EAGtB;AAED,EAAQ,cAAc"}

package/dist/components/Menubar/MenubarCheckboxItem.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef((e,n)=>(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:n,...e}));i.displayName=`MenubarCheckboxItem`,exports.MenubarCheckboxItem=i;
+//# sourceMappingURL=MenubarCheckboxItem.cjs.map

package/dist/components/Menubar/MenubarCheckboxItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarCheckboxItem.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nconst MenubarCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  MenubarCheckboxItemProps\n>((props, ref) => <MenuCheckboxItemWithNav ref={ref} {...props} />);\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":"yLAOA,IAAM,EAAsB,EAAM,YAG/B,EAAO,KAAQ,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAAC,CAEnE,EAAoB,YAAc"}

package/dist/components/Menubar/MenubarCheckboxItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenubarCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarCheckboxItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AAEpE,QAAA,MAAM,mBAAmB,qGAG0C,CAAC;AAIpE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"MenubarCheckboxItem.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarCheckboxItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AAE1F,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AAEpE,QAAA,MAAM,mBAAmB,qGAG0C,CAAC;AAIpE,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Menubar/MenubarCheckboxItem.js

@@ -0,0 +1,14 @@
+"use client";
+import { MenuCheckboxItemWithNav as e } from "../Menu/MenuContentBase.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Menubar/MenubarCheckboxItem.tsx
+var r = t.forwardRef((t, r) => /* @__PURE__ */ n(e, {
+	ref: r,
+	...t
+}));
+r.displayName = "MenubarCheckboxItem";
+//#endregion
+export { r as MenubarCheckboxItem };
+
+//# sourceMappingURL=MenubarCheckboxItem.js.map

package/dist/components/Menubar/MenubarCheckboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarCheckboxItem.js","names":[],"sources":["../../../src/components/Menubar/MenubarCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nconst MenubarCheckboxItem = React.forwardRef<\n  HTMLDivElement,\n  MenubarCheckboxItemProps\n>((props, ref) => <MenuCheckboxItemWithNav ref={ref} {...props} />);\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":";;;;;AAOA,IAAM,IAAsB,EAAM,YAG/B,GAAO,MAAQ,kBAAC,GAAD;CAA8B;CAAK,GAAI;CAAS,CAAA,CAAC;AAEnE,EAAoB,cAAc"}

package/dist/components/Menubar/MenubarContent.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`../../hooks/use-menu-navigation.cjs`),a=require(`../Menu/menuItemVariants.cjs`),o=require(`../Menu/MenuContentBase.cjs`),s=require(`./Menubar.context.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var u=c.forwardRef(({className:e,children:u,...d},f)=>{let p=s.useMenubarContext(),m=s.useMenubarMenuContext(),h=n.composeRefs(f,c.useRef(null),m.refs.setFloating),{getItemProps:g,focusItem:_,itemsRef:v,resetTypeAhead:y}=i.useMenuNavigation({onEscape:c.useCallback(()=>{m.onOpenChange(!1),p.triggerRefs.current.get(m.value)?.focus()},[m,p]),onTab:c.useCallback(()=>{m.onOpenChange(!1)},[m])}),b=c.useRef(0);c.useEffect(()=>{m.open||y()},[m.open,y]);let x=c.useCallback(e=>{let t=p.menuValues.current,n=t.indexOf(m.value);if(n===-1)return;let r=t[(n+e+t.length)%t.length];r!==void 0&&(p.openMenu(r),p.triggerRefs.current.get(r)?.focus())},[p,m.value]);if(o.useAutoFocusFirstItem(m.open,_,v,b),!m.open)return null;b.current=0;let S=m.getFloatingProps(d);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(o.MenuItemContext,{value:{getItemProps:g,indexRef:b,close:()=>m.onOpenChange(!1),onArrowLeft:()=>x(-1),onArrowRight:()=>x(1)},children:(0,l.jsx)(`div`,{ref:h,style:m.floatingStyles,"data-state":`open`,...S,className:t.cn(a.menuContentVariants(),e),children:u})})})});u.displayName=`MenubarContent`,exports.MenubarContent=u;
+//# sourceMappingURL=MenubarContent.cjs.map

package/dist/components/Menubar/MenubarContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarContent.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface MenubarContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst MenubarContent = React.forwardRef<HTMLDivElement, MenubarContentProps>(\n  ({ className, children, ...props }, ref) => {\n    const bar = useMenubarContext();\n    const menu = useMenubarMenuContext();\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, contentRef, menu.refs.setFloating);\n\n    const handleEscape = React.useCallback(() => {\n      menu.onOpenChange(false);\n      bar.triggerRefs.current.get(menu.value)?.focus();\n    }, [menu, bar]);\n\n    const handleTab = React.useCallback(() => {\n      menu.onOpenChange(false);\n    }, [menu]);\n\n    const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n      useMenuNavigation({\n        onEscape: handleEscape,\n        onTab: handleTab,\n      });\n\n    const itemIndexRef = React.useRef(0);\n\n    React.useEffect(() => {\n      if (!menu.open) resetTypeAhead();\n    }, [menu.open, resetTypeAhead]);\n\n    const handleArrowToAdjacentMenu = React.useCallback(\n      (direction: -1 | 1) => {\n        const values = bar.menuValues.current;\n        const currentIndex = values.indexOf(menu.value);\n        if (currentIndex === -1) return;\n        const nextIndex =\n          (currentIndex + direction + values.length) % values.length;\n        const nextValue = values[nextIndex];\n        if (nextValue !== undefined) {\n          bar.openMenu(nextValue);\n          bar.triggerRefs.current.get(nextValue)?.focus();\n        }\n      },\n      [bar, menu.value],\n    );\n\n    useAutoFocusFirstItem(menu.open, focusItem, itemsRef, itemIndexRef);\n\n    if (!menu.open) return null;\n\n    itemIndexRef.current = 0;\n\n    const floatingProps = menu.getFloatingProps(props);\n\n    return (\n      <Portal>\n        <MenuItemContext\n          value={{\n            getItemProps,\n            indexRef: itemIndexRef,\n            close: () => menu.onOpenChange(false),\n            onArrowLeft: () => handleArrowToAdjacentMenu(-1),\n            onArrowRight: () => handleArrowToAdjacentMenu(1),\n          }}\n        >\n          <div\n            ref={composedRef}\n            style={menu.floatingStyles}\n            data-state=\"open\"\n            {...floatingProps}\n            className={cn(menuContentVariants(), className)}\n          >\n            {children}\n          </div>\n        </MenuItemContext>\n      </Portal>\n    );\n  },\n);\n\nMenubarContent.displayName = \"MenubarContent\";\n\nexport { MenubarContent };\n"],"mappings":"6ZAkBA,IAAM,EAAiB,EAAM,YAC1B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAO,EAAA,uBAAuB,CAE9B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAK,KAAK,YAAY,CAWjE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,SAXiB,EAAM,gBAAkB,CAC3C,EAAK,aAAa,GAAM,CACxB,EAAI,YAAY,QAAQ,IAAI,EAAK,MAAM,EAAE,OAAO,EAC/C,CAAC,EAAM,EAAI,CAAC,CASX,MAPc,EAAM,gBAAkB,CACxC,EAAK,aAAa,GAAM,EACvB,CAAC,EAAK,CAAC,CAMP,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAEpC,EAAM,cAAgB,CACf,EAAK,MAAM,GAAgB,EAC/B,CAAC,EAAK,KAAM,EAAe,CAAC,CAE/B,IAAM,EAA4B,EAAM,YACrC,GAAsB,CACrB,IAAM,EAAS,EAAI,WAAW,QACxB,EAAe,EAAO,QAAQ,EAAK,MAAM,CAC/C,GAAI,IAAiB,GAAI,OAGzB,IAAM,EAAY,GADf,EAAe,EAAY,EAAO,QAAU,EAAO,QAElD,IAAc,IAAA,KAChB,EAAI,SAAS,EAAU,CACvB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO,GAGnD,CAAC,EAAK,EAAK,MAAM,CAClB,CAID,GAFA,EAAA,sBAAsB,EAAK,KAAM,EAAW,EAAU,EAAa,CAE/D,CAAC,EAAK,KAAM,OAAO,KAEvB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAK,iBAAiB,EAAM,CAElD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAK,aAAa,GAAM,CACrC,gBAAmB,EAA0B,GAAG,CAChD,iBAAoB,EAA0B,EAAE,CACjD,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAK,eACZ,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,EAGd,CAED,EAAe,YAAc"}