{"version":3,"sources":["../../../src/presets/material/inputnumber/index.ts"],"sourcesContent":["import type { InputNumberDesignTokens, InputNumberTokenSections } from '@primeuix/themes/types/inputnumber';\n\nexport const root: InputNumberTokenSections.Root = {\n    transitionDuration: '{transition.duration}'\n};\n\nexport const button: InputNumberTokenSections.Button = {\n    width: '3rem',\n    borderRadius: '{form.field.border.radius}',\n    verticalPadding: '{form.field.padding.y}'\n};\n\nexport const colorScheme: InputNumberTokenSections.ColorScheme = {\n    light: {\n        button: {\n            background: 'transparent',\n            hoverBackground: '{surface.100}',\n            activeBackground: '{surface.200}',\n            borderColor: '{form.field.border.color}',\n            hoverBorderColor: '{form.field.border.color}',\n            activeBorderColor: '{form.field.border.color}',\n            color: '{surface.400}',\n            hoverColor: '{surface.500}',\n            activeColor: '{surface.600}'\n        }\n    },\n    dark: {\n        button: {\n            background: 'transparent',\n            hoverBackground: '{surface.800}',\n            activeBackground: '{surface.700}',\n            borderColor: '{form.field.border.color}',\n            hoverBorderColor: '{form.field.border.color}',\n            activeBorderColor: '{form.field.border.color}',\n            color: '{surface.400}',\n            hoverColor: '{surface.300}',\n            activeColor: '{surface.200}'\n        }\n    }\n};\n\n// @section:css-start\nexport const css: InputNumberTokenSections.CSS = ({ dt }) => `\n.p-inputnumber-stacked .p-inputnumber-button-group {\n    top: 2px;\n    right: 2px;\n    height: calc(100% - 4px);\n}\n\n.p-inputnumber-horizontal:has(.p-variant-filled) .p-inputnumber-button {\n    border-block-start-color: ${dt('inputtext.filled.background')};\n    border-inline-color: ${dt('inputtext.filled.background')};\n    background: ${dt('inputtext.filled.background')} no-repeat;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-button {\n    border-block-color: ${dt('inputtext.filled.background')};\n    border-inline-color: ${dt('inputtext.filled.background')};\n    background: ${dt('inputtext.filled.background')} no-repeat;\n}\n\n.p-inputnumber-vertical:has(.p-variant-filled) .p-inputnumber-increment-button {\n    border-block-end: 1px solid ${dt('inputtext.border.color')}\n}\n`;\n// @section:css-end\n\nexport default {\n    root,\n    button,\n    colorScheme,\n    css\n} satisfies InputNumberDesignTokens;\n"],"mappings":";AAEO,IAAM,OAAsC;AAAA,EAC/C,oBAAoB;AACxB;AAEO,IAAM,SAA0C;AAAA,EACnD,OAAO;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AACrB;AAEO,IAAM,cAAoD;AAAA,EAC7D,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AAAA,EACA,MAAM;AAAA,IACF,QAAQ;AAAA,MACJ,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,aAAa;AAAA,IACjB;AAAA,EACJ;AACJ;AAGO,IAAM,MAAoC,CAAC,EAAE,GAAG,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQ7B,GAAG,6BAA6B,CAAC;AAAA,2BACtC,GAAG,6BAA6B,CAAC;AAAA,kBAC1C,GAAG,6BAA6B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAMzB,GAAG,6BAA6B,CAAC;AAAA,2BAChC,GAAG,6BAA6B,CAAC;AAAA,kBAC1C,GAAG,6BAA6B,CAAC;AAAA;AAAA;AAAA;AAAA,kCAIjB,GAAG,wBAAwB,CAAC;AAAA;AAAA;AAK9D,IAAO,sBAAQ;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;","names":[]}