@nuka-ui/core 1.1.3 → 1.1.5

package/dist/components/Menu/MenuRadioGroupBase.js

@@ -4,7 +4,7 @@ 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);
+	let t = e.use(n);
 	if (t === void 0) throw Error("useMenuRadioGroup must be used within a MenuRadioGroup");
 	return t;
 }
@@ -17,6 +17,7 @@ function i({ ref: r, value: i, onValueChange: a, children: o, ...s }) {
 		children: /* @__PURE__ */ t("div", {
 			ref: r,
 			role: "group",
+			"data-slot": "group",
 			...s,
 			children: o
 		})

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioGroupBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\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\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\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":";;;;AAYA,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,SAAS,EAAmB,EAC1B,QACA,UACA,kBACA,aACA,GAAG,KACuB;AAM1B,QACE,kBAAC,GAAD;EAAuB,OANR,EAAM,eACd;GAAE;GAAO;GAAe,GAC/B,CAAC,GAAO,EAAc,CACvB;YAIG,kBAAC,OAAD;GAAU;GAAK,MAAK;GAAQ,GAAI;GAC7B;GACG,CAAA;EACgB,CAAA;;AAI5B,EAAmB,cAAc"}
+{"version":3,"file":"MenuRadioGroupBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioGroupBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface MenuRadioGroupBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\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.use(MenuRadioGroupContext);\n  if (ctx === undefined) {\n    throw new Error(\"useMenuRadioGroup must be used within a MenuRadioGroup\");\n  }\n  return ctx;\n}\n\nfunction MenuRadioGroupBase({\n  ref,\n  value,\n  onValueChange,\n  children,\n  ...props\n}: MenuRadioGroupBaseProps) {\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\" data-slot=\"group\" {...props}>\n        {children}\n      </div>\n    </MenuRadioGroupContext>\n  );\n}\n\nMenuRadioGroupBase.displayName = \"MenuRadioGroupBase\";\n\nexport { MenuRadioGroupBase, MenuRadioGroupContext, useMenuRadioGroup };\n"],"mappings":";;;;AAYA,IAAM,IAAwB,EAAM,cAMlC,KAAA,CAAS;AAEX,SAAS,IAAoB;CAC3B,IAAM,IAAM,EAAM,IAAI,CAAqB;CAC3C,IAAI,MAAQ,KAAA,GACV,MAAU,MAAM,wDAAwD;CAE1E,OAAO;AACT;AAEA,SAAS,EAAmB,EAC1B,QACA,UACA,kBACA,aACA,GAAG,KACuB;CAM1B,OACE,kBAAC,GAAD;EAAuB,OANR,EAAM,eACd;GAAE;GAAO;EAAc,IAC9B,CAAC,GAAO,CAAa,CAIS;YAC5B,kBAAC,OAAD;GAAU;GAAK,MAAK;GAAQ,aAAU;GAAQ,GAAI;GAC/C;EACE,CAAA;CACgB,CAAA;AAE3B;AAEA,EAAmB,cAAc"}

package/dist/components/Menu/MenuRadioItemBase.cjs

@@ -1,2 +1,2 @@
-"use client";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`})});function c({ref:e,className:a,value:c,disabled:l=!1,onClose:u,children:d,onClick:f,onKeyDown:p,...m}){let h=i.useMenuRadioGroup(),g=h.value===c,_=()=>{l||(h.onValueChange?.(c),u?.())};return(0,o.jsxs)(`div`,{ref:e,role:`menuitemradio`,"aria-checked":g,"aria-disabled":l||void 0,className:t.cn(r.menuRadioItemVariants(),l&&`opacity-50 pointer-events-none`,a),onClick:e=>{f?.(e),_()},onKeyDown:e=>{p?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())},...m,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,{})})}),d]})}c.displayName=`MenuRadioItemBase`,exports.MenuRadioItemBase=c;
+"use client";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`})});function c({ref:e,className:a,value:c,disabled:l=!1,onClose:u,children:d,onClick:f,onKeyDown:p,...m}){let h=i.useMenuRadioGroup(),g=h.value===c,_=()=>{l||(h.onValueChange?.(c),u?.())};return(0,o.jsxs)(`div`,{ref:e,role:`menuitemradio`,"aria-checked":g,"aria-disabled":l||void 0,className:t.cn(r.menuRadioItemVariants(),l&&`opacity-50 pointer-events-none`,a),"data-slot":`radio-item`,onClick:e=>{f?.(e),_()},onKeyDown:e=>{p?.(e),(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),_())},...m,children:[(0,o.jsx)(`span`,{className:`inline-flex size-4 items-center justify-center shrink-0`,"data-slot":`item-indicator`,children:g&&(0,o.jsx)(n.Icon,{size:`sm`,children:(0,o.jsx)(s,{})})}),d]})}c.displayName=`MenuRadioItemBase`,exports.MenuRadioItemBase=c;
 //# sourceMappingURL=MenuRadioItemBase.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLDivElement> | undefined;\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\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\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\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":"wRAeA,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,CAGR,SAAS,EAAkB,CACzB,MACA,YACA,QACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACsB,CACzB,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,GAIV,EAAkB,YAAc"}
+{"version":3,"file":"MenuRadioItemBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLDivElement> | undefined;\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\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\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      data-slot=\"radio-item\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span\n        className=\"inline-flex size-4 items-center justify-center shrink-0\"\n        data-slot=\"item-indicator\"\n      >\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":"wRAeA,IAAM,OACJ,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,yBAEL,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,GAAK,CAAA,CAC5B,CAAA,EAGP,SAAS,EAAkB,CACzB,MACA,YACA,QACA,WAAW,GACX,UACA,WACA,UACA,YACA,GAAG,GACsB,CACzB,IAAM,EAAa,EAAA,kBAAkB,EAC/B,EAAU,EAAW,QAAU,EAE/B,MAAuB,CACvB,IACJ,EAAW,gBAAgB,CAAK,EAChC,IAAU,EACZ,EAeA,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,gBACL,eAAc,EACd,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACT,EAAA,sBAAsB,EACtB,GAAY,iCACZ,CACF,EACA,YAAU,aACV,QAzBiB,GAAwC,CAC3D,IAAU,CAAC,EACX,EAAe,CACjB,EAuBI,UArBmB,GAA2C,CAChE,IAAY,CAAC,GACT,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,EAAe,EAEnB,EAgBI,GAAI,WAbN,EAeE,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,0DACV,YAAU,0BAET,IACC,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,EAAD,CAAU,CAAA,CACN,CAAA,CAEJ,CAAA,EACL,CACE,GAET,CAEA,EAAkB,YAAc"}

