{"version":3,"sources":["../../../src/presets/material/toggleswitch/index.ts"],"sourcesContent":["import type { ToggleSwitchDesignTokens, ToggleSwitchTokenSections } from '@primeuix/themes/types/toggleswitch';\n\nexport const root: ToggleSwitchTokenSections.Root = {\n    width: '2.75rem',\n    height: '1rem',\n    borderRadius: '30px',\n    gap: '0px',\n    shadow: 'none',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    borderWidth: '1px',\n    borderColor: 'transparent',\n    hoverBorderColor: 'transparent',\n    checkedBorderColor: 'transparent',\n    checkedHoverBorderColor: 'transparent',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    transitionDuration: '{form.field.transition.duration}',\n    slideDuration: '0.2s'\n};\n\nexport const handle: ToggleSwitchTokenSections.Handle = {\n    borderRadius: '50%',\n    size: '1.5rem'\n};\n\nexport const colorScheme: ToggleSwitchTokenSections.ColorScheme = {\n    light: {\n        root: {\n            background: '{surface.300}',\n            disabledBackground: '{surface.400}',\n            hoverBackground: '{surface.300}',\n            checkedBackground: '{primary.200}',\n            checkedHoverBackground: '{primary.200}'\n        },\n        handle: {\n            background: '{surface.0}',\n            disabledBackground: '{surface.200}',\n            hoverBackground: '{surface.0}',\n            checkedBackground: '{primary.color}',\n            checkedHoverBackground: '{primary.color}',\n            color: '{text.muted.color}',\n            hoverColor: '{text.color}',\n            checkedColor: '{primary.contrast.color}',\n            checkedHoverColor: '{primary.contrast.color}'\n        }\n    },\n    dark: {\n        root: {\n            background: '{surface.700}',\n            disabledBackground: '{surface.600}',\n            hoverBackground: '{surface.700}',\n            checkedBackground: '{primary.color}',\n            checkedHoverBackground: '{primary.color}'\n        },\n        handle: {\n            background: '{surface.400}',\n            disabledBackground: '{surface.500}',\n            hoverBackground: '{surface.300}',\n            checkedBackground: '{primary.200}',\n            checkedHoverBackground: '{primary.200}',\n            color: '{surface.800}',\n            hoverColor: '{surface.900}',\n            checkedColor: '{primary.contrast.color}',\n            checkedHoverColor: '{primary.contrast.color}'\n        }\n    }\n};\n\n// @section:css-start\nexport const css: ToggleSwitchTokenSections.CSS = ({ dt }) => `\n.p-toggleswitch-handle {\n    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .p-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 96%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible) .p-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 88%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover).p-toggleswitch-checked .p-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('toggleswitch.handle.checked.background')}, transparent 92%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n\n.p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:focus-visible).p-toggleswitch-checked .p-toggleswitch-handle {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('toggleswitch.handle.checked.background')}, transparent 84%), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    handle,\n    colorScheme,\n    css\n} satisfies ToggleSwitchDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,aAAa;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,eAAe;AACnB;AAEO,IAAM,SAA2C;AAAA,EACpD,cAAc;AAAA,EACd,MAAM;AACV;AAEO,IAAM,cAAqD;AAAA,EAC9D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,MACxB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,mBAAmB;AAAA,IACvB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,IAC5B;AAAA,IACA,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,wBAAwB;AAAA,MACxB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,mBAAmB;AAAA,IACvB;AAAA,EACJ;AACJ;AAGO,IAAM,MAAqC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kDAMZ,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,wCAAwC,CAAC;AAAA;AAAA;AAAA;AAAA,kDAI5C,GAAG,wCAAwC,CAAC;AAAA;AAAA;AAK9F,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}