{"version":3,"sources":["../../../src/presets/material/radiobutton/index.ts"],"sourcesContent":["import type { RadioButtonDesignTokens, RadioButtonTokenSections } from '@primeuix/themes/types/radiobutton';\n\nexport const root: RadioButtonTokenSections.Root = {\n    width: '20px',\n    height: '20px',\n    background: '{form.field.background}',\n    checkedBackground: '{primary.contrast.color}',\n    checkedHoverBackground: '{primary.contrast.color}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    checkedBorderColor: '{primary.color}',\n    checkedHoverBorderColor: '{primary.color}',\n    checkedFocusBorderColor: '{primary.color}',\n    checkedDisabledBorderColor: '{form.field.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    shadow: '{form.field.shadow}',\n    focusRing: {\n        width: '0',\n        style: 'none',\n        color: 'unset',\n        offset: '0',\n        shadow: 'none'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        width: '16px',\n        height: '16px'\n    },\n    lg: {\n        width: '24px',\n        height: '24px'\n    }\n};\n\nexport const icon: RadioButtonTokenSections.Icon = {\n    size: '10px',\n    checkedColor: '{primary.color}',\n    checkedHoverColor: '{primary.color}',\n    disabledColor: '{form.field.disabled.color}',\n    sm: {\n        size: '8px'\n    },\n    lg: {\n        size: '12px'\n    }\n};\n\n// @section:css-start\nexport const css: RadioButtonTokenSections.CSS = ({ dt }) => `\n.p-radiobutton {\n    border-radius: 50%;\n    transition: box-shadow ${dt('radiobutton.transition.duration')};\n}\n\n.p-radiobutton-box {\n    border-width: 2px;\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 96%);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('text.color')}, transparent 88%);\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('radiobutton.checked.border.color')}, transparent 92%);\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) {\n    box-shadow: 0 0 1px 10px color-mix(in srgb, ${dt('radiobutton.checked.border.color')}, transparent 84%);\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    icon\n} satisfies RadioButtonDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,WAAW;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,EACZ;AAAA,EACA,oBAAoB;AAAA,EACpB,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AAAA,EACA,IAAI;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ;AACJ;AAEO,IAAM,OAAsC;AAAA,EAC/C,MAAM;AAAA,EACN,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AAAA,EACA,IAAI;AAAA,IACA,MAAM;AAAA,EACV;AACJ;AAGO,IAAM,MAAoC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA,6BAGhC,GAAG,iCAAiC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kDAQhB,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA,kDAIhB,GAAG,kCAAkC,CAAC;AAAA;AAAA;AAAA;AAAA,kDAItC,GAAG,kCAAkC,CAAC;AAAA;AAAA;AAKxF,IAAO,sBAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}