@nuka-ui/core 1.1.2 → 1.1.4

package/dist/components/Menu/MenuRadioItemBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./menuItemVariants.cjs`),i=require(`./MenuRadioGroupBase.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=()=>(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,children:(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`4`})});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":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  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":"2QAaA,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,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,YAAU,aACV,QAzBiB,GAAwC,CAC3D,IAAU,EAAE,CACZ,GAAgB,EAwBd,UArBmB,GAA2C,CAChE,IAAY,EAAE,EACV,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,gBAAgB,CAClB,GAAgB,GAkBhB,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,EAAW,CAAA,CACN,CAAA,CAEJ,CAAA,CACN,EACG,GAIV,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":"AAAA,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

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { menuRadioItemVariants as n } from "./menuItemVariants.js";
@@ -25,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();
 		},
@@ -34,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":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { menuRadioItemVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport { useMenuRadioGroup } from \"@nuka/components/Menu/MenuRadioGroupBase\";\n\nexport interface MenuRadioItemBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  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":";;;;;;;AAaA,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;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,aAAU;EACV,UAzBiB,MAAwC;AAE3D,GADA,IAAU,EAAE,EACZ,GAAgB;;EAwBd,YArBmB,MAA2C;AAEhE,GADA,IAAY,EAAE,GACV,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,GAAgB;;EAkBhB,GAAI;YAbN,CAeE,kBAAC,QAAD;GACE,WAAU;GACV,aAAU;aAET,KACC,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,GAAD,EAAW,CAAA;IACN,CAAA;GAEJ,CAAA,EACN,EACG;;;AAIV,EAAkB,cAAc"}

package/dist/components/Menu/MenuSeparatorBase.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./menuItemVariants.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);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":["import * 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":"uMAQA,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,uBAAuB,CAAE,EAAU,CACjD,YAAU,YACV,GAAI,EACJ,CAAA,CAIN,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":"AAAA,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

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { menuSeparatorVariants as t } from "./menuItemVariants.js";
 import "react";
