@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Input/Input.vanilla.css.cjs

@@ -1,11 +1,111 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+;/* empty css                                            */
 ;/* empty css                                   */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var styledInputRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
-var inputWrapperRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
-var adornmentWrapperRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
+let _vanilla_extract_recipes_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+//#region components/Input/Input.vanilla.css.ts
+var styledInputRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_1st6suv1 _1st6suv0",
+	variantClassNames: {
+		size: {
+			small: "_1st6suv2",
+			medium: "_1st6suv3",
+			large: "_1st6suv4"
+		},
+		variant: { ghost: "_1st6suv5" },
+		state: { invalid: "_1st6suv6" },
+		cursor: {
+			"default": "_1st6suv7",
+			text: "_1st6suv8"
+		},
+		startAdornment: { true: "_1st6suv9" },
+		endAdornment: { true: "_1st6suva" }
+	},
+	defaultVariants: {
+		size: "medium",
+		cursor: "default"
+	},
+	compoundVariants: [
+		[{
+			variant: "ghost",
+			state: "invalid"
+		}, "_1st6suvb"],
+		[{
+			startAdornment: true,
+			size: "small"
+		}, "_1st6suvc"],
+		[{
+			startAdornment: true,
+			size: "medium"
+		}, "_1st6suvd"],
+		[{
+			startAdornment: true,
+			size: "large"
+		}, "_1st6suve"],
+		[{
+			endAdornment: true,
+			size: "small"
+		}, "_1st6suvf"],
+		[{
+			endAdornment: true,
+			size: "medium"
+		}, "_1st6suvg"],
+		[{
+			endAdornment: true,
+			size: "large"
+		}, "_1st6suvh"],
+		[{
+			endAdornment: true,
+			size: "small",
+			state: "invalid"
+		}, "_1st6suvi"],
+		[{
+			endAdornment: true,
+			size: "medium",
+			state: "invalid"
+		}, "_1st6suvj"],
+		[{
+			endAdornment: true,
+			size: "large",
+			state: "invalid"
+		}, "_1st6suvk"]
+	]
+});
+var inputWrapperRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_1st6suvm _1st6suvl",
+	variantClassNames: {
+		disabled: { true: "_1st6suvn" },
+		state: { invalid: "_1st6suvo" },
+		size: {
+			small: "_1st6suvp",
+			medium: "_1st6suvq",
+			large: "_1st6suvr"
+		}
+	},
+	defaultVariants: {
+		size: "medium",
+		disabled: false
+	},
+	compoundVariants: []
+});
+var adornmentWrapperRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "_1st6suvt _1st6suvs",
+	variantClassNames: {
+		size: {
+			small: "_1st6suvu",
+			medium: "_1st6suvv",
+			large: "_1st6suvw"
+		},
+		variant: {
+			start: "_1st6suvx",
+			end: "_1st6suvy"
+		}
+	},
+	defaultVariants: { size: "medium" },
+	compoundVariants: []
+});
+//#endregion
 exports.adornmentWrapperRecipe = adornmentWrapperRecipe;
 exports.inputWrapperRecipe = inputWrapperRecipe;
 exports.styledInputRecipe = styledInputRecipe;
-//# sourceMappingURL=Input.vanilla.css.cjs.map
+
+//# sourceMappingURL=Input.vanilla.css.cjs.map

