{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/presets/material/toggleswitch/index.ts"],"sourcesContent":["import type { ToggleSwitchDesignTokens, ToggleSwitchTokenSections } from '@openng/optimus-ui-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\nexport const css: ToggleSwitchTokenSections.CSS = /*css*/ `\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\nexport default {\n    root,\n    handle,\n    colorScheme,\n    css\n} satisfies ToggleSwitchDesignTokens;\n"],"mappings":"AAEA,MAAa,KAAuC,CAChD,MAAO,UACP,OAAQ,OACR,aAAc,OACd,IAAK,MACL,OAAQ,OACR,UAAW,CACP,MAAO,IACP,MAAO,OACP,MAAO,QACP,OAAQ,IACR,OAAQ,MACZ,EACA,YAAa,MACb,YAAa,cACb,iBAAkB,cAClB,mBAAoB,cACpB,wBAAyB,cACzB,mBAAoB,oCACpB,mBAAoB,mCACpB,cAAe,MACnB,EAEa,OAA2C,CACpD,aAAc,MACd,KAAM,QACV,EAEa,YAAqD,CAC9D,MAAO,CACH,KAAM,CACF,WAAY,gBACZ,mBAAoB,gBACpB,gBAAiB,gBACjB,kBAAmB,gBACnB,uBAAwB,eAC5B,EACA,OAAQ,CACJ,WAAY,cACZ,mBAAoB,gBACpB,gBAAiB,cACjB,kBAAmB,kBACnB,uBAAwB,kBACxB,MAAO,qBACP,WAAY,eACZ,aAAc,2BACd,kBAAmB,0BACvB,CACJ,EACA,KAAM,CACF,KAAM,CACF,WAAY,gBACZ,mBAAoB,gBACpB,gBAAiB,gBACjB,kBAAmB,kBACnB,uBAAwB,iBAC5B,EACA,OAAQ,CACJ,WAAY,gBACZ,mBAAoB,gBACpB,gBAAiB,gBACjB,kBAAmB,gBACnB,uBAAwB,gBACxB,MAAO,gBACP,WAAY,gBACZ,aAAc,2BACd,kBAAmB,0BACvB,CACJ,CACJ,EAEa,IAA6C;;;;;;;;;;;;;;;;;;;;EAsB1D,IAAA,qBAAe,CACX,KACA,OACA,YACA,GACJ"}