package/dist/components/Menu/MenuRadioItemBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAgDxB;kBA1DQ,iBAAiB;;;AA8D1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"MenuRadioItemBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAYD,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAoDxB;kBA9DQ,iBAAiB;;;AAkE1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Menu/MenuRadioItemBase.js

@@ -26,6 +26,7 @@ function s({ ref: s, className: c, value: l, disabled: u = !1, onClose: d, child
 		"aria-checked": _,
 		"aria-disabled": u || void 0,
 		className: e(n(), u && "opacity-50 pointer-events-none", c),
+		"data-slot": "radio-item",
 		onClick: (e) => {
 			p?.(e), v();
 		},
@@ -35,6 +36,7 @@ function s({ ref: s, className: c, value: l, disabled: u = !1, onClose: d, child
 		...h,
 		children: [/* @__PURE__ */ i("span", {
 			className: "inline-flex size-4 items-center justify-center shrink-0",
+			"data-slot": "item-indicator",
 			children: _ && /* @__PURE__ */ i(t, {
 				size: "sm",
 				children: /* @__PURE__ */ i(o, {})

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

@@ -1 +1 @@
-{"version":3,"file":"MenuRadioItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLDivElement> | undefined;\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\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\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\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":";;;;;;;;AAeA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;WAEL,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;EAAM,CAAA;CAC5B,CAAA;AAGR,SAAS,EAAkB,EACzB,QACA,cACA,UACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACsB;CACzB,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;;;AAIV,EAAkB,cAAc"}
+{"version":3,"file":"MenuRadioItemBase.js","names":[],"sources":["../../../src/components/Menu/MenuRadioItemBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * 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  ref?: React.Ref<HTMLDivElement> | undefined;\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\nfunction MenuRadioItemBase({\n  ref,\n  className,\n  value,\n  disabled = false,\n  onClose,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: MenuRadioItemBaseProps) {\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      data-slot=\"radio-item\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      <span\n        className=\"inline-flex size-4 items-center justify-center shrink-0\"\n        data-slot=\"item-indicator\"\n      >\n        {checked && (\n          <Icon size=\"sm\">\n            <DotIcon />\n          </Icon>\n        )}\n      </span>\n      {children}\n    </div>\n  );\n}\n\nMenuRadioItemBase.displayName = \"MenuRadioItemBase\";\n\nexport { MenuRadioItemBase };\n"],"mappings":";;;;;;;;AAeA,IAAM,UACJ,kBAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;WAEL,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA;AAC5B,CAAA;AAGP,SAAS,EAAkB,EACzB,QACA,cACA,UACA,cAAW,IACX,YACA,aACA,YACA,cACA,GAAG,KACsB;CACzB,IAAM,IAAa,EAAkB,GAC/B,IAAU,EAAW,UAAU,GAE/B,UAAuB;EACvB,MACJ,EAAW,gBAAgB,CAAK,GAChC,IAAU;CACZ;CAeA,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,gBAAc;EACd,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACT,EAAsB,GACtB,KAAY,kCACZ,CACF;EACA,aAAU;EACV,UAzBiB,MAAwC;GAE3D,AADA,IAAU,CAAC,GACX,EAAe;EACjB;EAuBI,YArBmB,MAA2C;GAEhE,AADA,IAAY,CAAC,IACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAe,GACjB,EAAe;EAEnB;EAgBI,GAAI;YAbN,CAeE,kBAAC,QAAD;GACE,WAAU;GACV,aAAU;aAET,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,CAAU,CAAA;GACN,CAAA;EAEJ,CAAA,GACL,CACE;;AAET;AAEA,EAAkB,cAAc"}

package/dist/components/Menu/MenuSeparatorBase.cjs

@@ -1,2 +1,2 @@
-"use client";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`);function a({ref:e,className:r,...a}){return(0,i.jsx)(`div`,{ref:e,role:`separator`,className:t.cn(n.menuSeparatorVariants(),r),...a})}a.displayName=`MenuSeparatorBase`,exports.MenuSeparatorBase=a;
+"use client";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");function a({ref:e,className:r,...a}){return(0,i.jsx)(`div`,{ref:e,role:`separator`,className:t.cn(n.menuSeparatorVariants(),r),"data-slot":`separator`,...a})}a.displayName=`MenuSeparatorBase`,exports.MenuSeparatorBase=a;
 //# sourceMappingURL=MenuSeparatorBase.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSeparatorBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuSeparatorBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuSeparatorBase({\n  ref,\n  className,\n  ...props\n}: MenuSeparatorBaseProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      className={cn(menuSeparatorVariants(), className)}\n      {...props}\n    />\n  );\n}\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":"oNAUA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,UAAW,EAAA,GAAG,EAAA,uBAAuB,CAAE,EAAU,CACjD,GAAI,EACJ,CAAA,CAIN,EAAkB,YAAc"}
+{"version":3,"file":"MenuSeparatorBase.cjs","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuSeparatorBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuSeparatorBase({\n  ref,\n  className,\n  ...props\n}: MenuSeparatorBaseProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      className={cn(menuSeparatorVariants(), className)}\n      data-slot=\"separator\"\n      {...props}\n    />\n  );\n}\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":"oNAUA,SAAS,EAAkB,CACzB,MACA,YACA,GAAG,GACsB,CACzB,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,UAAW,EAAA,GAAG,EAAA,sBAAsB,EAAG,CAAS,EAChD,YAAU,YACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAkB,YAAc"}

package/dist/components/Menu/MenuSeparatorBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSeparatorBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CASxB;kBAbQ,iBAAiB;;;AAiB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"MenuSeparatorBase.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAUxB;kBAdQ,iBAAiB;;;AAkB1B,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Menu/MenuSeparatorBase.js

@@ -9,6 +9,7 @@ function r({ ref: r, className: i, ...a }) {
 		ref: r,
 		role: "separator",
 		className: e(t(), i),
+		"data-slot": "separator",
 		...a
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSeparatorBase.js","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuSeparatorBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuSeparatorBase({\n  ref,\n  className,\n  ...props\n}: MenuSeparatorBaseProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      className={cn(menuSeparatorVariants(), className)}\n      {...props}\n    />\n  );\n}\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":";;;;;;AAUA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;AACzB,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,GAAuB,EAAE,EAAU;EACjD,GAAI;EACJ,CAAA;;AAIN,EAAkB,cAAc"}
+{"version":3,"file":"MenuSeparatorBase.js","names":[],"sources":["../../../src/components/Menu/MenuSeparatorBase.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { menuSeparatorVariants } from \"@nuka/components/Menu/menuItemVariants\";\n\ninterface MenuSeparatorBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenuSeparatorBase({\n  ref,\n  className,\n  ...props\n}: MenuSeparatorBaseProps) {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      className={cn(menuSeparatorVariants(), className)}\n      data-slot=\"separator\"\n      {...props}\n    />\n  );\n}\n\nMenuSeparatorBase.displayName = \"MenuSeparatorBase\";\n\nexport { MenuSeparatorBase };\n"],"mappings":";;;;;;AAUA,SAAS,EAAkB,EACzB,QACA,cACA,GAAG,KACsB;CACzB,OACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,EAAsB,GAAG,CAAS;EAChD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAkB,cAAc"}

package/dist/components/Menu/menuItemVariants.cjs

@@ -1,2 +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)`,`hover:bg-(--nuka-bg-muted)`,`focus:bg-(--nuka-bg-muted)`]},{intent:`danger`,className:[`text-(--nuka-danger-text)`,`hover:bg-(--nuka-danger-bg)`,`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;
+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)`,`hover:bg-(--nuka-bg-muted)`,`focus:bg-(--nuka-bg-muted)`]},{intent:`danger`,className:[`text-(--nuka-danger-text)`,`hover:bg-(--nuka-danger-bg)`,`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-[number:var(--font-weight-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

@@ -1 +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: [\n          \"text-(--nuka-text-base)\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus:bg-(--nuka-bg-muted)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        className: [\n          \"text-(--nuka-danger-text)\",\n          \"hover:bg-(--nuka-danger-bg)\",\n          \"focus:bg-(--nuka-danger-bg)\",\n        ],\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,CACT,0BACA,6BACA,6BACD,CACF,CACD,CACE,OAAQ,SACR,UAAW,CACT,4BACA,8BACA,8BACD,CACF,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"}
+{"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: [\n          \"text-(--nuka-text-base)\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus:bg-(--nuka-bg-muted)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        className: [\n          \"text-(--nuka-danger-text)\",\n          \"hover:bg-(--nuka-danger-bg)\",\n          \"focus:bg-(--nuka-danger-bg)\",\n        ],\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-[number:var(--font-weight-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,mBACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,GACT,OAAQ,EACV,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,UACR,UAAW,CACT,0BACA,6BACA,4BACF,CACF,EACA,CACE,OAAQ,SACR,UAAW,CACT,4BACA,8BACA,6BACF,CACF,CACF,EACA,gBAAiB,CACf,OAAQ,SACV,CACF,CACF,EAIM,EAA2B,EAAA,IAAI,CACnC,2CACA,wDACA,kDACA,qGACA,oBACA,0BACA,4BACF,CAAC,EAEK,EAAwB,EAAA,IAAI,CAChC,2CACA,wDACA,kDACA,qGACA,oBACA,0BACA,4BACF,CAAC,EAEK,EAAwB,EAAA,IAAI,CAChC,qCACA,yBACF,CAAC,EAEK,EAAoB,EAAA,IAAI,CAC5B,kCACA,oDACA,2BACA,aACF,CAAC,EAEK,EAAsB,EAAA,IAAI,CAC9B,iDACA,2DACA,gCACA,gBACA,oBACF,CAAC"}

package/dist/components/Menu/menuItemVariants.js

@@ -45,7 +45,7 @@ var t = e([
 	"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-xs font-[number:var(--font-weight-semibold)]",
 	"text-(--nuka-text-muted)",
 	"select-none"
 ]), o = e([

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

@@ -1 +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: [\n          \"text-(--nuka-text-base)\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus:bg-(--nuka-bg-muted)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        className: [\n          \"text-(--nuka-danger-text)\",\n          \"hover:bg-(--nuka-danger-bg)\",\n          \"focus:bg-(--nuka-danger-bg)\",\n        ],\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;GACT;GACA;GACA;GACD;EACF,EACD;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;GACD;EACF,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"}
+{"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: [\n          \"text-(--nuka-text-base)\",\n          \"hover:bg-(--nuka-bg-muted)\",\n          \"focus:bg-(--nuka-bg-muted)\",\n        ],\n      },\n      {\n        intent: \"danger\",\n        className: [\n          \"text-(--nuka-danger-text)\",\n          \"hover:bg-(--nuka-danger-bg)\",\n          \"focus:bg-(--nuka-danger-bg)\",\n        ],\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-[number:var(--font-weight-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;AACF,GACA;CACE,UAAU,EACR,QAAQ;EACN,SAAS;EACT,QAAQ;CACV,EACF;CACA,kBAAkB,CAChB;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;EACF;CACF,GACA;EACE,QAAQ;EACR,WAAW;GACT;GACA;GACA;EACF;CACF,CACF;CACA,iBAAiB,EACf,QAAQ,UACV;AACF,CACF,GAIM,IAA2B,EAAI;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,GAEK,IAAwB,EAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,GAEK,IAAwB,EAAI,CAChC,sCACA,yBACF,CAAC,GAEK,IAAoB,EAAI;CAC5B;CACA;CACA;CACA;AACF,CAAC,GAEK,IAAsB,EAAI;CAC9B;CACA;CACA;CACA;CACA;AACF,CAAC"}

package/dist/components/Menubar/Menubar.cjs

@@ -1,2 +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`);function a({ref:e,className:a,children: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:e,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)`,a),...s,children:o})})}a.displayName=`Menubar`,exports.Menubar=a;
+"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");function a({ref:e,className:a,children: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:e,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)`,a),"data-slot":`root`,...s,children:o})})}a.displayName=`Menubar`,exports.Menubar=a;
 //# sourceMappingURL=Menubar.cjs.map

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction Menubar({ ref, className, children, ...props }: MenubarProps) {\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\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":"mNAUA,SAAS,EAAQ,CAAE,MAAK,YAAW,WAAU,GAAG,GAAuB,CACrE,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,CAIrB,EAAQ,YAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction Menubar({ ref, className, children, ...props }: MenubarProps) {\n  const [openValue, setOpenValue] = React.useState<string | null>(null);\n  const triggersRef = React.useRef(new Map<string, HTMLButtonElement>());\n  const menuValuesRef = React.useRef<string[]>([]);\n\n  const registerTrigger = React.useCallback(\n    (value: string, el: HTMLButtonElement | null) => {\n      if (el) {\n        triggersRef.current.set(value, el);\n      } else {\n        triggersRef.current.delete(value);\n      }\n    },\n    [],\n  );\n\n  const registerMenu = React.useCallback((value: string) => {\n    if (!menuValuesRef.current.includes(value)) {\n      menuValuesRef.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: triggersRef,\n      registerTrigger,\n      menuValues: menuValuesRef,\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        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </MenubarContext>\n  );\n}\n\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":"mNAUA,SAAS,EAAQ,CAAE,MAAK,YAAW,WAAU,GAAG,GAAuB,CACrE,GAAM,CAAC,EAAW,GAAgB,EAAM,SAAwB,IAAI,EAC9D,EAAc,EAAM,OAAO,IAAI,GAAgC,EAC/D,EAAgB,EAAM,OAAiB,CAAC,CAAC,EAEzC,EAAkB,EAAM,aAC3B,EAAe,IAAiC,CAC3C,EACF,EAAY,QAAQ,IAAI,EAAO,CAAE,EAEjC,EAAY,QAAQ,OAAO,CAAK,CAEpC,EACA,CAAC,CACH,EAEM,EAAe,EAAM,YAAa,GAAkB,CACnD,EAAc,QAAQ,SAAS,CAAK,GACvC,EAAc,QAAQ,KAAK,CAAK,CAEpC,EAAG,CAAC,CAAC,EAEC,EAAW,EAAM,YAAa,GAAkB,CACpD,EAAa,CAAK,CACpB,EAAG,CAAC,CAAC,EAEC,EAAY,EAAM,gBAAkB,CACxC,EAAa,IAAI,CACnB,EAAG,CAAC,CAAC,EAeL,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,MAdwB,EAAM,aACvC,CACL,YACA,WACA,YACA,YAAa,EACb,kBACA,WAAY,EACZ,cACF,GACA,CAAC,EAAW,EAAU,EAAW,EAAiB,CAAY,CAIvC,YACrB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,UACL,UAAW,EAAA,GACT,2CACA,2DACA,oCACA,CACF,EACA,YAAU,OACV,GAAI,EAEH,UACE,CAAA,CACS,CAAA,CAEpB,CAEA,EAAQ,YAAc"}

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

@@ -1,2 +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;
+"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.use(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.use(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

@@ -1 +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"}
+{"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.use(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.use(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,EACF,EAEA,SAAS,GAAyC,CAChD,IAAM,EAAU,EAAM,IAAI,CAAc,EACxC,GAAI,IAAY,IAAA,GACd,MAAU,MACR,6DACF,EAEF,OAAO,CACT,CAYA,IAAM,EAAqB,EAAM,cAE/B,IAAA,EAAS,EAEX,SAAS,GAAiD,CACxD,IAAM,EAAU,EAAM,IAAI,CAAkB,EAC5C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,qEACF,EAEF,OAAO,CACT"}

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

@@ -3,13 +3,13 @@ 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);
+	let n = e.use(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);
+	let t = e.use(r);
 	if (t === void 0) throw Error("useMenubarMenuContext must be used within a <MenubarMenu> component");
 	return t;
 }

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

@@ -1 +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"}
+{"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.use(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.use(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,CACF;AAEA,SAAS,IAAyC;CAChD,IAAM,IAAU,EAAM,IAAI,CAAc;CACxC,IAAI,MAAY,KAAA,GACd,MAAU,MACR,6DACF;CAEF,OAAO;AACT;AAYA,IAAM,IAAqB,EAAM,cAE/B,KAAA,CAAS;AAEX,SAAS,IAAiD;CACxD,IAAM,IAAU,EAAM,IAAI,CAAkB;CAC5C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,qEACF;CAEF,OAAO;AACT"}

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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA4DpE;kBA5DQ,OAAO;;;AAgEhB,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;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CA6DpE;kBA7DQ,OAAO;;;AAiEhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Menubar/Menubar.js

@@ -34,6 +34,7 @@ function i({ ref: i, className: a, children: o, ...s }) {
 			ref: i,
 			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)", a),
+			"data-slot": "root",
 			...s,
 			children: o
 		})

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction Menubar({ ref, className, children, ...props }: MenubarProps) {\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\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":";;;;;;AAUA,SAAS,EAAQ,EAAE,QAAK,cAAW,aAAU,GAAG,KAAuB;CACrE,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;;AAIrB,EAAQ,cAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction Menubar({ ref, className, children, ...props }: MenubarProps) {\n  const [openValue, setOpenValue] = React.useState<string | null>(null);\n  const triggersRef = React.useRef(new Map<string, HTMLButtonElement>());\n  const menuValuesRef = React.useRef<string[]>([]);\n\n  const registerTrigger = React.useCallback(\n    (value: string, el: HTMLButtonElement | null) => {\n      if (el) {\n        triggersRef.current.set(value, el);\n      } else {\n        triggersRef.current.delete(value);\n      }\n    },\n    [],\n  );\n\n  const registerMenu = React.useCallback((value: string) => {\n    if (!menuValuesRef.current.includes(value)) {\n      menuValuesRef.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: triggersRef,\n      registerTrigger,\n      menuValues: menuValuesRef,\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        data-slot=\"root\"\n        {...props}\n      >\n        {children}\n      </div>\n    </MenubarContext>\n  );\n}\n\nMenubar.displayName = \"Menubar\";\n\nexport { Menubar };\n"],"mappings":";;;;;;AAUA,SAAS,EAAQ,EAAE,QAAK,cAAW,aAAU,GAAG,KAAuB;CACrE,IAAM,CAAC,GAAW,KAAgB,EAAM,SAAwB,IAAI,GAC9D,IAAc,EAAM,uBAAO,IAAI,IAA+B,CAAC,GAC/D,IAAgB,EAAM,OAAiB,CAAC,CAAC,GAEzC,IAAkB,EAAM,aAC3B,GAAe,MAAiC;EAC/C,AAAI,IACF,EAAY,QAAQ,IAAI,GAAO,CAAE,IAEjC,EAAY,QAAQ,OAAO,CAAK;CAEpC,GACA,CAAC,CACH,GAEM,IAAe,EAAM,aAAa,MAAkB;EACxD,AAAK,EAAc,QAAQ,SAAS,CAAK,KACvC,EAAc,QAAQ,KAAK,CAAK;CAEpC,GAAG,CAAC,CAAC,GAEC,IAAW,EAAM,aAAa,MAAkB;EACpD,EAAa,CAAK;CACpB,GAAG,CAAC,CAAC,GAEC,IAAY,EAAM,kBAAkB;EACxC,EAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAeL,OACE,kBAAC,GAAD;EAAgB,OAdwB,EAAM,eACvC;GACL;GACA;GACA;GACA,aAAa;GACb;GACA,YAAY;GACZ;EACF,IACA;GAAC;GAAW;GAAU;GAAW;GAAiB;EAAY,CAIvC;YACrB,kBAAC,OAAD;GACO;GACL,MAAK;GACL,WAAW,EACT,4CACA,4DACA,qCACA,CACF;GACA,aAAU;GACV,GAAI;GAEH;EACE,CAAA;CACS,CAAA;AAEpB;AAEA,EAAQ,cAAc"}

package/dist/components/Menubar/MenubarCheckboxItem.cjs

@@ -1,2 +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`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`MenubarCheckboxItem`,exports.MenubarCheckboxItem=i;
+"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");function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`MenubarCheckboxItem`,exports.MenubarCheckboxItem=i;
 //# sourceMappingURL=MenubarCheckboxItem.cjs.map

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

@@ -1 +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\nfunction MenubarCheckboxItem({ ref, ...props }: MenubarCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAoB,CAAE,MAAK,GAAG,GAAmC,CACxE,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,EAAS,CAAA,CAGzD,EAAoB,YAAc"}
+{"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\nfunction MenubarCheckboxItem({ ref, ...props }: MenubarCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAoB,CAAE,MAAK,GAAG,GAAmC,CACxE,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,CAAQ,CAAA,CACxD,CAEA,EAAoB,YAAc"}

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

@@ -1 +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\nfunction MenubarCheckboxItem({ ref, ...props }: MenubarCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAoB,EAAE,QAAK,GAAG,KAAmC;AACxE,QAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;EAAS,CAAA;;AAGzD,EAAoB,cAAc"}
+{"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\nfunction MenubarCheckboxItem({ ref, ...props }: MenubarCheckboxItemProps) {\n  return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\n\nexport { MenubarCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAoB,EAAE,QAAK,GAAG,KAAmC;CACxE,OAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;CAAQ,CAAA;AACxD;AAEA,EAAoB,cAAc"}

package/dist/components/Menubar/MenubarContent.cjs

@@ -1,2 +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`);function u({ref:e,className:u,children:d,...f}){let p=s.useMenubarContext(),m=s.useMenubarMenuContext(),h=n.composeRefs(e,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(f);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(),u),children:d})})})}u.displayName=`MenubarContent`,exports.MenubarContent=u;
+"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");function u({ref:e,className:u,children:d,...f}){let p=s.useMenubarContext(),m=s.useMenubarMenuContext(),h=n.composeRefs(e,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(f);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-slot":`content`,"data-state":`open`,...S,className:t.cn(a.menuContentVariants(),u),children:d})})})}u.displayName=`MenubarContent`,exports.MenubarContent=u;
 //# sourceMappingURL=MenubarContent.cjs.map

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarContent({\n  ref,\n  className,\n  children,\n  ...props\n}: MenubarContentProps) {\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\nMenubarContent.displayName = \"MenubarContent\";\n\nexport { MenubarContent };\n"],"mappings":"6ZAoBA,SAAS,EAAe,CACtB,MACA,YACA,WACA,GAAG,GACmB,CACtB,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,CAIb,EAAe,YAAc"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarContent({\n  ref,\n  className,\n  children,\n  ...props\n}: MenubarContentProps) {\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-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nMenubarContent.displayName = \"MenubarContent\";\n\nexport { MenubarContent };\n"],"mappings":"6ZAoBA,SAAS,EAAe,CACtB,MACA,YACA,WACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,kBAAkB,EACxB,EAAO,EAAA,sBAAsB,EAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,IACX,EAAY,EAAK,KAAK,WAAW,EAWhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,SAXiB,EAAM,gBAAkB,CAC3C,EAAK,aAAa,EAAK,EACvB,EAAI,YAAY,QAAQ,IAAI,EAAK,KAAK,GAAG,MAAM,CACjD,EAAG,CAAC,EAAM,CAAG,CAQC,EACV,MAPc,EAAM,gBAAkB,CACxC,EAAK,aAAa,EAAK,CACzB,EAAG,CAAC,CAAI,CAKG,CACT,CAAC,EAEG,EAAe,EAAM,OAAO,CAAC,EAEnC,EAAM,cAAgB,CACf,EAAK,MAAM,EAAe,CACjC,EAAG,CAAC,EAAK,KAAM,CAAc,CAAC,EAE9B,IAAM,EAA4B,EAAM,YACrC,GAAsB,CACrB,IAAM,EAAS,EAAI,WAAW,QACxB,EAAe,EAAO,QAAQ,EAAK,KAAK,EAC9C,GAAI,IAAiB,GAAI,OAGzB,IAAM,EAAY,GADf,EAAe,EAAY,EAAO,QAAU,EAAO,QAElD,IAAc,IAAA,KAChB,EAAI,SAAS,CAAS,EACtB,EAAI,YAAY,QAAQ,IAAI,CAAS,GAAG,MAAM,EAElD,EACA,CAAC,EAAK,EAAK,KAAK,CAClB,EAIA,GAFA,EAAA,sBAAsB,EAAK,KAAM,EAAW,EAAU,CAAY,EAE9D,CAAC,EAAK,KAAM,OAAO,KAEvB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAK,iBAAiB,CAAK,EAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAK,aAAa,EAAK,EACpC,gBAAmB,EAA0B,EAAE,EAC/C,iBAAoB,EAA0B,CAAC,CACjD,YAEA,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAK,eACZ,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,oBAAoB,EAAG,CAAS,EAE7C,UACE,CAAA,CACU,CAAA,CACX,CAAA,CAEZ,CAEA,EAAe,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,kDA0ErB;kBA/EQ,cAAc;;;AAmFvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"MenubarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,mBAAmB,kDA2ErB;kBAhFQ,cAAc;;;AAoFvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Menubar/MenubarContent.js

@@ -41,6 +41,7 @@ function d({ ref: d, className: f, children: p, ...m }) {
 		children: /* @__PURE__ */ u("div", {
 			ref: _,
 			style: g.floatingStyles,
+			"data-slot": "content",
 			"data-state": "open",
 			...w,
 			className: e(i(), f),

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarContent.js","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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarContent({\n  ref,\n  className,\n  children,\n  ...props\n}: MenubarContentProps) {\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\nMenubarContent.displayName = \"MenubarContent\";\n\nexport { MenubarContent };\n"],"mappings":";;;;;;;;;;;AAoBA,SAAS,EAAe,EACtB,QACA,cACA,aACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAO,GAAuB,EAE9B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAK,KAAK,YAAY,EAWjE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,UAXiB,EAAM,kBAAkB;AAE3C,GADA,EAAK,aAAa,GAAM,EACxB,EAAI,YAAY,QAAQ,IAAI,EAAK,MAAM,EAAE,OAAO;KAC/C,CAAC,GAAM,EAAI,CAAC;EASX,OAPc,EAAM,kBAAkB;AACxC,KAAK,aAAa,GAAM;KACvB,CAAC,EAAK,CAAC;EAMP,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAEpC,GAAM,gBAAgB;AACpB,EAAK,EAAK,QAAM,GAAgB;IAC/B,CAAC,EAAK,MAAM,EAAe,CAAC;CAE/B,IAAM,IAA4B,EAAM,aACrC,MAAsB;EACrB,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,MAAM;AAC/C,MAAI,MAAiB,GAAI;EAGzB,IAAM,IAAY,GADf,IAAe,IAAY,EAAO,UAAU,EAAO;AAEtD,EAAI,MAAc,KAAA,MAChB,EAAI,SAAS,EAAU,EACvB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;IAGnD,CAAC,GAAK,EAAK,MAAM,CAClB;AAID,KAFA,EAAsB,EAAK,MAAM,GAAW,GAAU,EAAa,EAE/D,CAAC,EAAK,KAAM,QAAO;AAEvB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAK,iBAAiB,EAAM;AAElD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAK,aAAa,GAAM;GACrC,mBAAmB,EAA0B,GAAG;GAChD,oBAAoB,EAA0B,EAAE;GACjD;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAK;GACZ,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAe,cAAc"}
+{"version":3,"file":"MenubarContent.js","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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarContent({\n  ref,\n  className,\n  children,\n  ...props\n}: MenubarContentProps) {\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-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nMenubarContent.displayName = \"MenubarContent\";\n\nexport { MenubarContent };\n"],"mappings":";;;;;;;;;;;AAoBA,SAAS,EAAe,EACtB,QACA,cACA,aACA,GAAG,KACmB;CACtB,IAAM,IAAM,EAAkB,GACxB,IAAO,EAAsB,GAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,IACX,GAAY,EAAK,KAAK,WAAW,GAWhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,UAXiB,EAAM,kBAAkB;GAE3C,AADA,EAAK,aAAa,EAAK,GACvB,EAAI,YAAY,QAAQ,IAAI,EAAK,KAAK,GAAG,MAAM;EACjD,GAAG,CAAC,GAAM,CAAG,CAQC;EACV,OAPc,EAAM,kBAAkB;GACxC,EAAK,aAAa,EAAK;EACzB,GAAG,CAAC,CAAI,CAKG;CACT,CAAC,GAEG,IAAe,EAAM,OAAO,CAAC;CAEnC,EAAM,gBAAgB;EACpB,AAAK,EAAK,QAAM,EAAe;CACjC,GAAG,CAAC,EAAK,MAAM,CAAc,CAAC;CAE9B,IAAM,IAA4B,EAAM,aACrC,MAAsB;EACrB,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,KAAK;EAC9C,IAAI,MAAiB,IAAI;EAGzB,IAAM,IAAY,GADf,IAAe,IAAY,EAAO,UAAU,EAAO;EAEtD,AAAI,MAAc,KAAA,MAChB,EAAI,SAAS,CAAS,GACtB,EAAI,YAAY,QAAQ,IAAI,CAAS,GAAG,MAAM;CAElD,GACA,CAAC,GAAK,EAAK,KAAK,CAClB;CAIA,IAFA,EAAsB,EAAK,MAAM,GAAW,GAAU,CAAY,GAE9D,CAAC,EAAK,MAAM,OAAO;CAEvB,EAAa,UAAU;CAEvB,IAAM,IAAgB,EAAK,iBAAiB,CAAK;CAEjD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAK,aAAa,EAAK;GACpC,mBAAmB,EAA0B,EAAE;GAC/C,oBAAoB,EAA0B,CAAC;EACjD;YAEA,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAK;GACZ,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,EAAoB,GAAG,CAAS;GAE7C;EACE,CAAA;CACU,CAAA,EACX,CAAA;AAEZ;AAEA,EAAe,cAAc"}

package/dist/components/Menubar/MenubarItem.cjs

@@ -1,2 +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`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`MenubarItem`,exports.MenubarItem=i;
+"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");function i({ref:e,...n}){return(0,r.jsx)(t.MenuItemWithNav,{ref:e,...n})}i.displayName=`MenubarItem`,exports.MenubarItem=i;
 //# sourceMappingURL=MenubarItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarItem.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarItemProps = MenuItemWithNavProps;\n\nfunction MenubarItem({ ref, ...props }: MenubarItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nMenubarItem.displayName = \"MenubarItem\";\n\nexport { MenubarItem };\n"],"mappings":"yLAOA,SAAS,EAAY,CAAE,MAAK,GAAG,GAA2B,CACxD,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,EAAS,CAAA,CAGjD,EAAY,YAAc"}
+{"version":3,"file":"MenubarItem.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarItemProps = MenuItemWithNavProps;\n\nfunction MenubarItem({ ref, ...props }: MenubarItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nMenubarItem.displayName = \"MenubarItem\";\n\nexport { MenubarItem };\n"],"mappings":"yLAOA,SAAS,EAAY,CAAE,MAAK,GAAG,GAA2B,CACxD,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAsB,MAAK,GAAI,CAAQ,CAAA,CAChD,CAEA,EAAY,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarItem.js","names":[],"sources":["../../../src/components/Menubar/MenubarItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarItemProps = MenuItemWithNavProps;\n\nfunction MenubarItem({ ref, ...props }: MenubarItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nMenubarItem.displayName = \"MenubarItem\";\n\nexport { MenubarItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAY,EAAE,QAAK,GAAG,KAA2B;AACxD,QAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;EAAS,CAAA;;AAGjD,EAAY,cAAc"}
+{"version":3,"file":"MenubarItem.js","names":[],"sources":["../../../src/components/Menubar/MenubarItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarItemProps = MenuItemWithNavProps;\n\nfunction MenubarItem({ ref, ...props }: MenubarItemProps) {\n  return <MenuItemWithNav ref={ref} {...props} />;\n}\n\nMenubarItem.displayName = \"MenubarItem\";\n\nexport { MenubarItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAY,EAAE,QAAK,GAAG,KAA2B;CACxD,OAAO,kBAAC,GAAD;EAAsB;EAAK,GAAI;CAAQ,CAAA;AAChD;AAEA,EAAY,cAAc"}

package/dist/components/Menubar/MenubarMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),n=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),r=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),i=require(`./Menubar.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({value:e,children:s}){let c=i.useMenubarContext();a.useEffect(()=>{c.registerMenu(e)},[c,e]);let l=c.openValue===e,u=a.useCallback(t=>{t?c.openMenu(e):c.closeMenu()},[c,e]),{refs:d,floatingStyles:f,context:p}=r.useFloating({open:l,onOpenChange:u,placement:`bottom-start`,middleware:[n.offset(4),n.flip(),n.shift({padding:8})],whileElementsMounted:t.autoUpdate}),{getReferenceProps:m,getFloatingProps:h}=r.useInteractions([r.useClick(p),r.useDismiss(p),r.useRole(p,{role:`menu`})]);return(0,o.jsx)(i.MenubarMenuContext,{value:a.useMemo(()=>({value:e,open:l,onOpenChange:u,refs:d,floatingStyles:f,getReferenceProps:m,getFloatingProps:h}),[e,l,u,d,f,m,h]),children:s})}s.displayName=`MenubarMenu`,exports.MenubarMenu=s;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),n=require("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs"),r=require("../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs"),i=require("./Menubar.context.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({value:e,children:s}){let c=i.useMenubarContext();a.useEffect(()=>{c.registerMenu(e)},[c,e]);let l=c.openValue===e,u=a.useCallback(t=>{t?c.openMenu(e):c.closeMenu()},[c,e]),{refs:d,floatingStyles:f,context:p}=r.useFloating({open:l,onOpenChange:u,placement:`bottom-start`,middleware:[n.offset(4),n.flip(),n.shift({padding:8})],whileElementsMounted:t.autoUpdate}),{getReferenceProps:m,getFloatingProps:h}=r.useInteractions([r.useClick(p),r.useDismiss(p),r.useRole(p,{role:`menu`})]);return(0,o.jsx)(i.MenubarMenuContext,{value:a.useMemo(()=>({value:e,open:l,onOpenChange:u,refs:d,floatingStyles:f,getReferenceProps:m,getFloatingProps:h}),[e,l,u,d,f,m,h]),children:s})}s.displayName=`MenubarMenu`,exports.MenubarMenu=s;
 //# sourceMappingURL=MenubarMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarMenu.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport {\n  useMenubarContext,\n  MenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarMenuContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarMenuProps {\n  value: string;\n  children: React.ReactNode;\n}\n\nfunction MenubarMenu({ value, children }: MenubarMenuProps) {\n  const bar = useMenubarContext();\n\n  React.useEffect(() => {\n    bar.registerMenu(value);\n  }, [bar, value]);\n\n  const open = bar.openValue === value;\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (next) {\n        bar.openMenu(value);\n      } else {\n        bar.closeMenu();\n      }\n    },\n    [bar, value],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const menuContextValue: MenubarMenuContextValue = React.useMemo(\n    () => ({\n      value,\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      value,\n      open,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <MenubarMenuContext value={menuContextValue}>{children}</MenubarMenuContext>\n  );\n}\n\nMenubarMenu.displayName = \"MenubarMenu\";\n\nexport { MenubarMenu };\n"],"mappings":"iaAwBA,SAAS,EAAY,CAAE,QAAO,YAA8B,CAC1D,IAAM,EAAM,EAAA,mBAAmB,CAE/B,EAAM,cAAgB,CACpB,EAAI,aAAa,EAAM,EACtB,CAAC,EAAK,EAAM,CAAC,CAEhB,IAAM,EAAO,EAAI,YAAc,EAEzB,EAAmB,EAAM,YAC5B,GAAkB,CACb,EACF,EAAI,SAAS,EAAM,CAEnB,EAAI,WAAW,EAGnB,CAAC,EAAK,EAAM,CACb,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACvB,CAAC,CAMI,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,EAAQ,CACf,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,OAAQ,CAAC,CAM9C,CAAC,CAuBF,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAtB4B,EAAM,aAC/C,CACL,QACA,OACA,aAAc,EACd,OACA,iBACA,oBACA,mBACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAG+C,WAA8B,CAAA,CAIhF,EAAY,YAAc"}
+{"version":3,"file":"MenubarMenu.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport {\n  useMenubarContext,\n  MenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarMenuContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarMenuProps {\n  value: string;\n  children: React.ReactNode;\n}\n\nfunction MenubarMenu({ value, children }: MenubarMenuProps) {\n  const bar = useMenubarContext();\n\n  React.useEffect(() => {\n    bar.registerMenu(value);\n  }, [bar, value]);\n\n  const open = bar.openValue === value;\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (next) {\n        bar.openMenu(value);\n      } else {\n        bar.closeMenu();\n      }\n    },\n    [bar, value],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const menuContextValue: MenubarMenuContextValue = React.useMemo(\n    () => ({\n      value,\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      value,\n      open,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <MenubarMenuContext value={menuContextValue}>{children}</MenubarMenuContext>\n  );\n}\n\nMenubarMenu.displayName = \"MenubarMenu\";\n\nexport { MenubarMenu };\n"],"mappings":"iaAwBA,SAAS,EAAY,CAAE,QAAO,YAA8B,CAC1D,IAAM,EAAM,EAAA,kBAAkB,EAE9B,EAAM,cAAgB,CACpB,EAAI,aAAa,CAAK,CACxB,EAAG,CAAC,EAAK,CAAK,CAAC,EAEf,IAAM,EAAO,EAAI,YAAc,EAEzB,EAAmB,EAAM,YAC5B,GAAkB,CACb,EACF,EAAI,SAAS,CAAK,EAElB,EAAI,UAAU,CAElB,EACA,CAAC,EAAK,CAAK,CACb,EAEM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,CAAC,EAAG,EAAA,KAAK,EAAG,EAAA,MAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACrD,qBAAsB,EAAA,UACxB,CAAC,EAMK,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,CAKrB,EAJc,EAAA,WAAW,CAKzB,EAJW,EAAA,QAAQ,EAAS,CAAE,KAAM,MAAO,CAK3C,CACF,CAAC,EAuBD,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAtB4B,EAAM,aAC/C,CACL,QACA,OACA,aAAc,EACd,OACA,iBACA,oBACA,kBACF,GACA,CACE,EACA,EACA,EACA,EACA,EACA,EACA,CACF,CAI2B,EAAmB,UAA6B,CAAA,CAE/E,CAEA,EAAY,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarMenu.js","names":[],"sources":["../../../src/components/Menubar/MenubarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport {\n  useMenubarContext,\n  MenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarMenuContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarMenuProps {\n  value: string;\n  children: React.ReactNode;\n}\n\nfunction MenubarMenu({ value, children }: MenubarMenuProps) {\n  const bar = useMenubarContext();\n\n  React.useEffect(() => {\n    bar.registerMenu(value);\n  }, [bar, value]);\n\n  const open = bar.openValue === value;\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (next) {\n        bar.openMenu(value);\n      } else {\n        bar.closeMenu();\n      }\n    },\n    [bar, value],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const menuContextValue: MenubarMenuContextValue = React.useMemo(\n    () => ({\n      value,\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      value,\n      open,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <MenubarMenuContext value={menuContextValue}>{children}</MenubarMenuContext>\n  );\n}\n\nMenubarMenu.displayName = \"MenubarMenu\";\n\nexport { MenubarMenu };\n"],"mappings":";;;;;;;;AAwBA,SAAS,EAAY,EAAE,UAAO,eAA8B;CAC1D,IAAM,IAAM,GAAmB;AAE/B,GAAM,gBAAgB;AACpB,IAAI,aAAa,EAAM;IACtB,CAAC,GAAK,EAAM,CAAC;CAEhB,IAAM,IAAO,EAAI,cAAc,GAEzB,IAAmB,EAAM,aAC5B,MAAkB;AACjB,EAAI,IACF,EAAI,SAAS,EAAM,GAEnB,EAAI,WAAW;IAGnB,CAAC,GAAK,EAAM,CACb,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACvB,CAAC,EAMI,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,EAAQ;EACf,EAAW,EAAQ;EACtB,EAAQ,GAAS,EAAE,MAAM,QAAQ,CAAC;EAM9C,CAAC;AAuBF,QACE,kBAAC,GAAD;EAAoB,OAtB4B,EAAM,eAC/C;GACL;GACA;GACA,cAAc;GACd;GACA;GACA;GACA;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAG+C;EAA8B,CAAA;;AAIhF,EAAY,cAAc"}
+{"version":3,"file":"MenubarMenu.js","names":[],"sources":["../../../src/components/Menubar/MenubarMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport {\n  useMenubarContext,\n  MenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\nimport type { MenubarMenuContextValue } from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarMenuProps {\n  value: string;\n  children: React.ReactNode;\n}\n\nfunction MenubarMenu({ value, children }: MenubarMenuProps) {\n  const bar = useMenubarContext();\n\n  React.useEffect(() => {\n    bar.registerMenu(value);\n  }, [bar, value]);\n\n  const open = bar.openValue === value;\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      if (next) {\n        bar.openMenu(value);\n      } else {\n        bar.closeMenu();\n      }\n    },\n    [bar, value],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(4), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n    role,\n  ]);\n\n  const menuContextValue: MenubarMenuContextValue = React.useMemo(\n    () => ({\n      value,\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    }),\n    [\n      value,\n      open,\n      handleOpenChange,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    ],\n  );\n\n  return (\n    <MenubarMenuContext value={menuContextValue}>{children}</MenubarMenuContext>\n  );\n}\n\nMenubarMenu.displayName = \"MenubarMenu\";\n\nexport { MenubarMenu };\n"],"mappings":";;;;;;;;AAwBA,SAAS,EAAY,EAAE,UAAO,eAA8B;CAC1D,IAAM,IAAM,EAAkB;CAE9B,EAAM,gBAAgB;EACpB,EAAI,aAAa,CAAK;CACxB,GAAG,CAAC,GAAK,CAAK,CAAC;CAEf,IAAM,IAAO,EAAI,cAAc,GAEzB,IAAmB,EAAM,aAC5B,MAAkB;EACjB,AAAI,IACF,EAAI,SAAS,CAAK,IAElB,EAAI,UAAU;CAElB,GACA,CAAC,GAAK,CAAK,CACb,GAEM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,EAAE,CAAC;EAAC;EACrD,sBAAsB;CACxB,CAAC,GAMK,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,CAKrB;EAJc,EAAW,CAKzB;EAJW,EAAQ,GAAS,EAAE,MAAM,OAAO,CAK3C;CACF,CAAC;CAuBD,OACE,kBAAC,GAAD;EAAoB,OAtB4B,EAAM,eAC/C;GACL;GACA;GACA,cAAc;GACd;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAI2B;EAAmB;CAA6B,CAAA;AAE/E;AAEA,EAAY,cAAc"}

package/dist/components/Menubar/MenubarRadioGroup.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioGroup.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenubarRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarRadioGroup({ ref, ...props }: MenubarRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\n\nexport { MenubarRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAkB,CAAE,MAAK,GAAG,GAAiC,CACpE,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,EAAS,CAAA,CAGpD,EAAkB,YAAc"}
+{"version":3,"file":"MenubarRadioGroup.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenubarRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarRadioGroup({ ref, ...props }: MenubarRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\n\nexport { MenubarRadioGroup };\n"],"mappings":"4LASA,SAAS,EAAkB,CAAE,MAAK,GAAG,GAAiC,CACpE,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAK,GAAI,CAAQ,CAAA,CACnD,CAEA,EAAkB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioGroup.js","names":[],"sources":["../../../src/components/Menubar/MenubarRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenubarRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarRadioGroup({ ref, ...props }: MenubarRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\n\nexport { MenubarRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAkB,EAAE,QAAK,GAAG,KAAiC;AACpE,QAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;EAAS,CAAA;;AAGpD,EAAkB,cAAc"}
+{"version":3,"file":"MenubarRadioGroup.js","names":[],"sources":["../../../src/components/Menubar/MenubarRadioGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioGroupBase } from \"@nuka/components/Menu/MenuRadioGroupBase\";\nimport type { MenuRadioGroupBaseProps } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenubarRadioGroupProps extends MenuRadioGroupBaseProps {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction MenubarRadioGroup({ ref, ...props }: MenubarRadioGroupProps) {\n  return <MenuRadioGroupBase ref={ref} {...props} />;\n}\n\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\n\nexport { MenubarRadioGroup };\n"],"mappings":";;;;;AASA,SAAS,EAAkB,EAAE,QAAK,GAAG,KAAiC;CACpE,OAAO,kBAAC,GAAD;EAAyB;EAAK,GAAI;CAAQ,CAAA;AACnD;AAEA,EAAkB,cAAc"}

package/dist/components/Menubar/MenubarRadioItem.cjs

@@ -1,2 +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`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`MenubarRadioItem`,exports.MenubarRadioItem=i;
+"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");function i({ref:e,...n}){return(0,r.jsx)(t.MenuRadioItemWithNav,{ref:e,...n})}i.displayName=`MenubarRadioItem`,exports.MenubarRadioItem=i;
 //# sourceMappingURL=MenubarRadioItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarRadioItem.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction MenubarRadioItem({ ref, ...props }: MenubarRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nMenubarRadioItem.displayName = \"MenubarRadioItem\";\n\nexport { MenubarRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,EAAS,CAAA,CAGtD,EAAiB,YAAc"}
+{"version":3,"file":"MenubarRadioItem.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarRadioItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuRadioItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuRadioItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type MenubarRadioItemProps = MenuRadioItemWithNavProps;\n\nfunction MenubarRadioItem({ ref, ...props }: MenubarRadioItemProps) {\n  return <MenuRadioItemWithNav ref={ref} {...props} />;\n}\n\nMenubarRadioItem.displayName = \"MenubarRadioItem\";\n\nexport { MenubarRadioItem };\n"],"mappings":"yLAOA,SAAS,EAAiB,CAAE,MAAK,GAAG,GAAgC,CAClE,OAAO,EAAA,EAAA,KAAC,EAAA,qBAAD,CAA2B,MAAK,GAAI,CAAQ,CAAA,CACrD,CAEA,EAAiB,YAAc"}