package/dist/components/Input/Input.vanilla.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"Input.vanilla.css.cjs","names":[],"sources":["../../../components/Input/Input.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// CONSTANTS\nconst FOCUS_SHADOW =\n  '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)';\n\nconst SMALL_HEIGHT = tokens.sizes['5'];\nconst MEDIUM_HEIGHT = tokens.sizes['6'];\nconst LARGE_HEIGHT = tokens.sizes['7'];\n\nconst styledInputBase = style({\n  // Reset\n  appearance: 'none',\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: tokens.fonts.rubik,\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  width: '100%',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  position: 'relative',\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit', // inherit border radius from InputWrapper\n  boxShadow: `inset 0 0 0 1px ${tokens.colors.inputBorder}`,\n  color: tokens.colors.inputText,\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  selectors: {\n    '&[type=\"number\"]': {\n      paddingRight: '0', // remove padding for number native controls\n    },\n    '&:-webkit-autofill, &:autofill': {\n      boxShadow: `inset 0 0 0 1px ${tokens.colors.inputBorder}, inset 0 0 0 100px ${tokens.colors.inputBg}`,\n    },\n    '&:-webkit-autofill::first-line, &:autofill::first-line': {\n      fontFamily: tokens.fonts.rubik,\n      color: tokens.colors.hiContrast,\n    },\n    '&:focus-visible': {\n      boxShadow: `inset 0 0 0 2px ${tokens.colors.inputFocusBorder}, ${FOCUS_SHADOW}`,\n    },\n    '&::placeholder': {\n      color: tokens.colors.inputPlaceholder,\n    },\n    '&:read-only:not(:disabled)': {\n      boxShadow: 'none',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      color: tokens.colors.inputDisabledText,\n    },\n  },\n});\n\nexport const styledInputRecipe = recipe({\n  base: styledInputBase,\n  variants: {\n    size: {\n      small: {\n        height: SMALL_HEIGHT,\n        fontSize: tokens.fontSizes['1'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        lineHeight: tokens.sizes['5'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['1'],\n          },\n        },\n      },\n      medium: {\n        height: MEDIUM_HEIGHT,\n        fontSize: tokens.fontSizes['3'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        lineHeight: tokens.sizes['6'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['3'],\n          },\n        },\n      },\n      large: {\n        height: LARGE_HEIGHT,\n        fontSize: tokens.fontSizes['3'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        lineHeight: tokens.sizes['7'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['3'],\n          },\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        selectors: {\n          '&:disabled': {\n            boxShadow: 'none',\n          },\n          '&:focus-visible': {\n            backgroundColor: tokens.colors.loContrast,\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.inputInvalidBorder}`,\n        selectors: {\n          '&:focus-visible': {\n            boxShadow: `inset 0 0 0 2px ${tokens.colors.inputInvalidBorder}, ${FOCUS_SHADOW}`,\n          },\n        },\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover:not(:read-only)': {\n                cursor: 'text',\n              },\n            },\n          },\n        },\n        selectors: {\n          '&:focus-visible:not(:read-only)': {\n            cursor: 'text',\n          },\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n    startAdornment: {\n      true: {},\n    },\n    endAdornment: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'ghost',\n        state: 'invalid',\n      },\n      style: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.inputInvalidBorder}`,\n      },\n    },\n    // startAdornment compound variants\n    {\n      variants: {\n        startAdornment: true,\n        size: 'small',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['2']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        startAdornment: true,\n        size: 'medium',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        startAdornment: true,\n        size: 'large',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    // endAdornment compound variants\n    {\n      variants: {\n        endAdornment: true,\n        size: 'small',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['2']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'medium',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'large',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    // endAdornment + invalid compound variants\n    {\n      variants: {\n        endAdornment: true,\n        size: 'small',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['4']} + 30px)`, // size padding + adornment margins + icon size + icon size\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'medium',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['6']} + 30px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'large',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['6']} + 30px)`,\n      },\n    },\n  ],\n  defaultVariants: {\n    size: 'medium',\n    cursor: 'default',\n  },\n});\n\nconst inputWrapperBase = style({\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  backgroundColor: tokens.colors.inputBg,\n  color: tokens.colors.inputPlaceholder,\n\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: tokens.colors.inputFocusBg,\n    },\n    '&:focus-visible::after': {\n      backgroundColor: tokens.colors.primary,\n      opacity: '0.15',\n    },\n  },\n\n  '@media': {\n    [breakpoints.hover]: {\n      selectors: {\n        '&:hover::before': {\n          backgroundColor: tokens.colors.inputHoverBg,\n        },\n        '&:hover::after': {\n          backgroundColor: tokens.colors.primary,\n          opacity: '0.05',\n        },\n      },\n    },\n  },\n});\n\nexport const inputWrapperRecipe = recipe({\n  base: inputWrapperBase,\n  variants: {\n    disabled: {\n      true: {\n        opacity: '0.7',\n        color: tokens.colors.inputDisabledText,\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::before': {\n                backgroundColor: 'inherit',\n              },\n              '&:hover::after': {\n                backgroundColor: 'inherit',\n              },\n            },\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::after': {\n                backgroundColor: tokens.colors.inputInvalidBorder,\n              },\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: tokens.radii['2'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['2'],\n          },\n        },\n      },\n      medium: {\n        borderRadius: tokens.radii['3'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['3'],\n          },\n        },\n      },\n      large: {\n        borderRadius: tokens.radii['3'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['3'],\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    disabled: false,\n  },\n});\n\nconst adornmentWrapperBase = style({\n  position: 'absolute',\n  top: '0',\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const adornmentWrapperRecipe = recipe({\n  base: adornmentWrapperBase,\n  variants: {\n    size: {\n      small: {\n        marginLeft: `calc(${tokens.space['2']} / 2)`,\n        marginRight: `calc(${tokens.space['2']} / 2)`,\n      },\n      medium: {\n        marginLeft: `calc(${tokens.space['3']} / 2)`,\n        marginRight: `calc(${tokens.space['3']} / 2)`,\n      },\n      large: {\n        marginLeft: `calc(${tokens.space['3']} / 2)`,\n        marginRight: `calc(${tokens.space['3']} / 2)`,\n      },\n    },\n    variant: {\n      start: {\n        left: '0',\n      },\n      end: {\n        right: '0',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n"],"mappings":""}

package/dist/components/Input/Input.vanilla.css.js

@@ -1,11 +1,108 @@
+/* empty css                                          */
 /* empty css                                 */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var styledInputRecipe = createRuntimeFn({ defaultClassName: "_1st6suv1 _1st6suv0", variantClassNames: { size: { small: "_1st6suv2", medium: "_1st6suv3", large: "_1st6suv4" }, variant: { ghost: "_1st6suv5" }, state: { invalid: "_1st6suv6" }, cursor: { "default": "_1st6suv7", text: "_1st6suv8" }, startAdornment: { true: "_1st6suv9" }, endAdornment: { true: "_1st6suva" } }, defaultVariants: { size: "medium", cursor: "default" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "_1st6suvb"], [{ startAdornment: true, size: "small" }, "_1st6suvc"], [{ startAdornment: true, size: "medium" }, "_1st6suvd"], [{ startAdornment: true, size: "large" }, "_1st6suve"], [{ endAdornment: true, size: "small" }, "_1st6suvf"], [{ endAdornment: true, size: "medium" }, "_1st6suvg"], [{ endAdornment: true, size: "large" }, "_1st6suvh"], [{ endAdornment: true, size: "small", state: "invalid" }, "_1st6suvi"], [{ endAdornment: true, size: "medium", state: "invalid" }, "_1st6suvj"], [{ endAdornment: true, size: "large", state: "invalid" }, "_1st6suvk"]] });
