{"version":3,"sources":["../../../src/presets/material/inputtext/index.ts"],"sourcesContent":["import type { InputTextDesignTokens, InputTextTokenSections } from '@primeuix/themes/types/inputtext';\n\nexport const root: InputTextTokenSections.Root = {\n    background: '{form.field.background}',\n    disabledBackground: '{form.field.disabled.background}',\n    filledBackground: '{form.field.filled.background}',\n    filledHoverBackground: '{form.field.filled.hover.background}',\n    filledFocusBackground: '{form.field.filled.focus.background}',\n    borderColor: '{form.field.border.color}',\n    hoverBorderColor: '{form.field.hover.border.color}',\n    focusBorderColor: '{form.field.focus.border.color}',\n    invalidBorderColor: '{form.field.invalid.border.color}',\n    color: '{form.field.color}',\n    disabledColor: '{form.field.disabled.color}',\n    placeholderColor: '{form.field.placeholder.color}',\n    invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',\n    shadow: '{form.field.shadow}',\n    paddingX: '{form.field.padding.x}',\n    paddingY: '{form.field.padding.y}',\n    borderRadius: '{form.field.border.radius}',\n    focusRing: {\n        width: '{form.field.focus.ring.width}',\n        style: '{form.field.focus.ring.style}',\n        color: '{form.field.focus.ring.color}',\n        offset: '{form.field.focus.ring.offset}',\n        shadow: '{form.field.focus.ring.shadow}'\n    },\n    transitionDuration: '{form.field.transition.duration}',\n    sm: {\n        fontSize: '{form.field.sm.font.size}',\n        paddingX: '{form.field.sm.padding.x}',\n        paddingY: '{form.field.sm.padding.y}'\n    },\n    lg: {\n        fontSize: '{form.field.lg.font.size}',\n        paddingX: '{form.field.lg.padding.x}',\n        paddingY: '{form.field.lg.padding.y}'\n    }\n};\n\n// @section:css-start\nexport const css: InputTextTokenSections.CSS = ({ dt }) => `\n.p-inputtext.p-variant-filled {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border: 1px solid transparent;\n    background: ${dt('inputtext.filled.background')} no-repeat;\n    background-image: linear-gradient(to bottom, ${dt('inputtext.focus.border.color')}, ${dt('inputtext.focus.border.color')}), linear-gradient(to bottom, ${dt('inputtext.border.color')}, ${dt('inputtext.border.color')});\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);\n}\n\n.p-inputtext.p-variant-filled:enabled:hover {\n    background: ${dt('inputtext.filled.hover.background')} no-repeat;\n    background-image: linear-gradient(to bottom, ${dt('inputtext.focus.border.color')}, ${dt('inputtext.focus.border.color')}), linear-gradient(to bottom, ${dt('inputtext.hover.border.color')}, ${dt('inputtext.hover.border.color')});\n    background-size: 0 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.p-inputtext.p-variant-filled:enabled:focus {\n    outline: 0 none;\n    background: ${dt('inputtext.filled.focus.background')} no-repeat;\n    background-image: linear-gradient(to bottom, ${dt('inputtext.focus.border.color')}, ${dt('inputtext.focus.border.color')}), linear-gradient(to bottom, ${dt('inputtext.border.color')}, ${dt('inputtext.border.color')});\n    background-size: 100% 2px, 100% 1px;\n    background-position: 50% 100%, 50% 100%;\n    background-origin: border-box;\n    border-color: transparent;\n}\n\n.p-inputtext.p-variant-filled:enabled:hover:focus {\n    background-image: linear-gradient(to bottom, ${dt('inputtext.focus.border.color')}, ${dt('inputtext.focus.border.color')}), linear-gradient(to bottom, ${dt('inputtext.hover.border.color')}, ${dt('inputtext.hover.border.color')});\n}\n\n.p-inputtext.p-variant-filled.p-invalid {\n    background-image: linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')}), linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')});\n}\n\n.p-inputtext.p-variant-filled.p-invalid:enabled:focus {\n    background-image: linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')}), linear-gradient(to bottom, ${dt('inputtext.invalid.border.color')}, ${dt('inputtext.invalid.border.color')});\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    css\n} satisfies InputTextDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAoC;AAAA,EAC7C,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,yBAAyB;AAAA,EACzB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,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,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACd;AAAA,EACA,IAAI;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,EACd;AACJ;AAGO,IAAM,MAAkC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKzC,GAAG,6BAA6B,CAAC;AAAA,mDACA,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC,iCAAiC,GAAG,wBAAwB,CAAC,KAAK,GAAG,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQxM,GAAG,mCAAmC,CAAC;AAAA,mDACN,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC,iCAAiC,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASpN,GAAG,mCAAmC,CAAC;AAAA,mDACN,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC,iCAAiC,GAAG,wBAAwB,CAAC,KAAK,GAAG,wBAAwB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAQvK,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC,iCAAiC,GAAG,8BAA8B,CAAC,KAAK,GAAG,8BAA8B,CAAC;AAAA;AAAA;AAAA;AAAA,mDAInL,GAAG,gCAAgC,CAAC,KAAK,GAAG,gCAAgC,CAAC,iCAAiC,GAAG,gCAAgC,CAAC,KAAK,GAAG,gCAAgC,CAAC;AAAA;AAAA;AAAA;AAAA,mDAI3L,GAAG,gCAAgC,CAAC,KAAK,GAAG,gCAAgC,CAAC,iCAAiC,GAAG,gCAAgC,CAAC,KAAK,GAAG,gCAAgC,CAAC;AAAA;AAAA;AAK9O,IAAO,oBAAQ;AAAA,EACX;AAAA,EACA;AACJ;","names":[]}