@@ -8,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":["import * 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":";;;;;AAQA,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;AACzB,QACE,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,GAAuB,EAAE,EAAU;EACjD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,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,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,oDACA,2BACA,cACD,CAAC,CAEI,EAAsB,EAAA,IAAI,CAC9B,iDACA,2DACA,gCACA,gBACA,qBACD,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;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"}

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 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        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,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,YAAU,OACV,GAAI,EAEH,WACG,CAAA,CACS,CAAA,CAIrB,EAAQ,YAAc"}

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 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        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,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,aAAU;GACV,GAAI;GAEH;GACG,CAAA;EACS,CAAA;;AAIrB,EAAQ,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,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,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,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,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,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Menubar/MenubarTrigger.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(`./Menubar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,onKeyDown:s,...c}){let l=r.useMenubarContext(),u=r.useMenubarMenuContext(),d=n.composeRefs(e,u.refs.setReference,e=>{l.registerTrigger(u.value,e)}),f=e=>{let t=l.menuValues.current,n=t.indexOf(u.value);if(n!==-1)return t[(n+e+t.length)%t.length]},p=e=>{if(s?.(e),e.key===`ArrowRight`){e.preventDefault();let t=f(1);t!==void 0&&(u.open&&l.openMenu(t),l.triggerRefs.current.get(t)?.focus())}else if(e.key===`ArrowLeft`){e.preventDefault();let t=f(-1);t!==void 0&&(u.open&&l.openMenu(t),l.triggerRefs.current.get(t)?.focus())}else e.key===`ArrowDown`&&(e.preventDefault(),u.open||l.openMenu(u.value))},m=u.getReferenceProps({...c,onKeyDown:p});return(0,a.jsx)(`button`,{ref:d,type:`button`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":u.open,className:t.cn(`inline-flex items-center justify-center`,`rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)`,`text-sm font-medium`,`text-(--nuka-text-base)`,`select-none cursor-default`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`data-[state=open]:bg-(--nuka-bg-muted)`,i),"data-state":u.open?`open`:`closed`,...m,children:o})}o.displayName=`MenubarTrigger`,exports.MenubarTrigger=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./Menubar.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,onKeyDown:s,...c}){let l=r.useMenubarContext(),u=r.useMenubarMenuContext(),d=n.composeRefs(e,u.refs.setReference,e=>{l.registerTrigger(u.value,e)}),f=e=>{let t=l.menuValues.current,n=t.indexOf(u.value);if(n!==-1)return t[(n+e+t.length)%t.length]},p=e=>{if(s?.(e),e.key===`ArrowRight`){e.preventDefault();let t=f(1);t!==void 0&&(u.open&&l.openMenu(t),l.triggerRefs.current.get(t)?.focus())}else if(e.key===`ArrowLeft`){e.preventDefault();let t=f(-1);t!==void 0&&(u.open&&l.openMenu(t),l.triggerRefs.current.get(t)?.focus())}else e.key===`ArrowDown`&&(e.preventDefault(),u.open||l.openMenu(u.value))},m=u.getReferenceProps({...c,onKeyDown:p});return(0,a.jsx)(`button`,{ref:d,type:`button`,role:`menuitem`,"aria-haspopup":`menu`,"aria-expanded":u.open,className:t.cn(`inline-flex items-center justify-center`,`rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)`,`text-sm font-[number:var(--font-weight-medium)]`,`text-(--nuka-text-base)`,`select-none cursor-default`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`data-[state=open]:bg-(--nuka-bg-muted)`,i),"data-slot":`trigger`,"data-state":u.open?`open`:`closed`,...m,children:o})}o.displayName=`MenubarTrigger`,exports.MenubarTrigger=o;
 //# sourceMappingURL=MenubarTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction MenubarTrigger({\n  ref,\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: MenubarTriggerProps) {\n  const bar = useMenubarContext();\n  const menu = useMenubarMenuContext();\n  const composedRef = composeRefs(\n    ref,\n    menu.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      bar.registerTrigger(menu.value, el);\n    },\n  );\n\n  const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n    const values = bar.menuValues.current;\n    const currentIndex = values.indexOf(menu.value);\n    if (currentIndex === -1) return undefined;\n    const nextIndex =\n      (currentIndex + direction + values.length) % values.length;\n    return values[nextIndex];\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      const nextValue = getAdjacentValue(1);\n      if (nextValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(nextValue);\n        }\n        bar.triggerRefs.current.get(nextValue)?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      const prevValue = getAdjacentValue(-1);\n      if (prevValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(prevValue);\n        }\n        bar.triggerRefs.current.get(prevValue)?.focus();\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!menu.open) {\n        bar.openMenu(menu.value);\n      }\n    }\n  };\n\n  const triggerProps = menu.getReferenceProps({\n    ...props,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={menu.open}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none cursor-default\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-state={menu.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </button>\n  );\n}\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":"qPAaA,SAAS,EAAe,CACtB,MACA,YACA,WACA,YACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAO,EAAA,uBAAuB,CAC9B,EAAc,EAAA,YAClB,EACA,EAAK,KAAK,aACT,GAAiC,CAChC,EAAI,gBAAgB,EAAK,MAAO,EAAG,EAEtC,CAEK,EAAoB,GAA0C,CAClE,IAAM,EAAS,EAAI,WAAW,QACxB,EAAe,EAAO,QAAQ,EAAK,MAAM,CAC3C,OAAiB,GAGrB,OAAO,GADJ,EAAe,EAAY,EAAO,QAAU,EAAO,SAIlD,EAAiB,GAA8C,CAGnE,GAFA,IAAY,EAAE,CAEV,EAAE,MAAQ,aAAc,CAC1B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAiB,EAAE,CACjC,IAAc,IAAA,KACZ,EAAK,MACP,EAAI,SAAS,EAAU,CAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO,UAExC,EAAE,MAAQ,YAAa,CAChC,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAiB,GAAG,CAClC,IAAc,IAAA,KACZ,EAAK,MACP,EAAI,SAAS,EAAU,CAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO,OAExC,EAAE,MAAQ,cACnB,EAAE,gBAAgB,CACb,EAAK,MACR,EAAI,SAAS,EAAK,MAAM,GAKxB,EAAe,EAAK,kBAAkB,CAC1C,GAAG,EACH,UAAW,EACZ,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,KAAK,WACL,gBAAc,OACd,gBAAe,EAAK,KACpB,UAAW,EAAA,GACT,0CACA,wDACA,sBACA,0BACA,6BACA,6BACA,qCACA,yDACA,8CACA,yCACA,EACD,CACD,aAAY,EAAK,KAAO,OAAS,SAGjC,GAAK,EAEJ,WACM,CAAA,CAIb,EAAe,YAAc"}
+{"version":3,"file":"MenubarTrigger.cjs","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction MenubarTrigger({\n  ref,\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: MenubarTriggerProps) {\n  const bar = useMenubarContext();\n  const menu = useMenubarMenuContext();\n  const composedRef = composeRefs(\n    ref,\n    menu.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      bar.registerTrigger(menu.value, el);\n    },\n  );\n\n  const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n    const values = bar.menuValues.current;\n    const currentIndex = values.indexOf(menu.value);\n    if (currentIndex === -1) return undefined;\n    const nextIndex =\n      (currentIndex + direction + values.length) % values.length;\n    return values[nextIndex];\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      const nextValue = getAdjacentValue(1);\n      if (nextValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(nextValue);\n        }\n        bar.triggerRefs.current.get(nextValue)?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      const prevValue = getAdjacentValue(-1);\n      if (prevValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(prevValue);\n        }\n        bar.triggerRefs.current.get(prevValue)?.focus();\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!menu.open) {\n        bar.openMenu(menu.value);\n      }\n    }\n  };\n\n  const triggerProps = menu.getReferenceProps({\n    ...props,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={menu.open}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"text-(--nuka-text-base)\",\n        \"select-none cursor-default\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      data-state={menu.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </button>\n  );\n}\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":"qPAaA,SAAS,EAAe,CACtB,MACA,YACA,WACA,YACA,GAAG,GACmB,CACtB,IAAM,EAAM,EAAA,mBAAmB,CACzB,EAAO,EAAA,uBAAuB,CAC9B,EAAc,EAAA,YAClB,EACA,EAAK,KAAK,aACT,GAAiC,CAChC,EAAI,gBAAgB,EAAK,MAAO,EAAG,EAEtC,CAEK,EAAoB,GAA0C,CAClE,IAAM,EAAS,EAAI,WAAW,QACxB,EAAe,EAAO,QAAQ,EAAK,MAAM,CAC3C,OAAiB,GAGrB,OAAO,GADJ,EAAe,EAAY,EAAO,QAAU,EAAO,SAIlD,EAAiB,GAA8C,CAGnE,GAFA,IAAY,EAAE,CAEV,EAAE,MAAQ,aAAc,CAC1B,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAiB,EAAE,CACjC,IAAc,IAAA,KACZ,EAAK,MACP,EAAI,SAAS,EAAU,CAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO,UAExC,EAAE,MAAQ,YAAa,CAChC,EAAE,gBAAgB,CAClB,IAAM,EAAY,EAAiB,GAAG,CAClC,IAAc,IAAA,KACZ,EAAK,MACP,EAAI,SAAS,EAAU,CAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO,OAExC,EAAE,MAAQ,cACnB,EAAE,gBAAgB,CACb,EAAK,MACR,EAAI,SAAS,EAAK,MAAM,GAKxB,EAAe,EAAK,kBAAkB,CAC1C,GAAG,EACH,UAAW,EACZ,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EACL,KAAK,SACL,KAAK,WACL,gBAAc,OACd,gBAAe,EAAK,KACpB,UAAW,EAAA,GACT,0CACA,wDACA,kDACA,0BACA,6BACA,6BACA,qCACA,yDACA,8CACA,yCACA,EACD,CACD,YAAU,UACV,aAAY,EAAK,KAAO,OAAS,SAGjC,GAAK,EAEJ,WACM,CAAA,CAIb,EAAe,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkFrB;kBAxFQ,cAAc;;;AA4FvB,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"MenubarTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACxF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmFrB;kBAzFQ,cAAc;;;AA6FvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Menubar/MenubarTrigger.js

@@ -31,7 +31,8 @@ function a({ ref: a, className: o, children: s, onKeyDown: c, ...l }) {
 		role: "menuitem",
 		"aria-haspopup": "menu",
 		"aria-expanded": d.open,
-		className: e("inline-flex items-center justify-center", "rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none cursor-default", "hover:bg-(--nuka-bg-muted)", "focus-visible:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "data-[state=open]:bg-(--nuka-bg-muted)", o),
+		className: e("inline-flex items-center justify-center", "rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)", "text-sm font-[number:var(--font-weight-medium)]", "text-(--nuka-text-base)", "select-none cursor-default", "hover:bg-(--nuka-bg-muted)", "focus-visible:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", "data-[state=open]:bg-(--nuka-bg-muted)", o),
+		"data-slot": "trigger",
 		"data-state": d.open ? "open" : "closed",
 		...h,
 		children: s

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

@@ -1 +1 @@
-{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction MenubarTrigger({\n  ref,\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: MenubarTriggerProps) {\n  const bar = useMenubarContext();\n  const menu = useMenubarMenuContext();\n  const composedRef = composeRefs(\n    ref,\n    menu.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      bar.registerTrigger(menu.value, el);\n    },\n  );\n\n  const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n    const values = bar.menuValues.current;\n    const currentIndex = values.indexOf(menu.value);\n    if (currentIndex === -1) return undefined;\n    const nextIndex =\n      (currentIndex + direction + values.length) % values.length;\n    return values[nextIndex];\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      const nextValue = getAdjacentValue(1);\n      if (nextValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(nextValue);\n        }\n        bar.triggerRefs.current.get(nextValue)?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      const prevValue = getAdjacentValue(-1);\n      if (prevValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(prevValue);\n        }\n        bar.triggerRefs.current.get(prevValue)?.focus();\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!menu.open) {\n        bar.openMenu(menu.value);\n      }\n    }\n  };\n\n  const triggerProps = menu.getReferenceProps({\n    ...props,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={menu.open}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none cursor-default\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-state={menu.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </button>\n  );\n}\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAe,EACtB,QACA,cACA,aACA,cACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAO,GAAuB,EAC9B,IAAc,EAClB,GACA,EAAK,KAAK,eACT,MAAiC;AAChC,IAAI,gBAAgB,EAAK,OAAO,EAAG;GAEtC,EAEK,KAAoB,MAA0C;EAClE,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,MAAM;AAC3C,YAAiB,GAGrB,QAAO,GADJ,IAAe,IAAY,EAAO,UAAU,EAAO;IAIlD,KAAiB,MAA8C;AAGnE,MAFA,IAAY,EAAE,EAEV,EAAE,QAAQ,cAAc;AAC1B,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,EAAE;AACrC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;aAExC,EAAE,QAAQ,aAAa;AAChC,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,GAAG;AACtC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;SAExC,EAAE,QAAQ,gBACnB,EAAE,gBAAgB,EACb,EAAK,QACR,EAAI,SAAS,EAAK,MAAM;IAKxB,IAAe,EAAK,kBAAkB;EAC1C,GAAG;EACH,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAK;EACpB,WAAW,EACT,2CACA,yDACA,uBACA,2BACA,8BACA,8BACA,sCACA,0DACA,+CACA,0CACA,EACD;EACD,cAAY,EAAK,OAAO,SAAS;EAGjC,GAAK;EAEJ;EACM,CAAA;;AAIb,EAAe,cAAc"}
+{"version":3,"file":"MenubarTrigger.js","names":[],"sources":["../../../src/components/Menubar/MenubarTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport {\n  useMenubarContext,\n  useMenubarMenuContext,\n} from \"@nuka/components/Menubar/Menubar.context\";\n\nexport interface MenubarTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction MenubarTrigger({\n  ref,\n  className,\n  children,\n  onKeyDown,\n  ...props\n}: MenubarTriggerProps) {\n  const bar = useMenubarContext();\n  const menu = useMenubarMenuContext();\n  const composedRef = composeRefs(\n    ref,\n    menu.refs.setReference,\n    (el: HTMLButtonElement | null) => {\n      bar.registerTrigger(menu.value, el);\n    },\n  );\n\n  const getAdjacentValue = (direction: -1 | 1): string | undefined => {\n    const values = bar.menuValues.current;\n    const currentIndex = values.indexOf(menu.value);\n    if (currentIndex === -1) return undefined;\n    const nextIndex =\n      (currentIndex + direction + values.length) % values.length;\n    return values[nextIndex];\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    onKeyDown?.(e);\n\n    if (e.key === \"ArrowRight\") {\n      e.preventDefault();\n      const nextValue = getAdjacentValue(1);\n      if (nextValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(nextValue);\n        }\n        bar.triggerRefs.current.get(nextValue)?.focus();\n      }\n    } else if (e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      const prevValue = getAdjacentValue(-1);\n      if (prevValue !== undefined) {\n        if (menu.open) {\n          bar.openMenu(prevValue);\n        }\n        bar.triggerRefs.current.get(prevValue)?.focus();\n      }\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      if (!menu.open) {\n        bar.openMenu(menu.value);\n      }\n    }\n  };\n\n  const triggerProps = menu.getReferenceProps({\n    ...props,\n    onKeyDown: handleKeyDown,\n  });\n\n  return (\n    <button\n      ref={composedRef}\n      type=\"button\"\n      role=\"menuitem\"\n      aria-haspopup=\"menu\"\n      aria-expanded={menu.open}\n      className={cn(\n        \"inline-flex items-center justify-center\",\n        \"rounded-(--radius-sm) px-(--space-3) py-(--space-1.5)\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"text-(--nuka-text-base)\",\n        \"select-none cursor-default\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        \"data-[state=open]:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      data-state={menu.open ? \"open\" : \"closed\"}\n      // Safe: Floating UI getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers.\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </button>\n  );\n}\n\nMenubarTrigger.displayName = \"MenubarTrigger\";\n\nexport { MenubarTrigger };\n"],"mappings":";;;;;;;AAaA,SAAS,EAAe,EACtB,QACA,cACA,aACA,cACA,GAAG,KACmB;CACtB,IAAM,IAAM,GAAmB,EACzB,IAAO,GAAuB,EAC9B,IAAc,EAClB,GACA,EAAK,KAAK,eACT,MAAiC;AAChC,IAAI,gBAAgB,EAAK,OAAO,EAAG;GAEtC,EAEK,KAAoB,MAA0C;EAClE,IAAM,IAAS,EAAI,WAAW,SACxB,IAAe,EAAO,QAAQ,EAAK,MAAM;AAC3C,YAAiB,GAGrB,QAAO,GADJ,IAAe,IAAY,EAAO,UAAU,EAAO;IAIlD,KAAiB,MAA8C;AAGnE,MAFA,IAAY,EAAE,EAEV,EAAE,QAAQ,cAAc;AAC1B,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,EAAE;AACrC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;aAExC,EAAE,QAAQ,aAAa;AAChC,KAAE,gBAAgB;GAClB,IAAM,IAAY,EAAiB,GAAG;AACtC,GAAI,MAAc,KAAA,MACZ,EAAK,QACP,EAAI,SAAS,EAAU,EAEzB,EAAI,YAAY,QAAQ,IAAI,EAAU,EAAE,OAAO;SAExC,EAAE,QAAQ,gBACnB,EAAE,gBAAgB,EACb,EAAK,QACR,EAAI,SAAS,EAAK,MAAM;IAKxB,IAAe,EAAK,kBAAkB;EAC1C,GAAG;EACH,WAAW;EACZ,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,KAAK;EACL,MAAK;EACL,MAAK;EACL,iBAAc;EACd,iBAAe,EAAK;EACpB,WAAW,EACT,2CACA,yDACA,mDACA,2BACA,8BACA,8BACA,sCACA,0DACA,+CACA,0CACA,EACD;EACD,aAAU;EACV,cAAY,EAAK,OAAO,SAAS;EAGjC,GAAK;EAEJ;EACM,CAAA;;AAIb,EAAe,cAAc"}

package/dist/components/Nav/Nav.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,"aria-label":t=`Main navigation`,...r}){return(0,n.jsx)(`nav`,{ref:e,"aria-label":t,...r})}r.displayName=`Nav`,exports.Nav=r;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);let n=require(`react/jsx-runtime`);function r({ref:e,"aria-label":t=`Main navigation`,...r}){return(0,n.jsx)(`nav`,{ref:e,"aria-label":t,"data-slot":`root`,...r})}r.displayName=`Nav`,exports.Nav=r;
 //# sourceMappingURL=Nav.cjs.map

package/dist/components/Nav/Nav.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.cjs","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":"mIAOA,SAAS,EAAI,CACX,MACA,aAAc,EAAY,kBAC1B,GAAG,GACQ,CACX,OAAO,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,GAAI,EAAS,CAAA,CAG5D,EAAI,YAAc"}
+{"version":3,"file":"Nav.cjs","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} data-slot=\"root\" {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":"gJASA,SAAS,EAAI,CACX,MACA,aAAc,EAAY,kBAC1B,GAAG,GACQ,CACX,OAAO,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,aAAY,EAAW,YAAU,OAAO,GAAI,EAAS,CAAA,CAG7E,EAAI,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,GAAG,CAAC,EACX,GAAG,EACH,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,QAAQ,2CAEV;kBANQ,GAAG;;;AAUZ,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,GAAG,CAAC,EACX,GAAG,EACH,YAAY,EAAE,SAA6B,EAC3C,GAAG,KAAK,EACT,EAAE,QAAQ,2CAEV;kBANQ,GAAG;;;AAUZ,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/Nav/Nav.js

@@ -1,3 +1,4 @@
+"use client";
 import "react";
 import { jsx as e } from "react/jsx-runtime";
 //#region src/components/Nav/Nav.tsx
@@ -5,6 +6,7 @@ function t({ ref: t, "aria-label": n = "Main navigation", ...r }) {
 	return /* @__PURE__ */ e("nav", {
 		ref: t,
 		"aria-label": n,
+		"data-slot": "root",
 		...r
 	});
 }

package/dist/components/Nav/Nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":";;;AAOA,SAAS,EAAI,EACX,QACA,cAAc,IAAY,mBAC1B,GAAG,KACQ;AACX,QAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAW,GAAI;EAAS,CAAA;;AAG5D,EAAI,cAAc"}
+{"version":3,"file":"Nav.js","names":[],"sources":["../../../src/components/Nav/Nav.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nexport interface NavProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  \"aria-label\"?: string;\n}\n\nfunction Nav({\n  ref,\n  \"aria-label\": ariaLabel = \"Main navigation\",\n  ...props\n}: NavProps) {\n  return <nav ref={ref} aria-label={ariaLabel} data-slot=\"root\" {...props} />;\n}\n\nNav.displayName = \"Nav\";\n\nexport { Nav };\n"],"mappings":";;;;AASA,SAAS,EAAI,EACX,QACA,cAAc,IAAY,mBAC1B,GAAG,KACQ;AACX,QAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAW,aAAU;EAAO,GAAI;EAAS,CAAA;;AAG7E,EAAI,cAAc"}

package/dist/components/Nav/NavItem.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,hasSubmenu:n,className:i,...a}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(`relative group list-none`,i),...a})}i.displayName=`NavItem`,exports.NavItem=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,hasSubmenu:n,className:i,...a}){return(0,r.jsx)(`li`,{ref:e,className:t.cn(`relative group list-none`,i),"data-slot":`item`,...a})}i.displayName=`NavItem`,exports.NavItem=i;
 //# sourceMappingURL=NavItem.cjs.map

package/dist/components/Nav/NavItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.cjs","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":"mKAQA,SAAS,EAAQ,CACf,MACA,WAAY,EACZ,YACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,2BAA4B,EAAU,CACpD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"NavItem.cjs","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      data-slot=\"item\"\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":"gLAUA,SAAS,EAAQ,CACf,MACA,WAAY,EACZ,YACA,GAAG,GACY,CACf,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,2BAA4B,EAAU,CACpD,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Nav/NavItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,UAAU,EAAE,WAAW,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAQd;kBAbQ,OAAO;;;AAiBhB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,UAAU,EAAE,WAAW,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CASd;kBAdQ,OAAO;;;AAkBhB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Nav/NavItem.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -6,6 +7,7 @@ function n({ ref: n, hasSubmenu: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("li", {
 		ref: n,
 		className: e("relative group list-none", i),
+		"data-slot": "item",
 		...a
 	});
 }

package/dist/components/Nav/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":";;;;AAQA,SAAS,EAAQ,EACf,QACA,YAAY,GACZ,cACA,GAAG,KACY;AACf,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,4BAA4B,EAAU;EACpD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"NavItem.js","names":[],"sources":["../../../src/components/Nav/NavItem.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  ref?: React.Ref<HTMLLIElement> | undefined;\n  hasSubmenu?: boolean;\n}\n\nfunction NavItem({\n  ref,\n  hasSubmenu: _hasSubmenu,\n  className,\n  ...props\n}: NavItemProps) {\n  return (\n    <li\n      ref={ref}\n      className={cn(\"relative group list-none\", className)}\n      data-slot=\"item\"\n      {...props}\n    />\n  );\n}\n\nNavItem.displayName = \"NavItem\";\n\nexport { NavItem };\n"],"mappings":";;;;;AAUA,SAAS,EAAQ,EACf,QACA,YAAY,GACZ,cACA,GAAG,KACY;AACf,QACE,kBAAC,MAAD;EACO;EACL,WAAW,EAAG,4BAA4B,EAAU;EACpD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Nav/NavLink.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,active:a=!1,className:o,...s}){return(0,i.jsx)(r?n.Slot:`a`,{ref:e,"aria-current":a?`page`:void 0,className:t.cn(`flex items-center`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm font-medium`,`text-(--nuka-text-base)`,`select-none`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,a&&`text-(--nuka-accent-text)`,o),...s})}a.displayName=`NavLink`,exports.NavLink=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,active:a=!1,className:o,...s}){return(0,i.jsx)(r?n.Slot:`a`,{ref:e,"aria-current":a?`page`:void 0,className:t.cn(`flex items-center`,`rounded-(--radius-md) px-(--space-3) py-(--space-2)`,`text-sm font-[number:var(--font-weight-medium)]`,`text-(--nuka-text-base)`,`select-none`,`hover:bg-(--nuka-bg-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,a&&`text-(--nuka-accent-text)`,o),"data-slot":`link`,...s})}a.displayName=`NavLink`,exports.NavLink=a;
 //# sourceMappingURL=NavLink.cjs.map

package/dist/components/Nav/NavLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.cjs","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"flex items-center\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        active && \"text-(--nuka-accent-text)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":"qMAUA,SAAS,EAAQ,CACf,MACA,UAAU,GACV,SAAS,GACT,YACA,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAA,GACT,oBACA,sDACA,sBACA,0BACA,cACA,6BACA,yDACA,8CACA,GAAU,4BACV,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"NavLink.cjs","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"flex items-center\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        active && \"text-(--nuka-accent-text)\",\n        className,\n      )}\n      data-slot=\"link\"\n      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":"kNAYA,SAAS,EAAQ,CACf,MACA,UAAU,GACV,SAAS,GACT,YACA,GAAG,GACY,CAGf,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,IAG5B,CACO,MACL,eAAc,EAAS,OAAS,IAAA,GAChC,UAAW,EAAA,GACT,oBACA,sDACA,kDACA,0BACA,cACA,6BACA,yDACA,8CACA,GAAU,4BACV,EACD,CACD,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}

package/dist/components/Nav/NavLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,OAAe,EACf,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAsBd;kBA5BQ,OAAO;;;AAgChB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"NavLink.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/NavLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,OAAe,EACf,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAuBd;kBA7BQ,OAAO;;;AAiChB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Nav/NavLink.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { Slot as t } from "../../utils/slot.js";
 import "react";
@@ -7,7 +8,8 @@ function r({ ref: r, asChild: i = !1, active: a = !1, className: o, ...s }) {
 	return /* @__PURE__ */ n(i ? t : "a", {
 		ref: r,
 		"aria-current": a ? "page" : void 0,
-		className: e("flex items-center", "rounded-(--radius-md) px-(--space-3) py-(--space-2)", "text-sm font-medium", "text-(--nuka-text-base)", "select-none", "hover:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", a && "text-(--nuka-accent-text)", o),
+		className: e("flex items-center", "rounded-(--radius-md) px-(--space-3) py-(--space-2)", "text-sm font-[number:var(--font-weight-medium)]", "text-(--nuka-text-base)", "select-none", "hover:bg-(--nuka-bg-muted)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", a && "text-(--nuka-accent-text)", o),
+		"data-slot": "link",
 		...s
 	});
 }

package/dist/components/Nav/NavLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavLink.js","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"flex items-center\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-medium\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        active && \"text-(--nuka-accent-text)\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":";;;;;AAUA,SAAS,EAAQ,EACf,QACA,aAAU,IACV,YAAS,IACT,cACA,GAAG,KACY;AAGf,QACE,kBAHW,IAAU,IAAO,KAG5B;EACO;EACL,gBAAc,IAAS,SAAS,KAAA;EAChC,WAAW,EACT,qBACA,uDACA,uBACA,2BACA,eACA,8BACA,0DACA,+CACA,KAAU,6BACV,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}
+{"version":3,"file":"NavLink.js","names":[],"sources":["../../../src/components/Nav/NavLink.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  ref?: React.Ref<HTMLAnchorElement> | undefined;\n  asChild?: boolean;\n  active?: boolean;\n}\n\nfunction NavLink({\n  ref,\n  asChild = false,\n  active = false,\n  className,\n  ...props\n}: NavLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      aria-current={active ? \"page\" : undefined}\n      className={cn(\n        \"flex items-center\",\n        \"rounded-(--radius-md) px-(--space-3) py-(--space-2)\",\n        \"text-sm font-[number:var(--font-weight-medium)]\",\n        \"text-(--nuka-text-base)\",\n        \"select-none\",\n        \"hover:bg-(--nuka-bg-muted)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        active && \"text-(--nuka-accent-text)\",\n        className,\n      )}\n      data-slot=\"link\"\n      {...props}\n    />\n  );\n}\n\nNavLink.displayName = \"NavLink\";\n\nexport { NavLink };\n"],"mappings":";;;;;;AAYA,SAAS,EAAQ,EACf,QACA,aAAU,IACV,YAAS,IACT,cACA,GAAG,KACY;AAGf,QACE,kBAHW,IAAU,IAAO,KAG5B;EACO;EACL,gBAAc,IAAS,SAAS,KAAA;EAChC,WAAW,EACT,qBACA,uDACA,mDACA,2BACA,eACA,8BACA,0DACA,+CACA,KAAU,6BACV,EACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,EAAQ,cAAc"}

package/dist/components/Nav/NavList.cjs

@@ -1,2 +1,2 @@
-const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center list-none gap-(--space-1)`,n),...i})}i.displayName=`NavList`,exports.NavList=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`ul`,{ref:e,className:t.cn(`flex items-center list-none gap-(--space-1)`,n),"data-slot":`list`,...i})}i.displayName=`NavList`,exports.NavList=i;
 //# sourceMappingURL=NavList.cjs.map

package/dist/components/Nav/NavList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavList.cjs","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavList({ ref, className, ...props }: NavListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":"mKAOA,SAAS,EAAQ,CAAE,MAAK,YAAW,GAAG,GAAuB,CAC3D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}
+{"version":3,"file":"NavList.cjs","names":[],"sources":["../../../src/components/Nav/NavList.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface NavListProps extends React.HTMLAttributes<HTMLUListElement> {\n  ref?: React.Ref<HTMLUListElement> | undefined;\n}\n\nfunction NavList({ ref, className, ...props }: NavListProps) {\n  return (\n    <ul\n      ref={ref}\n      className={cn(\"flex items-center list-none gap-(--space-1)\", className)}\n      data-slot=\"list\"\n      {...props}\n    />\n  );\n}\n\nNavList.displayName = \"NavList\";\n\nexport { NavList };\n"],"mappings":"gLASA,SAAS,EAAQ,CAAE,MAAK,YAAW,GAAG,GAAuB,CAC3D,OACE,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,YAAU,OACV,GAAI,EACJ,CAAA,CAIN,EAAQ,YAAc"}