{"version":3,"sources":["../../../src/presets/material/menubar/index.ts"],"sourcesContent":["import type { MenubarDesignTokens, MenubarTokenSections } from '@primeuix/themes/types/menubar';\n\nexport const root: MenubarTokenSections.Root = {\n    background: '{content.background}',\n    borderColor: '{content.border.color}',\n    borderRadius: '{content.border.radius}',\n    color: '{content.color}',\n    gap: '0.5rem',\n    padding: '0.5rem 0.75rem',\n    transitionDuration: '{transition.duration}'\n};\n\nexport const baseItem: MenubarTokenSections.BaseItem = {\n    borderRadius: '{content.border.radius}',\n    padding: '{navigation.item.padding}'\n};\n\nexport const item: MenubarTokenSections.Item = {\n    focusBackground: '{navigation.item.focus.background}',\n    activeBackground: '{navigation.item.active.background}',\n    color: '{navigation.item.color}',\n    focusColor: '{navigation.item.focus.color}',\n    activeColor: '{navigation.item.active.color}',\n    padding: '{navigation.item.padding}',\n    borderRadius: '{navigation.item.border.radius}',\n    gap: '{navigation.item.gap}',\n    icon: {\n        color: '{navigation.item.icon.color}',\n        focusColor: '{navigation.item.icon.focus.color}',\n        activeColor: '{navigation.item.icon.active.color}'\n    }\n};\n\nexport const submenu: MenubarTokenSections.Submenu = {\n    padding: '{navigation.list.padding}',\n    gap: '{navigation.list.gap}',\n    background: '{content.background}',\n    borderColor: 'transparent',\n    borderRadius: '{content.border.radius}',\n    shadow: '{overlay.navigation.shadow}',\n    mobileIndent: '1rem',\n    icon: {\n        size: '{navigation.submenu.icon.size}',\n        color: '{navigation.submenu.icon.color}',\n        focusColor: '{navigation.submenu.icon.focus.color}',\n        activeColor: '{navigation.submenu.icon.active.color}'\n    }\n};\n\nexport const separator: MenubarTokenSections.Separator = {\n    borderColor: '{content.border.color}'\n};\n\nexport const mobileButton: MenubarTokenSections.MobileButton = {\n    borderRadius: '50%',\n    size: '2.5rem',\n    color: '{text.muted.color}',\n    hoverColor: '{text.hover.muted.color}',\n    hoverBackground: '{content.hover.background}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\n// @section:css-start\nexport const css: MenubarTokenSections.CSS = ({ dt }) => `\n.p-menubar-button:focus-visible {\n    background: ${dt('navigation.item.active.background')};\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    baseItem,\n    item,\n    submenu,\n    separator,\n    mobileButton,\n    css\n} satisfies MenubarDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAkC;AAAA,EAC3C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,KAAK;AAAA,EACL,SAAS;AAAA,EACT,oBAAoB;AACxB;AAEO,IAAM,WAA0C;AAAA,EACnD,cAAc;AAAA,EACd,SAAS;AACb;AAEO,IAAM,OAAkC;AAAA,EAC3C,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,cAAc;AAAA,EACd,KAAK;AAAA,EACL,MAAM;AAAA,IACF,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AACJ;AAEO,IAAM,UAAwC;AAAA,EACjD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,MAAM;AAAA,IACF,MAAM;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,aAAa;AAAA,EACjB;AACJ;AAEO,IAAM,YAA4C;AAAA,EACrD,aAAa;AACjB;AAEO,IAAM,eAAkD;AAAA,EAC3D,cAAc;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAGO,IAAM,MAAgC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA,kBAEvC,GAAG,mCAAmC,CAAC;AAAA;AAAA;AAKzD,IAAO,kBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}