{"version":3,"sources":["../../../src/presets/material/togglebutton/index.ts"],"sourcesContent":["import type { ToggleButtonDesignTokens, ToggleButtonTokenSections } from '@primeuix/themes/types/togglebutton';\n\nexport const root: ToggleButtonTokenSections.Root = {\n    padding: '0.75rem 1rem',\n    borderRadius: '{form.field.border.radius}',\n    gap: '0.5rem',\n    fontWeight: '500',\n    background: '{form.field.background}',\n    borderColor: '{form.field.border.color}',\n    color: '{form.field.color}',\n    hoverColor: '{form.field.color}',\n    checkedColor: '{form.field.color}',\n    checkedBorderColor: '{form.field.border.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    disabledBorderColor: '{form.field.disabled.background}',\n    disabledColor: '{form.field.disabled.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        offset: '0',\n        color: 'unset',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        padding: '0.625rem 0.75rem'\n    },\n    lg: {\n        fontSize: '{form.field.lg.font.size}',\n        padding: '0.875rem 1.25rem'\n    }\n};\n\nexport const icon: ToggleButtonTokenSections.Icon = {\n    color: '{text.muted.color}',\n    hoverColor: '{text.muted.color}',\n    checkedColor: '{text.muted.color}',\n    disabledColor: '{form.field.disabled.color}'\n};\n\nexport const content: ToggleButtonTokenSections.Content = {\n    checkedBackground: 'transparent',\n    checkedShadow: 'none',\n    padding: '0',\n    borderRadius: '0',\n    sm: {\n        padding: '0'\n    },\n    lg: {\n        padding: '0'\n    }\n};\n\nexport const colorScheme: ToggleButtonTokenSections.ColorScheme = {\n    light: {\n        root: {\n            hoverBackground: '{surface.100}',\n            checkedBackground: '{surface.200}'\n        }\n    },\n    dark: {\n        root: {\n            hoverBackground: '{surface.800}',\n            checkedBackground: '{surface.700}'\n        }\n    }\n};\n\n// @section:css-start\nexport const css: ToggleButtonTokenSections.CSS = ({ dt }) => `\n.p-togglebutton:focus-visible {\n    background: ${dt('togglebutton.hover.background')};\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    icon,\n    content,\n    colorScheme,\n    css\n} satisfies ToggleButtonDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAuC;AAAA,EAChD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,IAAI;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,EACb;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,OAAuC;AAAA,EAChD,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,eAAe;AACnB;AAEO,IAAM,UAA6C;AAAA,EACtD,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,SAAS;AAAA,EACT,cAAc;AAAA,EACd,IAAI;AAAA,IACA,SAAS;AAAA,EACb;AAAA,EACA,IAAI;AAAA,IACA,SAAS;AAAA,EACb;AACJ;AAEO,IAAM,cAAqD;AAAA,EAC9D,OAAO;AAAA,IACH,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACvB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,MAAM;AAAA,MACF,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACvB;AAAA,EACJ;AACJ;AAGO,IAAM,MAAqC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA,kBAE5C,GAAG,+BAA+B,CAAC;AAAA;AAAA;AAKrD,IAAO,uBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}