{"version":3,"sources":["../../src/tabs/index.ts"],"sourcesContent":["import { StyleType } from '../types';\n\nexport const style: StyleType = ({ dt }) => `\n.p-tabs {\n display: flex;\n flex-direction: column;\n}\n\n.p-tablist {\n display: flex;\n position: relative;\n}\n\n.p-tabs-scrollable > .p-tablist {\n overflow: hidden;\n}\n\n.p-tablist-viewport {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n}\n\n.p-tablist-viewport::-webkit-scrollbar {\n display: none;\n}\n\n.p-tablist-tab-list {\n position: relative;\n display: flex;\n background: ${dt('tabs.tablist.background')};\n border-style: solid;\n border-color: ${dt('tabs.tablist.border.color')};\n border-width: ${dt('tabs.tablist.border.width')};\n}\n\n.p-tablist-content {\n flex-grow: 1;\n}\n\n.p-tablist-nav-button {\n all: unset;\n position: absolute !important;\n flex-shrink: 0;\n inset-block-start: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ${dt('tabs.nav.button.background')};\n color: ${dt('tabs.nav.button.color')};\n width: ${dt('tabs.nav.button.width')};\n transition: color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')};\n box-shadow: ${dt('tabs.nav.button.shadow')};\n outline-color: transparent;\n cursor: pointer;\n}\n\n.p-tablist-nav-button:focus-visible {\n z-index: 1;\n box-shadow: ${dt('tabs.nav.button.focus.ring.shadow')};\n outline: ${dt('tabs.nav.button.focus.ring.width')} ${dt('tabs.nav.button.focus.ring.style')} ${dt('tabs.nav.button.focus.ring.color')};\n outline-offset: ${dt('tabs.nav.button.focus.ring.offset')};\n}\n\n.p-tablist-nav-button:hover {\n color: ${dt('tabs.nav.button.hover.color')};\n}\n\n.p-tablist-prev-button {\n inset-inline-start: 0;\n}\n\n.p-tablist-next-button {\n inset-inline-end: 0;\n}\n\n.p-tablist-prev-button:dir(rtl),\n.p-tablist-next-button:dir(rtl) {\n transform: rotate(180deg);\n}\n\n\n.p-tab {\n flex-shrink: 0;\n cursor: pointer;\n user-select: none;\n position: relative;\n border-style: solid;\n white-space: nowrap;\n background: ${dt('tabs.tab.background')};\n border-width: ${dt('tabs.tab.border.width')};\n border-color: ${dt('tabs.tab.border.color')};\n color: ${dt('tabs.tab.color')};\n padding: ${dt('tabs.tab.padding')};\n font-weight: ${dt('tabs.tab.font.weight')};\n transition: background ${dt('tabs.transition.duration')}, border-color ${dt('tabs.transition.duration')}, color ${dt('tabs.transition.duration')}, outline-color ${dt('tabs.transition.duration')}, box-shadow ${dt('tabs.transition.duration')};\n margin: ${dt('tabs.tab.margin')};\n outline-color: transparent;\n}\n\n.p-tab:not(.p-disabled):focus-visible {\n z-index: 1;\n box-shadow: ${dt('tabs.tab.focus.ring.shadow')};\n outline: ${dt('tabs.tab.focus.ring.width')} ${dt('tabs.tab.focus.ring.style')} ${dt('tabs.tab.focus.ring.color')};\n outline-offset: ${dt('tabs.tab.focus.ring.offset')};\n}\n\n.p-tab:not(.p-tab-active):not(.p-disabled):hover {\n background: ${dt('tabs.tab.hover.background')};\n border-color: ${dt('tabs.tab.hover.border.color')};\n color: ${dt('tabs.tab.hover.color')};\n}\n\n.p-tab-active {\n background: ${dt('tabs.tab.active.background')};\n border-color: ${dt('tabs.tab.active.border.color')};\n color: ${dt('tabs.tab.active.color')};\n}\n\n.p-tabpanels {\n background: ${dt('tabs.tabpanel.background')};\n color: ${dt('tabs.tabpanel.color')};\n padding: ${dt('tabs.tabpanel.padding')};\n outline: 0 none;\n}\n\n.p-tabpanel:focus-visible {\n box-shadow: ${dt('tabs.tabpanel.focus.ring.shadow')};\n outline: ${dt('tabs.tabpanel.focus.ring.width')} ${dt('tabs.tabpanel.focus.ring.style')} ${dt('tabs.tabpanel.focus.ring.color')};\n outline-offset: ${dt('tabs.tabpanel.focus.ring.offset')};\n}\n\n.p-tablist-active-bar {\n z-index: 1;\n display: block;\n position: absolute;\n inset-block-end: ${dt('tabs.active.bar.bottom')};\n height: ${dt('tabs.active.bar.height')};\n background: ${dt('tabs.active.bar.background')};\n transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);\n}\n`;\n"],"mappings":";AAEO,IAAM,QAAmB,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBA8B1B,GAAG,yBAAyB,CAAC;AAAA;AAAA,oBAE3B,GAAG,2BAA2B,CAAC;AAAA,oBAC/B,GAAG,2BAA2B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAiBjC,GAAG,4BAA4B,CAAC;AAAA,aACrC,GAAG,uBAAuB,CAAC;AAAA,aAC3B,GAAG,uBAAuB,CAAC;AAAA,wBAChB,GAAG,0BAA0B,CAAC,mBAAmB,GAAG,0BAA0B,CAAC,gBAAgB,GAAG,0BAA0B,CAAC;AAAA,kBACnI,GAAG,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAO5B,GAAG,mCAAmC,CAAC;AAAA,eAC1C,GAAG,kCAAkC,CAAC,IAAI,GAAG,kCAAkC,CAAC,IAAI,GAAG,kCAAkC,CAAC;AAAA,sBACnH,GAAG,mCAAmC,CAAC;AAAA;AAAA;AAAA;AAAA,aAIhD,GAAG,6BAA6B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAwB5B,GAAG,qBAAqB,CAAC;AAAA,oBACvB,GAAG,uBAAuB,CAAC;AAAA,oBAC3B,GAAG,uBAAuB,CAAC;AAAA,aAClC,GAAG,gBAAgB,CAAC;AAAA,eAClB,GAAG,kBAAkB,CAAC;AAAA,mBAClB,GAAG,sBAAsB,CAAC;AAAA,6BAChB,GAAG,0BAA0B,CAAC,kBAAkB,GAAG,0BAA0B,CAAC,WAAW,GAAG,0BAA0B,CAAC,mBAAmB,GAAG,0BAA0B,CAAC,gBAAgB,GAAG,0BAA0B,CAAC;AAAA,cACrO,GAAG,iBAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAMjB,GAAG,4BAA4B,CAAC;AAAA,eACnC,GAAG,2BAA2B,CAAC,IAAI,GAAG,2BAA2B,CAAC,IAAI,GAAG,2BAA2B,CAAC;AAAA,sBAC9F,GAAG,4BAA4B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIpC,GAAG,2BAA2B,CAAC;AAAA,oBAC7B,GAAG,6BAA6B,CAAC;AAAA,aACxC,GAAG,sBAAsB,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIrB,GAAG,4BAA4B,CAAC;AAAA,oBAC9B,GAAG,8BAA8B,CAAC;AAAA,aACzC,GAAG,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA,kBAItB,GAAG,0BAA0B,CAAC;AAAA,aACnC,GAAG,qBAAqB,CAAC;AAAA,eACvB,GAAG,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKxB,GAAG,iCAAiC,CAAC;AAAA,eACxC,GAAG,gCAAgC,CAAC,IAAI,GAAG,gCAAgC,CAAC,IAAI,GAAG,gCAAgC,CAAC;AAAA,sBAC7G,GAAG,iCAAiC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAOpC,GAAG,wBAAwB,CAAC;AAAA,cACrC,GAAG,wBAAwB,CAAC;AAAA,kBACxB,GAAG,4BAA4B,CAAC;AAAA;AAAA;AAAA;","names":[]}