-var inputWrapperRecipe = createRuntimeFn({ defaultClassName: "_1st6suvm _1st6suvl", variantClassNames: { disabled: { true: "_1st6suvn" }, state: { invalid: "_1st6suvo" }, size: { small: "_1st6suvp", medium: "_1st6suvq", large: "_1st6suvr" } }, defaultVariants: { size: "medium", disabled: false }, compoundVariants: [] });
-var adornmentWrapperRecipe = createRuntimeFn({ defaultClassName: "_1st6suvt _1st6suvs", variantClassNames: { size: { small: "_1st6suvu", medium: "_1st6suvv", large: "_1st6suvw" }, variant: { start: "_1st6suvx", end: "_1st6suvy" } }, defaultVariants: { size: "medium" }, compoundVariants: [] });
-export {
-  adornmentWrapperRecipe,
-  inputWrapperRecipe,
-  styledInputRecipe
-};
-//# sourceMappingURL=Input.vanilla.css.js.map
+//#region components/Input/Input.vanilla.css.ts
+var styledInputRecipe = createRuntimeFn({
+	defaultClassName: "_1st6suv1 _1st6suv0",
+	variantClassNames: {
+		size: {
+			small: "_1st6suv2",
+			medium: "_1st6suv3",
+			large: "_1st6suv4"
+		},
+		variant: { ghost: "_1st6suv5" },
+		state: { invalid: "_1st6suv6" },
+		cursor: {
+			"default": "_1st6suv7",
+			text: "_1st6suv8"
+		},
+		startAdornment: { true: "_1st6suv9" },
+		endAdornment: { true: "_1st6suva" }
+	},
+	defaultVariants: {
+		size: "medium",
+		cursor: "default"
+	},
+	compoundVariants: [
+		[{
+			variant: "ghost",
+			state: "invalid"
+		}, "_1st6suvb"],
+		[{
+			startAdornment: true,
+			size: "small"
+		}, "_1st6suvc"],
+		[{
+			startAdornment: true,
+			size: "medium"
+		}, "_1st6suvd"],
+		[{
+			startAdornment: true,
+			size: "large"
+		}, "_1st6suve"],
+		[{
+			endAdornment: true,
+			size: "small"
+		}, "_1st6suvf"],
+		[{
+			endAdornment: true,
+			size: "medium"
+		}, "_1st6suvg"],
+		[{
+			endAdornment: true,
+			size: "large"
+		}, "_1st6suvh"],
+		[{
+			endAdornment: true,
+			size: "small",
+			state: "invalid"
+		}, "_1st6suvi"],
+		[{
+			endAdornment: true,
+			size: "medium",
+			state: "invalid"
+		}, "_1st6suvj"],
+		[{
+			endAdornment: true,
+			size: "large",
+			state: "invalid"
+		}, "_1st6suvk"]
+	]
+});
+var inputWrapperRecipe = createRuntimeFn({
+	defaultClassName: "_1st6suvm _1st6suvl",
+	variantClassNames: {
+		disabled: { true: "_1st6suvn" },
+		state: { invalid: "_1st6suvo" },
+		size: {
+			small: "_1st6suvp",
+			medium: "_1st6suvq",
+			large: "_1st6suvr"
+		}
+	},
+	defaultVariants: {
+		size: "medium",
+		disabled: false
+	},
+	compoundVariants: []
+});
+var adornmentWrapperRecipe = createRuntimeFn({
+	defaultClassName: "_1st6suvt _1st6suvs",
+	variantClassNames: {
+		size: {
+			small: "_1st6suvu",
+			medium: "_1st6suvv",
+			large: "_1st6suvw"
+		},
+		variant: {
+			start: "_1st6suvx",
+			end: "_1st6suvy"
+		}
+	},
+	defaultVariants: { size: "medium" },
+	compoundVariants: []
+});
+//#endregion
+export { adornmentWrapperRecipe, inputWrapperRecipe, styledInputRecipe };
+
+//# sourceMappingURL=Input.vanilla.css.js.map

