{"version":3,"sources":["../../../src/presets/material/carousel/index.ts"],"sourcesContent":["import type { CarouselDesignTokens, CarouselTokenSections } from '@primeuix/themes/types/carousel';\n\nexport const root: CarouselTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const content: CarouselTokenSections.Content = {\n    gap: '0.25rem'\n};\n\nexport const indicatorList: CarouselTokenSections.IndicatorList = {\n    padding: '1rem',\n    gap: '1rem'\n};\n\nexport const indicator: CarouselTokenSections.Indicator = {\n    width: '1.25rem',\n    height: '1.25rem',\n    borderRadius: '50%',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    }\n};\n\nexport const colorScheme: CarouselTokenSections.ColorScheme = {\n    light: {\n        indicator: {\n            background: '{surface.200}',\n            hoverBackground: '{surface.300}',\n            activeBackground: '{primary.color}'\n        }\n    },\n    dark: {\n        indicator: {\n            background: '{surface.700}',\n            hoverBackground: '{surface.600}',\n            activeBackground: '{primary.color}'\n        }\n    }\n};\n\n// @section:css-start\nexport const css: CarouselTokenSections.CSS = ({ dt }) => `\n.p-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 96%);\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 96%);\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button:hover {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('carousel.indicator.active.background')}, transparent 92%);\n}\n\n.p-carousel-indicator-active .p-carousel-indicator-button:focus-visible {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('carousel.indicator.active.background')}, transparent 84%);\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    content,\n    indicatorList,\n    indicator,\n    colorScheme,\n    css\n} satisfies CarouselDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAmC;AAAA,EAC5C,oBAAoB;AACxB;AAEO,IAAM,UAAyC;AAAA,EAClD,KAAK;AACT;AAEO,IAAM,gBAAqD;AAAA,EAC9D,SAAS;AAAA,EACT,KAAK;AACT;AAEO,IAAM,YAA6C;AAAA,EACtD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,cAAiD;AAAA,EAC1D,OAAO;AAAA,IACH,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,WAAW;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,IACtB;AAAA,EACJ;AACJ;AAGO,IAAM,MAAiC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA,kDAER,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,sCAAsC,CAAC;AAAA;AAAA;AAAA;AAAA,kDAI1C,GAAG,sCAAsC,CAAC;AAAA;AAAA;AAK5F,IAAO,mBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}