{"version":3,"sources":["../../../src/presets/material/tabs/index.ts"],"sourcesContent":["import type { TabsDesignTokens, TabsTokenSections } from '@primeuix/themes/types/tabs';\n\nexport const root: TabsTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const tablist: TabsTokenSections.Tablist = {\n    borderWidth: '0 0 1px 0',\n    background: '{content.background}',\n    borderColor: '{content.border.color}'\n};\n\nexport const tab: TabsTokenSections.Tab = {\n    background: 'transparent',\n    hoverBackground: '{content.hover.background}',\n    activeBackground: 'transparent',\n    borderWidth: '0 0 1px 0',\n    borderColor: '{content.border.color}',\n    hoverBorderColor: '{content.border.color}',\n    activeBorderColor: '{primary.color}',\n    color: '{text.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{primary.color}',\n    padding: '1rem 1.25rem',\n    fontWeight: '600',\n    margin: '0 0 -1px 0',\n    gap: '0.5rem',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const tabpanel: TabsTokenSections.Tabpanel = {\n    background: '{content.background}',\n    color: '{content.color}',\n    padding: '1.25rem 1.25rem 1.25rem 1.25rem',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const navButton: TabsTokenSections.NavButton = {\n    background: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    width: '3rem',\n    shadow: 'none',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const activeBar: TabsTokenSections.ActiveBar = {\n    height: '2px',\n    bottom: '-1px',\n    background: '{primary.color}'\n};\n\n// @section:css-start\nexport const css: TabsTokenSections.CSS = ({ dt }) => `\n.p-tabs-scrollable .p-tab {\n    flex-grow: 0\n}\n\n.p-tab-active {\n    --p-ripple-background: color-mix(in srgb, ${dt('primary.color')}, transparent 90%);\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n    background: ${dt('navigation.item.active.background')};\n}\n\n.p-tablist-nav-button:focus-visible {\n    background: ${dt('navigation.item.active.background')};\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    tablist,\n    tab,\n    tabpanel,\n    navButton,\n    activeBar,\n    css\n} satisfies TabsDesignTokens;\n"],"mappings":";AAEO,IAAM,OAA+B;AAAA,EACxC,oBAAoB;AACxB;AAEO,IAAM,UAAqC;AAAA,EAC9C,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AACjB;AAEO,IAAM,MAA6B;AAAA,EACtC,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,WAAuC;AAAA,EAChD,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAAyC;AAAA,EAClD,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,YAAyC;AAAA,EAClD,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAChB;AAGO,IAAM,MAA6B,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gDAMN,GAAG,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIjD,GAAG,mCAAmC,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIvC,GAAG,mCAAmC,CAAC;AAAA;AAAA;AAKzD,IAAO,eAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}