package/dist/components/Input/Input.vanilla.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.vanilla.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Input.vanilla.css.js","names":[],"sources":["../../../components/Input/Input.vanilla.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\n\nimport { breakpoints } from '../../styles/breakpoints.css';\nimport { tokens } from '../../styles/tokens.css';\n\n// CONSTANTS\nconst FOCUS_SHADOW =\n  '0 1px 5px 0 hsla(0, 0%, 0%, 0.2), 0 3px 1px -2px hsla(0, 0%, 0%, 0.12), 0 2px 2px 0 hsla(0, 0%, 0%, 0.14)';\n\nconst SMALL_HEIGHT = tokens.sizes['5'];\nconst MEDIUM_HEIGHT = tokens.sizes['6'];\nconst LARGE_HEIGHT = tokens.sizes['7'];\n\nconst styledInputBase = style({\n  // Reset\n  appearance: 'none',\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: tokens.fonts.rubik,\n  margin: '0',\n  outline: 'none',\n  padding: '0',\n  width: '100%',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  position: 'relative',\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit', // inherit border radius from InputWrapper\n  boxShadow: `inset 0 0 0 1px ${tokens.colors.inputBorder}`,\n  color: tokens.colors.inputText,\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  selectors: {\n    '&[type=\"number\"]': {\n      paddingRight: '0', // remove padding for number native controls\n    },\n    '&:-webkit-autofill, &:autofill': {\n      boxShadow: `inset 0 0 0 1px ${tokens.colors.inputBorder}, inset 0 0 0 100px ${tokens.colors.inputBg}`,\n    },\n    '&:-webkit-autofill::first-line, &:autofill::first-line': {\n      fontFamily: tokens.fonts.rubik,\n      color: tokens.colors.hiContrast,\n    },\n    '&:focus-visible': {\n      boxShadow: `inset 0 0 0 2px ${tokens.colors.inputFocusBorder}, ${FOCUS_SHADOW}`,\n    },\n    '&::placeholder': {\n      color: tokens.colors.inputPlaceholder,\n    },\n    '&:read-only:not(:disabled)': {\n      boxShadow: 'none',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      color: tokens.colors.inputDisabledText,\n    },\n  },\n});\n\nexport const styledInputRecipe = recipe({\n  base: styledInputBase,\n  variants: {\n    size: {\n      small: {\n        height: SMALL_HEIGHT,\n        fontSize: tokens.fontSizes['1'],\n        paddingLeft: tokens.space['2'],\n        paddingRight: tokens.space['2'],\n        lineHeight: tokens.sizes['5'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['1'],\n          },\n        },\n      },\n      medium: {\n        height: MEDIUM_HEIGHT,\n        fontSize: tokens.fontSizes['3'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        lineHeight: tokens.sizes['6'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['3'],\n          },\n        },\n      },\n      large: {\n        height: LARGE_HEIGHT,\n        fontSize: tokens.fontSizes['3'],\n        paddingLeft: tokens.space['3'],\n        paddingRight: tokens.space['3'],\n        lineHeight: tokens.sizes['7'],\n        selectors: {\n          '&:-webkit-autofill::first-line, &:autofill::first-line': {\n            fontSize: tokens.fontSizes['3'],\n          },\n        },\n      },\n    },\n    variant: {\n      ghost: {\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n        selectors: {\n          '&:disabled': {\n            boxShadow: 'none',\n          },\n          '&:focus-visible': {\n            backgroundColor: tokens.colors.loContrast,\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.inputInvalidBorder}`,\n        selectors: {\n          '&:focus-visible': {\n            boxShadow: `inset 0 0 0 2px ${tokens.colors.inputInvalidBorder}, ${FOCUS_SHADOW}`,\n          },\n        },\n      },\n    },\n    cursor: {\n      default: {\n        cursor: 'default',\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover:not(:read-only)': {\n                cursor: 'text',\n              },\n            },\n          },\n        },\n        selectors: {\n          '&:focus-visible:not(:read-only)': {\n            cursor: 'text',\n          },\n        },\n      },\n      text: {\n        cursor: 'text',\n      },\n    },\n    startAdornment: {\n      true: {},\n    },\n    endAdornment: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variants: {\n        variant: 'ghost',\n        state: 'invalid',\n      },\n      style: {\n        boxShadow: `inset 0 0 0 1px ${tokens.colors.inputInvalidBorder}`,\n      },\n    },\n    // startAdornment compound variants\n    {\n      variants: {\n        startAdornment: true,\n        size: 'small',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['2']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        startAdornment: true,\n        size: 'medium',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        startAdornment: true,\n        size: 'large',\n      },\n      style: {\n        paddingInlineStart: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    // endAdornment compound variants\n    {\n      variants: {\n        endAdornment: true,\n        size: 'small',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['2']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'medium',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'large',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['3']} + 15px)`,\n      },\n    },\n    // endAdornment + invalid compound variants\n    {\n      variants: {\n        endAdornment: true,\n        size: 'small',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['4']} + 30px)`, // size padding + adornment margins + icon size + icon size\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'medium',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['6']} + 30px)`,\n      },\n    },\n    {\n      variants: {\n        endAdornment: true,\n        size: 'large',\n        state: 'invalid',\n      },\n      style: {\n        paddingInlineEnd: `calc(${tokens.space['6']} + 30px)`,\n      },\n    },\n  ],\n  defaultVariants: {\n    size: 'medium',\n    cursor: 'default',\n  },\n});\n\nconst inputWrapperBase = style({\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  backgroundColor: tokens.colors.inputBg,\n  color: tokens.colors.inputPlaceholder,\n\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: tokens.colors.inputFocusBg,\n    },\n    '&:focus-visible::after': {\n      backgroundColor: tokens.colors.primary,\n      opacity: '0.15',\n    },\n  },\n\n  '@media': {\n    [breakpoints.hover]: {\n      selectors: {\n        '&:hover::before': {\n          backgroundColor: tokens.colors.inputHoverBg,\n        },\n        '&:hover::after': {\n          backgroundColor: tokens.colors.primary,\n          opacity: '0.05',\n        },\n      },\n    },\n  },\n});\n\nexport const inputWrapperRecipe = recipe({\n  base: inputWrapperBase,\n  variants: {\n    disabled: {\n      true: {\n        opacity: '0.7',\n        color: tokens.colors.inputDisabledText,\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::before': {\n                backgroundColor: 'inherit',\n              },\n              '&:hover::after': {\n                backgroundColor: 'inherit',\n              },\n            },\n          },\n        },\n      },\n    },\n    state: {\n      invalid: {\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::after': {\n                backgroundColor: tokens.colors.inputInvalidBorder,\n              },\n            },\n          },\n        },\n      },\n    },\n    size: {\n      small: {\n        borderRadius: tokens.radii['2'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['2'],\n          },\n        },\n      },\n      medium: {\n        borderRadius: tokens.radii['3'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['3'],\n          },\n        },\n      },\n      large: {\n        borderRadius: tokens.radii['3'],\n        selectors: {\n          '&::before, &::after': {\n            borderRadius: tokens.radii['3'],\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    disabled: false,\n  },\n});\n\nconst adornmentWrapperBase = style({\n  position: 'absolute',\n  top: '0',\n  height: '100%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n\nexport const adornmentWrapperRecipe = recipe({\n  base: adornmentWrapperBase,\n  variants: {\n    size: {\n      small: {\n        marginLeft: `calc(${tokens.space['2']} / 2)`,\n        marginRight: `calc(${tokens.space['2']} / 2)`,\n      },\n      medium: {\n        marginLeft: `calc(${tokens.space['3']} / 2)`,\n        marginRight: `calc(${tokens.space['3']} / 2)`,\n      },\n      large: {\n        marginLeft: `calc(${tokens.space['3']} / 2)`,\n        marginRight: `calc(${tokens.space['3']} / 2)`,\n      },\n    },\n    variant: {\n      start: {\n        left: '0',\n      },\n      end: {\n        right: '0',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n  },\n});\n"],"mappings":""}

