{"version":3,"sources":["../../../src/presets/lara/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',\n    background: '{content.background}',\n    borderColor: '{content.border.color}'\n};\n\nexport const tab: TabsTokenSections.Tab = {\n    borderWidth: '2px 0 0 0',\n    borderColor: 'transparent',\n    hoverBorderColor: 'transparent',\n    activeBorderColor: '{primary.color}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    activeColor: '{primary.color}',\n    padding: '1rem 1.25rem',\n    fontWeight: '700',\n    margin: '0',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: 'inset {focus.ring.shadow}'\n    }\n};\n\nexport const tabpanel: TabsTokenSections.Tabpanel = {\n    background: '{content.background}',\n    color: '{content.color}',\n    padding: '0.875rem 1.125rem 1.125rem 1.125rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: 'inset {focus.ring.shadow}'\n    }\n};\n\nexport const navButton: TabsTokenSections.NavButton = {\n    background: '{content.background}',\n    color: '{text.muted.color}',\n    hoverColor: '{text.color}',\n    width: '2.5rem',\n    focusRing: {\n        width: '{focus.ring.width}',\n        style: '{focus.ring.style}',\n        color: '{focus.ring.color}',\n        offset: '{focus.ring.offset}',\n        shadow: 'inset {focus.ring.shadow}'\n    }\n};\n\nexport const activeBar: TabsTokenSections.ActiveBar = {\n    height: '0',\n    bottom: '0',\n    background: 'transparent'\n};\n\nexport const colorScheme: TabsTokenSections.ColorScheme = {\n    light: {\n        navButton: {\n            shadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)'\n        },\n        tab: {\n            background: '{surface.50}',\n            hoverBackground: '{surface.100}',\n            activeBackground: '{surface.0}'\n        }\n    },\n    dark: {\n        navButton: {\n            shadow: '0px 0px 10px 50px color-mix(in srgb, {content.background}, transparent 50%)'\n        },\n        tab: {\n            background: '{surface.800}',\n            hoverBackground: '{surface.700}',\n            activeBackground: '{surface.900}'\n        }\n    }\n};\n\nexport default {\n    root,\n    tablist,\n    tab,\n    tabpanel,\n    navButton,\n    activeBar,\n    colorScheme\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,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,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,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;AAEO,IAAM,cAA6C;AAAA,EACtD,OAAO;AAAA,IACH,WAAW;AAAA,MACP,QAAQ;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,MACD,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,WAAW;AAAA,MACP,QAAQ;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,MACD,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AACJ;AAEA,IAAO,eAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}