package/dist/components/Input/Input.vanilla.js

@@ -1,56 +1,71 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import React from "react";
 import { processCSSProp } from "../../styles/cssProps.js";
 import { useVanillaExtractTheme } from "../../styles/themeContext.js";
-import { inputWrapperRecipe, styledInputRecipe, adornmentWrapperRecipe } from "./Input.vanilla.css.js";
-const InputVanilla = React.forwardRef(
-  ({ size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props }, forwardedRef) => {
-    const inputRef = React.useRef(null);
-    const { colors } = useVanillaExtractTheme();
-    const { style: cssStyles, vars } = processCSSProp(css, colors);
-    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };
-    React.useImperativeHandle(forwardedRef, () => {
-      const { current } = inputRef;
-      if (current) {
-        current.clear = () => {
-          current.value = "";
-        };
-      }
-      return current;
-    }, [inputRef]);
-    const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);
-    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
-    const inputWrapperClass = inputWrapperRecipe({
-      disabled: props.disabled,
-      state,
-      size
-    });
-    const styledInputClass = styledInputRecipe({
-      size,
-      variant,
-      state,
-      cursor,
-      startAdornment: hasStartAdornment,
-      endAdornment: hasEndAdornment
-    });
-    const adornmentWrapperStartClass = adornmentWrapperRecipe({
-      size,
-      variant: "start"
-    });
-    const adornmentWrapperEndClass = adornmentWrapperRecipe({
-      size,
-      variant: "end"
-    });
-    return /* @__PURE__ */ jsxs("div", { className: `${inputWrapperClass} ${className || ""}`.trim(), style: mergedStyles, children: [
-      hasStartAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperStartClass, children: startAdornment }),
-      /* @__PURE__ */ jsx("input", { ref: inputRef, className: styledInputClass, ...props }),
-      hasEndAdornment && /* @__PURE__ */ jsx("div", { className: adornmentWrapperEndClass, children: endAdornment })
-    ] });
-  }
-);
+import { adornmentWrapperRecipe, inputWrapperRecipe, styledInputRecipe } from "./Input.vanilla.css.js";
+import React from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/Input/Input.vanilla.tsx
+var InputVanilla = React.forwardRef(({ size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props }, forwardedRef) => {
+	const inputRef = React.useRef(null);
+	const { colors } = useVanillaExtractTheme();
+	const { style: cssStyles, vars } = processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...assignInlineVars(vars)
+	};
+	React.useImperativeHandle(forwardedRef, () => {
+		const { current } = inputRef;
+		if (current) current.clear = () => {
+			current.value = "";
+		};
+		return current;
+	}, [inputRef]);
+	const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);
+	const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
+	const inputWrapperClass = inputWrapperRecipe({
+		disabled: props.disabled,
+		state,
+		size
+	});
+	const styledInputClass = styledInputRecipe({
+		size,
+		variant,
+		state,
+		cursor,
+		startAdornment: hasStartAdornment,
+		endAdornment: hasEndAdornment
+	});
+	const adornmentWrapperStartClass = adornmentWrapperRecipe({
+		size,
+		variant: "start"
+	});
+	const adornmentWrapperEndClass = adornmentWrapperRecipe({
+		size,
+		variant: "end"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: `${inputWrapperClass} ${className || ""}`.trim(),
+		style: mergedStyles,
+		children: [
+			hasStartAdornment && /* @__PURE__ */ jsx("div", {
+				className: adornmentWrapperStartClass,
+				children: startAdornment
+			}),
+			/* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				className: styledInputClass,
+				...props
+			}),
+			hasEndAdornment && /* @__PURE__ */ jsx("div", {
+				className: adornmentWrapperEndClass,
+				children: endAdornment
+			})
+		]
+	});
+});
 InputVanilla.displayName = "InputVanilla";
-export {
-  InputVanilla
-};
-//# sourceMappingURL=Input.vanilla.js.map
+//#endregion
+export { InputVanilla };
+
+//# sourceMappingURL=Input.vanilla.js.map

package/dist/components/Input/Input.vanilla.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.vanilla.js","sources":["../../../components/Input/Input.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { adornmentWrapperRecipe, inputWrapperRecipe, styledInputRecipe } from './Input.vanilla.css';\n\ntype StyledInputRecipeVariants = NonNullable<RecipeVariants<typeof styledInputRecipe>>;\n\nexport interface InputVanillaOwnProps extends CSSProps {\n  size?: StyledInputRecipeVariants['size'];\n  variant?: StyledInputRecipeVariants['variant'];\n  state?: StyledInputRecipeVariants['state'];\n  cursor?: StyledInputRecipeVariants['cursor'];\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  type?: string;\n}\n\nexport type InputVanillaProps = Omit<React.InputHTMLAttributes<any>, 'size'> & InputVanillaOwnProps;\n\nexport interface InputVanillaHandle extends HTMLInputElement {\n  clear: () => void;\n}\n\nexport const InputVanilla = React.forwardRef<InputVanillaHandle, InputVanillaProps>(\n  (\n    { size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props },\n    forwardedRef,\n  ) => {\n    const inputRef = React.useRef<InputVanillaHandle>(null);\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    React.useImperativeHandle(forwardedRef, () => {\n      const { current } = inputRef;\n      if (current) {\n        current.clear = () => {\n          current.value = '';\n        };\n      }\n      return current as InputVanillaHandle;\n    }, [inputRef]);\n\n    const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const inputWrapperClass = inputWrapperRecipe({\n      disabled: props.disabled,\n      state,\n      size,\n    });\n\n    const styledInputClass = styledInputRecipe({\n      size,\n      variant,\n      state,\n      cursor,\n      startAdornment: hasStartAdornment,\n      endAdornment: hasEndAdornment,\n    });\n\n    const adornmentWrapperStartClass = adornmentWrapperRecipe({\n      size,\n      variant: 'start',\n    });\n\n    const adornmentWrapperEndClass = adornmentWrapperRecipe({\n      size,\n      variant: 'end',\n    });\n\n    return (\n      <div className={`${inputWrapperClass} ${className || ''}`.trim()} style={mergedStyles}>\n        {hasStartAdornment && <div className={adornmentWrapperStartClass}>{startAdornment}</div>}\n\n        <input ref={inputRef} className={styledInputClass} {...props} />\n\n        {hasEndAdornment && <div className={adornmentWrapperEndClass}>{endAdornment}</div>}\n      </div>\n    );\n  },\n);\n\nInputVanilla.displayName = 'InputVanilla';\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,eAAe,MAAM;AAAA,EAChC,CACE,EAAE,MAAM,gBAAgB,cAAc,KAAK,SAAS,OAAO,QAAQ,WAAW,OAAO,GAAG,MAAA,GACxF,iBACG;AACH,UAAM,WAAW,MAAM,OAA2B,IAAI;AACtD,UAAM,EAAE,OAAA,IAAW,uBAAA;AACnB,UAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,IAAI,EAAA;AAEvE,UAAM,oBAAoB,cAAc,MAAM;AAC5C,YAAM,EAAE,YAAY;AACpB,UAAI,SAAS;AACX,gBAAQ,QAAQ,MAAM;AACpB,kBAAQ,QAAQ;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,IACT,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,oBAAoB,MAAM,QAAQ,MAAM,QAAQ,cAAc,GAAG,CAAC,cAAc,CAAC;AACvF,UAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;AAEjF,UAAM,oBAAoB,mBAAmB;AAAA,MAC3C,UAAU,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,mBAAmB,kBAAkB;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAAA,CACf;AAED,UAAM,6BAA6B,uBAAuB;AAAA,MACxD;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAED,UAAM,2BAA2B,uBAAuB;AAAA,MACtD;AAAA,MACA,SAAS;AAAA,IAAA,CACV;AAED,WACE,qBAAC,OAAA,EAAI,WAAW,GAAG,iBAAiB,IAAI,aAAa,EAAE,GAAG,KAAA,GAAQ,OAAO,cACtE,UAAA;AAAA,MAAA,qBAAqB,oBAAC,OAAA,EAAI,WAAW,4BAA6B,UAAA,gBAAe;AAAA,0BAEjF,SAAA,EAAM,KAAK,UAAU,WAAW,kBAAmB,GAAG,OAAO;AAAA,MAE7D,mBAAmB,oBAAC,OAAA,EAAI,WAAW,0BAA2B,UAAA,aAAA,CAAa;AAAA,IAAA,GAC9E;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;"}
+{"version":3,"file":"Input.vanilla.js","names":[],"sources":["../../../components/Input/Input.vanilla.tsx"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { RecipeVariants } from '@vanilla-extract/recipes';\nimport React from 'react';\n\nimport { CSSProps, processCSSProp } from '../../styles/cssProps';\nimport { useVanillaExtractTheme } from '../../styles/themeContext';\nimport { adornmentWrapperRecipe, inputWrapperRecipe, styledInputRecipe } from './Input.vanilla.css';\n\ntype StyledInputRecipeVariants = NonNullable<RecipeVariants<typeof styledInputRecipe>>;\n\nexport interface InputVanillaOwnProps extends CSSProps {\n  size?: StyledInputRecipeVariants['size'];\n  variant?: StyledInputRecipeVariants['variant'];\n  state?: StyledInputRecipeVariants['state'];\n  cursor?: StyledInputRecipeVariants['cursor'];\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  type?: string;\n}\n\nexport type InputVanillaProps = Omit<React.InputHTMLAttributes<any>, 'size'> & InputVanillaOwnProps;\n\nexport interface InputVanillaHandle extends HTMLInputElement {\n  clear: () => void;\n}\n\nexport const InputVanilla = React.forwardRef<InputVanillaHandle, InputVanillaProps>(\n  (\n    { size, startAdornment, endAdornment, css, variant, state, cursor, className, style, ...props },\n    forwardedRef,\n  ) => {\n    const inputRef = React.useRef<InputVanillaHandle>(null);\n    const { colors } = useVanillaExtractTheme();\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    React.useImperativeHandle(forwardedRef, () => {\n      const { current } = inputRef;\n      if (current) {\n        current.clear = () => {\n          current.value = '';\n        };\n      }\n      return current as InputVanillaHandle;\n    }, [inputRef]);\n\n    const hasStartAdornment = React.useMemo(() => Boolean(startAdornment), [startAdornment]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const inputWrapperClass = inputWrapperRecipe({\n      disabled: props.disabled,\n      state,\n      size,\n    });\n\n    const styledInputClass = styledInputRecipe({\n      size,\n      variant,\n      state,\n      cursor,\n      startAdornment: hasStartAdornment,\n      endAdornment: hasEndAdornment,\n    });\n\n    const adornmentWrapperStartClass = adornmentWrapperRecipe({\n      size,\n      variant: 'start',\n    });\n\n    const adornmentWrapperEndClass = adornmentWrapperRecipe({\n      size,\n      variant: 'end',\n    });\n\n    return (\n      <div className={`${inputWrapperClass} ${className || ''}`.trim()} style={mergedStyles}>\n        {hasStartAdornment && <div className={adornmentWrapperStartClass}>{startAdornment}</div>}\n\n        <input ref={inputRef} className={styledInputClass} {...props} />\n\n        {hasEndAdornment && <div className={adornmentWrapperEndClass}>{endAdornment}</div>}\n      </div>\n    );\n  },\n);\n\nInputVanilla.displayName = 'InputVanilla';\n"],"mappings":";;;;;;;AA0BA,IAAa,eAAe,MAAM,YAE9B,EAAE,MAAM,gBAAgB,cAAc,KAAK,SAAS,OAAO,QAAQ,WAAW,OAAO,GAAG,SACxF,iBACG;CACH,MAAM,WAAW,MAAM,OAA2B,KAAK;CACvD,MAAM,EAAE,WAAW,wBAAwB;CAC3C,MAAM,EAAE,OAAO,WAAW,SAAS,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,GAAG,iBAAiB,KAAK;EAAE;AAE1E,OAAM,oBAAoB,oBAAoB;EAC5C,MAAM,EAAE,YAAY;AACpB,MAAI,QACF,SAAQ,cAAc;AACpB,WAAQ,QAAQ;;AAGpB,SAAO;IACN,CAAC,SAAS,CAAC;CAEd,MAAM,oBAAoB,MAAM,cAAc,QAAQ,eAAe,EAAE,CAAC,eAAe,CAAC;CACxF,MAAM,kBAAkB,MAAM,cAAc,QAAQ,aAAa,EAAE,CAAC,aAAa,CAAC;CAElF,MAAM,oBAAoB,mBAAmB;EAC3C,UAAU,MAAM;EAChB;EACA;EACD,CAAC;CAEF,MAAM,mBAAmB,kBAAkB;EACzC;EACA;EACA;EACA;EACA,gBAAgB;EAChB,cAAc;EACf,CAAC;CAEF,MAAM,6BAA6B,uBAAuB;EACxD;EACA,SAAS;EACV,CAAC;CAEF,MAAM,2BAA2B,uBAAuB;EACtD;EACA,SAAS;EACV,CAAC;AAEF,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,kBAAkB,GAAG,aAAa,KAAK,MAAM;EAAE,OAAO;YAAzE;GACG,qBAAqB,oBAAC,OAAD;IAAK,WAAW;cAA6B;IAAqB,CAAA;GAExF,oBAAC,SAAD;IAAO,KAAK;IAAU,WAAW;IAAkB,GAAI;IAAS,CAAA;GAE/D,mBAAmB,oBAAC,OAAD;IAAK,WAAW;cAA2B;IAAmB,CAAA;GAC9E;;EAGX;AAED,aAAa,cAAc"}

package/dist/components/Label/Label.cjs

@@ -1,36 +1,22 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const LabelPrimitive = require("@radix-ui/react-label");
-const stitches_config = require("../../stitches.config.cjs");
-const Text = require("../Text/Text.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const LabelPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(LabelPrimitive);
-const Label = stitches_config.styled(LabelPrimitive__namespace.Root, Text.Text, {
-  display: "inline-block",
-  verticalAlign: "middle",
-  cursor: "default",
-  fontWeight: "$medium",
-  lineHeight: 2.18,
-  defaultVariants: {
-    size: "0",
-    variant: "subtle",
-    transform: "capitalize"
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Text = require("../Text/Text.cjs");
+let _radix_ui_react_label = require("@radix-ui/react-label");
+_radix_ui_react_label = require_runtime.__toESM(_radix_ui_react_label, 1);
+//#region components/Label/Label.tsx
+var Label = require_stitches_config.styled(_radix_ui_react_label.Root, require_Text.Text, {
+	display: "inline-block",
+	verticalAlign: "middle",
+	cursor: "default",
+	fontWeight: "$medium",
+	lineHeight: 2.18,
+	defaultVariants: {
+		size: "0",
+		variant: "subtle",
+		transform: "capitalize"
+	}
 });
+//#endregion
 exports.Label = Label;
-//# sourceMappingURL=Label.cjs.map
+
+//# sourceMappingURL=Label.cjs.map

package/dist/components/Label/Label.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Label.cjs","sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  cursor: 'default',\n  fontWeight: '$medium',\n  lineHeight: 2.18,\n\n  defaultVariants: {\n    size: '0',\n    variant: 'subtle',\n    transform: 'capitalize',\n  },\n});\n"],"names":["styled","LabelPrimitive","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,QAAQA,gBAAAA,OAAOC,0BAAe,MAAMC,KAAAA,MAAM;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEf,CAAC;;"}
+{"version":3,"file":"Label.cjs","names":[],"sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  cursor: 'default',\n  fontWeight: '$medium',\n  lineHeight: 2.18,\n\n  defaultVariants: {\n    size: '0',\n    variant: 'subtle',\n    transform: 'capitalize',\n  },\n});\n"],"mappings":";;;;;;AAKA,IAAa,QAAQ,wBAAA,OAAO,sBAAe,MAAM,aAAA,MAAM;CACrD,SAAS;CACT,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CAEZ,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,WAAW;EACZ;CACF,CAAC"}

package/dist/components/Label/Label.js

@@ -1,19 +1,20 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
 import { styled } from "../../stitches.config.js";
 import { Text } from "../Text/Text.js";
-const Label = styled(LabelPrimitive.Root, Text, {
-  display: "inline-block",
-  verticalAlign: "middle",
-  cursor: "default",
-  fontWeight: "$medium",
-  lineHeight: 2.18,
-  defaultVariants: {
-    size: "0",
-    variant: "subtle",
-    transform: "capitalize"
-  }
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region components/Label/Label.tsx
+var Label = styled(LabelPrimitive.Root, Text, {
+	display: "inline-block",
+	verticalAlign: "middle",
+	cursor: "default",
+	fontWeight: "$medium",
+	lineHeight: 2.18,
+	defaultVariants: {
+		size: "0",
+		variant: "subtle",
+		transform: "capitalize"
+	}
 });
-export {
-  Label
-};
-//# sourceMappingURL=Label.js.map
+//#endregion
+export { Label };
+
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  cursor: 'default',\n  fontWeight: '$medium',\n  lineHeight: 2.18,\n\n  defaultVariants: {\n    size: '0',\n    variant: 'subtle',\n    transform: 'capitalize',\n  },\n});\n"],"names":[],"mappings":";;;AAKO,MAAM,QAAQ,OAAO,eAAe,MAAM,MAAM;AAAA,EACrD,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAEf,CAAC;"}
+{"version":3,"file":"Label.js","names":[],"sources":["../../../components/Label/Label.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label';\n\nimport { styled } from '../../stitches.config';\nimport { Text } from '../Text';\n\nexport const Label = styled(LabelPrimitive.Root, Text, {\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  cursor: 'default',\n  fontWeight: '$medium',\n  lineHeight: 2.18,\n\n  defaultVariants: {\n    size: '0',\n    variant: 'subtle',\n    transform: 'capitalize',\n  },\n});\n"],"mappings":";;;;AAKA,IAAa,QAAQ,OAAO,eAAe,MAAM,MAAM;CACrD,SAAS;CACT,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CAEZ,iBAAiB;EACf,MAAM;EACN,SAAS;EACT,WAAW;EACZ;CACF,CAAC"}