@traefik-labs/faency 12.2.1 → 12.2.2

package/dist/components/Textarea/Textarea.theme.js

@@ -1,40 +1,28 @@
 import tinycolor from "tinycolor2";
-const textareaLightTheme = {
-  textareaBg: "hsl(240, 14.0%, 99.0%)",
-  // $deepBlue1
-  textareaBorder: "hsl(208, 9.0%, 73.0%)",
-  // $grayBlue9
-  textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-  textareaFocusBorder: "hsl(206, 100%, 50%)",
-  // blue8
-  textareaHoverBg: "hsla(0, 0%, 100%, 0.372)",
-  // $whiteA9
-  textareaText: tinycolor("black").setAlpha(0.74).toHslString(),
-  textareaPlaceholder: "hsla(0, 0%, 0%, 0.498)",
-  // $blackA10
-  textareaDisabledText: tinycolor("black").setAlpha(0.35).toHslString(),
-  textareaInvalidBorder: "hsl(358, 75%, 59%)"
-  // $red9
+//#region components/Textarea/Textarea.theme.ts
+var textareaLightTheme = {
+	textareaBg: "hsl(240, 14.0%, 99.0%)",
+	textareaBorder: "hsl(208, 9.0%, 73.0%)",
+	textareaFocusBg: tinycolor("black").setAlpha(.15).toHslString(),
+	textareaFocusBorder: "hsl(206, 100%, 50%)",
+	textareaHoverBg: "hsla(0, 0%, 100%, 0.372)",
+	textareaText: tinycolor("black").setAlpha(.74).toHslString(),
+	textareaPlaceholder: "hsla(0, 0%, 0%, 0.498)",
+	textareaDisabledText: tinycolor("black").setAlpha(.35).toHslString(),
+	textareaInvalidBorder: "hsl(358, 75%, 59%)"
 };
-const textareaDarkTheme = {
-  textareaBg: "hsl(209, 38.0%, 12.0%)",
-  // $grayBlue7 dark
-  textareaBorder: "hsl(208, 11.0%, 45.0%)",
-  // $grayBlue9 dark
-  textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-  textareaFocusBorder: "hsl(206, 100%, 70%)",
-  // blue11
-  textareaHoverBg: "hsla(0, 0%, 100%, 0.104)",
-  // $whiteA4
-  textareaText: tinycolor("white").setAlpha(0.8).toHslString(),
-  textareaPlaceholder: "hsla(0, 0%, 100%, 0.455)",
-  // $whiteA10
-  textareaDisabledText: tinycolor("white").setAlpha(0.35).toHslString(),
-  textareaInvalidBorder: "hsl(358, 75%, 59%)"
-  // $red9
+var textareaDarkTheme = {
+	textareaBg: "hsl(209, 38.0%, 12.0%)",
+	textareaBorder: "hsl(208, 11.0%, 45.0%)",
+	textareaFocusBg: tinycolor("black").setAlpha(.15).toHslString(),
+	textareaFocusBorder: "hsl(206, 100%, 70%)",
+	textareaHoverBg: "hsla(0, 0%, 100%, 0.104)",
+	textareaText: tinycolor("white").setAlpha(.8).toHslString(),
+	textareaPlaceholder: "hsla(0, 0%, 100%, 0.455)",
+	textareaDisabledText: tinycolor("white").setAlpha(.35).toHslString(),
+	textareaInvalidBorder: "hsl(358, 75%, 59%)"
 };
-export {
-  textareaDarkTheme,
-  textareaLightTheme
-};
-//# sourceMappingURL=Textarea.theme.js.map
+//#endregion
+export { textareaDarkTheme, textareaLightTheme };
+
+//# sourceMappingURL=Textarea.theme.js.map

package/dist/components/Textarea/Textarea.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.theme.js","sources":["../../../components/Textarea/Textarea.theme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\n\n// Plain TypeScript color tokens (no vanilla-extract)\n// Using default blue primary color for static tokens\nexport const textareaLightTheme = {\n  textareaBg: 'hsl(240, 14.0%, 99.0%)', // $deepBlue1\n  textareaBorder: 'hsl(208, 9.0%, 73.0%)', // $grayBlue9\n  textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n  textareaFocusBorder: 'hsl(206, 100%, 50%)', // blue8\n  textareaHoverBg: 'hsla(0, 0%, 100%, 0.372)', // $whiteA9\n  textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n  textareaPlaceholder: 'hsla(0, 0%, 0%, 0.498)', // $blackA10\n  textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n  textareaInvalidBorder: 'hsl(358, 75%, 59%)', // $red9\n};\n\nexport const textareaDarkTheme = {\n  textareaBg: 'hsl(209, 38.0%, 12.0%)', // $grayBlue7 dark\n  textareaBorder: 'hsl(208, 11.0%, 45.0%)', // $grayBlue9 dark\n  textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n  textareaFocusBorder: 'hsl(206, 100%, 70%)', // blue11\n  textareaHoverBg: 'hsla(0, 0%, 100%, 0.104)', // $whiteA4\n  textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n  textareaPlaceholder: 'hsla(0, 0%, 100%, 0.455)', // $whiteA10\n  textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n  textareaInvalidBorder: 'hsl(358, 75%, 59%)', // $red9\n};\n"],"names":[],"mappings":";AAIO,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA;AAAA,EACZ,gBAAgB;AAAA;AAAA,EAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EACnD,qBAAqB;AAAA;AAAA,EACrB,iBAAiB;AAAA;AAAA,EACjB,cAAc,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EAChD,qBAAqB;AAAA;AAAA,EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EACxD,uBAAuB;AAAA;AACzB;AAEO,MAAM,oBAAoB;AAAA,EAC/B,YAAY;AAAA;AAAA,EACZ,gBAAgB;AAAA;AAAA,EAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EACnD,qBAAqB;AAAA;AAAA,EACrB,iBAAiB;AAAA;AAAA,EACjB,cAAc,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAC/C,qBAAqB;AAAA;AAAA,EACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,EACxD,uBAAuB;AAAA;AACzB;"}
+{"version":3,"file":"Textarea.theme.js","names":[],"sources":["../../../components/Textarea/Textarea.theme.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\n\n// Plain TypeScript color tokens (no vanilla-extract)\n// Using default blue primary color for static tokens\nexport const textareaLightTheme = {\n  textareaBg: 'hsl(240, 14.0%, 99.0%)', // $deepBlue1\n  textareaBorder: 'hsl(208, 9.0%, 73.0%)', // $grayBlue9\n  textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n  textareaFocusBorder: 'hsl(206, 100%, 50%)', // blue8\n  textareaHoverBg: 'hsla(0, 0%, 100%, 0.372)', // $whiteA9\n  textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n  textareaPlaceholder: 'hsla(0, 0%, 0%, 0.498)', // $blackA10\n  textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n  textareaInvalidBorder: 'hsl(358, 75%, 59%)', // $red9\n};\n\nexport const textareaDarkTheme = {\n  textareaBg: 'hsl(209, 38.0%, 12.0%)', // $grayBlue7 dark\n  textareaBorder: 'hsl(208, 11.0%, 45.0%)', // $grayBlue9 dark\n  textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n  textareaFocusBorder: 'hsl(206, 100%, 70%)', // blue11\n  textareaHoverBg: 'hsla(0, 0%, 100%, 0.104)', // $whiteA4\n  textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n  textareaPlaceholder: 'hsla(0, 0%, 100%, 0.455)', // $whiteA10\n  textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n  textareaInvalidBorder: 'hsl(358, 75%, 59%)', // $red9\n};\n"],"mappings":";;AAIA,IAAa,qBAAqB;CAChC,YAAY;CACZ,gBAAgB;CAChB,iBAAiB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;CAChE,qBAAqB;CACrB,iBAAiB;CACjB,cAAc,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;CAC7D,qBAAqB;CACrB,sBAAsB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;CACrE,uBAAuB;CACxB;AAED,IAAa,oBAAoB;CAC/B,YAAY;CACZ,gBAAgB;CAChB,iBAAiB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;CAChE,qBAAqB;CACrB,iBAAiB;CACjB,cAAc,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;CAC5D,qBAAqB;CACrB,sBAAsB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;CACrE,uBAAuB;CACxB"}

package/dist/components/Textarea/Textarea.themes.cjs

@@ -1,29 +1,38 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    textareaBg: "$deepBlue1",
-    textareaBorder: "$grayBlue9",
-    textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-    textareaFocusBorder: primaryColor.helpers.pickScale(8),
-    textareaHoverBg: "$whiteA9",
-    textareaText: tinycolor("black").setAlpha(0.74).toHslString(),
-    textareaPlaceholder: "$blackA10",
-    textareaDisabledText: tinycolor("black").setAlpha(0.35).toHslString(),
-    textareaInvalidBorder: "$red9"
-  });
-  Theme2.getDark = (primaryColor) => ({
-    textareaBg: "$grayBlue7",
-    textareaBorder: "$grayBlue9",
-    textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-    textareaFocusBorder: primaryColor.helpers.pickScale(11),
-    textareaHoverBg: "$whiteA4",
-    textareaText: tinycolor("white").setAlpha(0.8).toHslString(),
-    textareaPlaceholder: "$whiteA10",
-    textareaDisabledText: tinycolor("white").setAlpha(0.35).toHslString(),
-    textareaInvalidBorder: "$red9"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Textarea.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Textarea/Textarea.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		textareaBg: "$deepBlue1",
+		textareaBorder: "$grayBlue9",
+		textareaFocusBg: (0, tinycolor2.default)("black").setAlpha(.15).toHslString(),
+		textareaFocusBorder: primaryColor.helpers.pickScale(8),
+		textareaHoverBg: "$whiteA9",
+		textareaText: (0, tinycolor2.default)("black").setAlpha(.74).toHslString(),
+		textareaPlaceholder: "$blackA10",
+		textareaDisabledText: (0, tinycolor2.default)("black").setAlpha(.35).toHslString(),
+		textareaInvalidBorder: "$red9"
+	});
+	_Theme.getDark = (primaryColor) => ({
+		textareaBg: "$grayBlue7",
+		textareaBorder: "$grayBlue9",
+		textareaFocusBg: (0, tinycolor2.default)("black").setAlpha(.15).toHslString(),
+		textareaFocusBorder: primaryColor.helpers.pickScale(11),
+		textareaHoverBg: "$whiteA4",
+		textareaText: (0, tinycolor2.default)("white").setAlpha(.8).toHslString(),
+		textareaPlaceholder: "$whiteA10",
+		textareaDisabledText: (0, tinycolor2.default)("white").setAlpha(.35).toHslString(),
+		textareaInvalidBorder: "$red9"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Textarea.themes.cjs.map

package/dist/components/Textarea/Textarea.themes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.themes.cjs","sources":["../../../components/Textarea/Textarea.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  export type Colors = {\n    textareaBg: Property.Color;\n    textareaBorder: Property.Color;\n    textareaFocusBg: Property.Color;\n    textareaFocusBorder: Property.Color;\n    textareaHoverBg: Property.Color;\n    textareaText: Property.Color;\n    textareaPlaceholder: Property.Color;\n    textareaDisabledText: Property.Color;\n    textareaInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    textareaBg: '$deepBlue1',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(8),\n    textareaHoverBg: '$whiteA9',\n    textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n    textareaPlaceholder: '$blackA10',\n    textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    textareaBg: '$grayBlue7',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(11),\n    textareaHoverBg: '$whiteA4',\n    textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n    textareaPlaceholder: '$whiteA10',\n    textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAeQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACnD,qBAAqB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACrD,iBAAiB;AAAA,IACjB,cAAc,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAChD,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB;AAAA,EAAA;AAGZA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACnD,qBAAqB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACtD,iBAAiB;AAAA,IACjB,cAAc,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IAC/C,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB;AAAA,EAAA;AACzB,GArCeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Textarea.themes.cjs","names":[],"sources":["../../../components/Textarea/Textarea.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  export type Colors = {\n    textareaBg: Property.Color;\n    textareaBorder: Property.Color;\n    textareaFocusBg: Property.Color;\n    textareaFocusBorder: Property.Color;\n    textareaHoverBg: Property.Color;\n    textareaText: Property.Color;\n    textareaPlaceholder: Property.Color;\n    textareaDisabledText: Property.Color;\n    textareaInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    textareaBg: '$deepBlue1',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(8),\n    textareaHoverBg: '$whiteA9',\n    textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n    textareaPlaceholder: '$blackA10',\n    textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    textareaBg: '$grayBlue7',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(11),\n    textareaHoverBg: '$whiteA4',\n    textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n    textareaPlaceholder: '$whiteA10',\n    textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAeQ,QAAA,YAAqB,kBAAkB;EAClD,YAAY;EACZ,gBAAgB;EAChB,kBAAA,GAAA,WAAA,SAA2B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAChE,qBAAqB,aAAa,QAAQ,UAAU,EAAE;EACtD,iBAAiB;EACjB,eAAA,GAAA,WAAA,SAAwB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACrE,uBAAuB;EACxB;AAEY,QAAA,WAAoB,kBAAkB;EACjD,YAAY;EACZ,gBAAgB;EAChB,kBAAA,GAAA,WAAA,SAA2B,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAChE,qBAAqB,aAAa,QAAQ,UAAU,GAAG;EACvD,iBAAiB;EACjB,eAAA,GAAA,WAAA,SAAwB,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAC5D,qBAAqB;EACrB,uBAAA,GAAA,WAAA,SAAgC,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACrE,uBAAuB;EACxB;yBACF"}

package/dist/components/Textarea/Textarea.themes.js

@@ -1,30 +1,31 @@
 import tinycolor from "tinycolor2";
+//#region components/Textarea/Textarea.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = (primaryColor) => ({
-    textareaBg: "$deepBlue1",
-    textareaBorder: "$grayBlue9",
-    textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-    textareaFocusBorder: primaryColor.helpers.pickScale(8),
-    textareaHoverBg: "$whiteA9",
-    textareaText: tinycolor("black").setAlpha(0.74).toHslString(),
-    textareaPlaceholder: "$blackA10",
-    textareaDisabledText: tinycolor("black").setAlpha(0.35).toHslString(),
-    textareaInvalidBorder: "$red9"
-  });
-  Theme2.getDark = (primaryColor) => ({
-    textareaBg: "$grayBlue7",
-    textareaBorder: "$grayBlue9",
-    textareaFocusBg: tinycolor("black").setAlpha(0.15).toHslString(),
-    textareaFocusBorder: primaryColor.helpers.pickScale(11),
-    textareaHoverBg: "$whiteA4",
-    textareaText: tinycolor("white").setAlpha(0.8).toHslString(),
-    textareaPlaceholder: "$whiteA10",
-    textareaDisabledText: tinycolor("white").setAlpha(0.35).toHslString(),
-    textareaInvalidBorder: "$red9"
-  });
+(function(_Theme) {
+	_Theme.getLight = (primaryColor) => ({
+		textareaBg: "$deepBlue1",
+		textareaBorder: "$grayBlue9",
+		textareaFocusBg: tinycolor("black").setAlpha(.15).toHslString(),
+		textareaFocusBorder: primaryColor.helpers.pickScale(8),
+		textareaHoverBg: "$whiteA9",
+		textareaText: tinycolor("black").setAlpha(.74).toHslString(),
+		textareaPlaceholder: "$blackA10",
+		textareaDisabledText: tinycolor("black").setAlpha(.35).toHslString(),
+		textareaInvalidBorder: "$red9"
+	});
+	_Theme.getDark = (primaryColor) => ({
+		textareaBg: "$grayBlue7",
+		textareaBorder: "$grayBlue9",
+		textareaFocusBg: tinycolor("black").setAlpha(.15).toHslString(),
+		textareaFocusBorder: primaryColor.helpers.pickScale(11),
+		textareaHoverBg: "$whiteA4",
+		textareaText: tinycolor("white").setAlpha(.8).toHslString(),
+		textareaPlaceholder: "$whiteA10",
+		textareaDisabledText: tinycolor("white").setAlpha(.35).toHslString(),
+		textareaInvalidBorder: "$red9"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Textarea.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Textarea.themes.js.map

package/dist/components/Textarea/Textarea.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.themes.js","sources":["../../../components/Textarea/Textarea.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  export type Colors = {\n    textareaBg: Property.Color;\n    textareaBorder: Property.Color;\n    textareaFocusBg: Property.Color;\n    textareaFocusBorder: Property.Color;\n    textareaHoverBg: Property.Color;\n    textareaText: Property.Color;\n    textareaPlaceholder: Property.Color;\n    textareaDisabledText: Property.Color;\n    textareaInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    textareaBg: '$deepBlue1',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(8),\n    textareaHoverBg: '$whiteA9',\n    textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n    textareaPlaceholder: '$blackA10',\n    textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    textareaBg: '$grayBlue7',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(11),\n    textareaHoverBg: '$whiteA4',\n    textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n    textareaPlaceholder: '$whiteA10',\n    textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAeQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACnD,qBAAqB,aAAa,QAAQ,UAAU,CAAC;AAAA,IACrD,iBAAiB;AAAA,IACjB,cAAc,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAChD,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB;AAAA,EAAA;AAGZA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,iBAAiB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACnD,qBAAqB,aAAa,QAAQ,UAAU,EAAE;AAAA,IACtD,iBAAiB;AAAA,IACjB,cAAc,UAAU,OAAO,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IAC/C,qBAAqB;AAAA,IACrB,sBAAsB,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IACxD,uBAAuB;AAAA,EAAA;AACzB,GArCe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Textarea.themes.js","names":[],"sources":["../../../components/Textarea/Textarea.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  export type Colors = {\n    textareaBg: Property.Color;\n    textareaBorder: Property.Color;\n    textareaFocusBg: Property.Color;\n    textareaFocusBorder: Property.Color;\n    textareaHoverBg: Property.Color;\n    textareaText: Property.Color;\n    textareaPlaceholder: Property.Color;\n    textareaDisabledText: Property.Color;\n    textareaInvalidBorder: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    textareaBg: '$deepBlue1',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(8),\n    textareaHoverBg: '$whiteA9',\n    textareaText: tinycolor('black').setAlpha(0.74).toHslString(),\n    textareaPlaceholder: '$blackA10',\n    textareaDisabledText: tinycolor('black').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    textareaBg: '$grayBlue7',\n    textareaBorder: '$grayBlue9',\n    textareaFocusBg: tinycolor('black').setAlpha(0.15).toHslString(),\n    textareaFocusBorder: primaryColor.helpers.pickScale(11),\n    textareaHoverBg: '$whiteA4',\n    textareaText: tinycolor('white').setAlpha(0.8).toHslString(),\n    textareaPlaceholder: '$whiteA10',\n    textareaDisabledText: tinycolor('white').setAlpha(0.35).toHslString(),\n    textareaInvalidBorder: '$red9',\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAeQ,QAAA,YAAqB,kBAAkB;EAClD,YAAY;EACZ,gBAAgB;EAChB,iBAAiB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAChE,qBAAqB,aAAa,QAAQ,UAAU,EAAE;EACtD,iBAAiB;EACjB,cAAc,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC7D,qBAAqB;EACrB,sBAAsB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACrE,uBAAuB;EACxB;AAEY,QAAA,WAAoB,kBAAkB;EACjD,YAAY;EACZ,gBAAgB;EAChB,iBAAiB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAChE,qBAAqB,aAAa,QAAQ,UAAU,GAAG;EACvD,iBAAiB;EACjB,cAAc,UAAU,QAAQ,CAAC,SAAS,GAAI,CAAC,aAAa;EAC5D,qBAAqB;EACrB,sBAAsB,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EACrE,uBAAuB;EACxB;yBACF"}

package/dist/components/Textarea/Textarea.vanilla.cjs

@@ -1,97 +1,85 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const dynamic = require("@vanilla-extract/dynamic");
-const React = require("react");
-const cssProps = require("../../styles/cssProps.cjs");
-const themeContext = require("../../styles/themeContext.cjs");
-const Textarea_vanilla_css = require("./Textarea.vanilla.css.cjs");
-const Label_vanilla = require("../Label/Label.vanilla.cjs");
-const TextareaVanilla = React.forwardRef(
-  ({
-    state,
-    disabled,
-    onFocus,
-    onBlur,
-    label,
-    id,
-    rootCss,
-    css,
-    endAdornment,
-    variant,
-    cursor,
-    resize,
-    className,
-    style,
-    ...props
-  }, forwardedRef) => {
-    const [hasFocus, setHasFocus] = React.useState(false);
-    const { colors } = themeContext.useVanillaExtractTheme();
-    const invalid = React.useMemo(() => state === "invalid", [state]);
-    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);
-    const labelVariant = React.useMemo(() => {
-      if (disabled) {
-        return "subtle";
-      }
-      if (invalid) {
-        return "invalid";
-      }
-      if (hasFocus) {
-        return "contrast";
-      }
-      return "default";
-    }, [invalid, disabled, hasFocus]);
-    const handleFocus = React.useCallback(
-      (e) => {
-        if (onFocus) {
-          onFocus(e);
-        }
-        setHasFocus(true);
-      },
-      [onFocus, setHasFocus]
-    );
-    const handleBlur = React.useCallback(
-      (e) => {
-        if (onBlur) {
-          onBlur(e);
-        }
-        setHasFocus(false);
-      },
-      [onBlur, setHasFocus]
-    );
-    const { style: rootCssStyles, vars: rootVars } = cssProps.processCSSProp(rootCss, colors);
-    const rootMergedStyles = { ...rootCssStyles, ...dynamic.assignInlineVars(rootVars) };
-    const { style: cssStyles, vars } = cssProps.processCSSProp(css, colors);
-    const mergedStyles = { ...cssStyles, ...style, ...dynamic.assignInlineVars(vars) };
-    const textareaWrapperClass = Textarea_vanilla_css.textareaWrapperRecipe({ state, disabled });
-    const styledTextareaClass = Textarea_vanilla_css.styledTextareaRecipe({
-      variant,
-      state,
-      cursor,
-      resize,
-      endAdornment: hasEndAdornment
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rootMergedStyles, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(Label_vanilla.LabelVanilla, { variant: labelVariant, htmlFor: id, css: { display: "block" }, children: label }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: textareaWrapperClass, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "textarea",
-          {
-            id,
-            ref: forwardedRef,
-            className: `${styledTextareaClass} ${className || ""}`.trim(),
-            style: mergedStyles,
-            disabled,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            ...props
-          }
-        ),
-        hasEndAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Textarea_vanilla_css.adornmentWrapperEnd, children: endAdornment })
-      ] })
-    ] });
-  }
-);
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_cssProps = require("../../styles/cssProps.cjs");
+const require_themeContext = require("../../styles/themeContext.cjs");
+const require_Label_vanilla = require("../Label/Label.vanilla.cjs");
+const require_Textarea_vanilla_css = require("./Textarea.vanilla.css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let _vanilla_extract_dynamic = require("@vanilla-extract/dynamic");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/Textarea/Textarea.vanilla.tsx
+var TextareaVanilla = react.default.forwardRef(({ state, disabled, onFocus, onBlur, label, id, rootCss, css, endAdornment, variant, cursor, resize, className, style, ...props }, forwardedRef) => {
+	const [hasFocus, setHasFocus] = react.default.useState(false);
+	const { colors } = require_themeContext.useVanillaExtractTheme();
+	const invalid = react.default.useMemo(() => state === "invalid", [state]);
+	const hasEndAdornment = react.default.useMemo(() => Boolean(endAdornment), [endAdornment]);
+	const labelVariant = react.default.useMemo(() => {
+		if (disabled) return "subtle";
+		if (invalid) return "invalid";
+		if (hasFocus) return "contrast";
+		return "default";
+	}, [
+		invalid,
+		disabled,
+		hasFocus
+	]);
+	const handleFocus = react.default.useCallback((e) => {
+		if (onFocus) onFocus(e);
+		setHasFocus(true);
+	}, [onFocus, setHasFocus]);
+	const handleBlur = react.default.useCallback((e) => {
+		if (onBlur) onBlur(e);
+		setHasFocus(false);
+	}, [onBlur, setHasFocus]);
+	const { style: rootCssStyles, vars: rootVars } = require_cssProps.processCSSProp(rootCss, colors);
+	const rootMergedStyles = {
+		...rootCssStyles,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(rootVars)
+	};
+	const { style: cssStyles, vars } = require_cssProps.processCSSProp(css, colors);
+	const mergedStyles = {
+		...cssStyles,
+		...style,
+		...(0, _vanilla_extract_dynamic.assignInlineVars)(vars)
+	};
+	const textareaWrapperClass = require_Textarea_vanilla_css.textareaWrapperRecipe({
+		state,
+		disabled
+	});
+	const styledTextareaClass = require_Textarea_vanilla_css.styledTextareaRecipe({
+		variant,
+		state,
+		cursor,
+		resize,
+		endAdornment: hasEndAdornment
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: rootMergedStyles,
+		children: [label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label_vanilla.LabelVanilla, {
+			variant: labelVariant,
+			htmlFor: id,
+			css: { display: "block" },
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: textareaWrapperClass,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				id,
+				ref: forwardedRef,
+				className: `${styledTextareaClass} ${className || ""}`.trim(),
+				style: mergedStyles,
+				disabled,
+				onFocus: handleFocus,
+				onBlur: handleBlur,
+				...props
+			}), hasEndAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "q2igawg",
+				children: endAdornment
+			})]
+		})]
+	});
+});
 TextareaVanilla.displayName = "TextareaVanilla";
+//#endregion
 exports.TextareaVanilla = TextareaVanilla;
-//# sourceMappingURL=Textarea.vanilla.cjs.map
+
+//# sourceMappingURL=Textarea.vanilla.cjs.map

package/dist/components/Textarea/Textarea.vanilla.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vanilla.cjs","sources":["../../../components/Textarea/Textarea.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 { LabelVanilla } from '../Label';\nimport {\n  adornmentWrapperEnd,\n  styledTextareaRecipe,\n  textareaWrapperRecipe,\n} from './Textarea.vanilla.css';\n\ntype StyledTextareaRecipeVariants = NonNullable<RecipeVariants<typeof styledTextareaRecipe>>;\n\nexport interface TextareaVanillaOwnProps extends CSSProps {\n  variant?: StyledTextareaRecipeVariants['variant'];\n  state?: StyledTextareaRecipeVariants['state'];\n  cursor?: StyledTextareaRecipeVariants['cursor'];\n  resize?: StyledTextareaRecipeVariants['resize'];\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSSProps['css'];\n}\n\nexport type TextareaVanillaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  TextareaVanillaOwnProps;\n\nexport const TextareaVanilla = React.forwardRef<HTMLTextAreaElement, TextareaVanillaProps>(\n  (\n    {\n      state,\n      disabled,\n      onFocus,\n      onBlur,\n      label,\n      id,\n      rootCss,\n      css,\n      endAdornment,\n      variant,\n      cursor,\n      resize,\n      className,\n      style,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const { colors } = useVanillaExtractTheme();\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (hasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, hasFocus]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setHasFocus(true);\n      },\n      [onFocus, setHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setHasFocus(false);\n      },\n      [onBlur, setHasFocus],\n    );\n\n    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);\n    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });\n    const styledTextareaClass = styledTextareaRecipe({\n      variant,\n      state,\n      cursor,\n      resize,\n      endAdornment: hasEndAdornment,\n    });\n\n    return (\n      <div style={rootMergedStyles}>\n        {label && (\n          <LabelVanilla variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </LabelVanilla>\n        )}\n        <div className={textareaWrapperClass}>\n          <textarea\n            id={id}\n            ref={forwardedRef}\n            className={`${styledTextareaClass} ${className || ''}`.trim()}\n            style={mergedStyles}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            {...props}\n          />\n          {hasEndAdornment && <div className={adornmentWrapperEnd}>{endAdornment}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextareaVanilla.displayName = 'TextareaVanilla';\n"],"names":["useVanillaExtractTheme","processCSSProp","assignInlineVars","textareaWrapperRecipe","styledTextareaRecipe","jsxs","jsx","LabelVanilla","adornmentWrapperEnd"],"mappings":";;;;;;;;;AA4BO,MAAM,kBAAkB,MAAM;AAAA,EACnC,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,iBACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,UAAM,EAAE,OAAA,IAAWA,oCAAA;AAEnB,UAAM,UAAU,MAAM,QAAQ,MAAM,UAAU,WAAW,CAAC,KAAK,CAAC;AAChE,UAAM,kBAAkB,MAAM,QAAQ,MAAM,QAAQ,YAAY,GAAG,CAAC,YAAY,CAAC;AAEjF,UAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,UAAI,SAAS;AACX,eAAO;AAAA,MACT;AACA,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,GAAG,CAAC,SAAS,UAAU,QAAQ,CAAC;AAEhC,UAAM,cAAc,MAAM;AAAA,MACxB,CAAC,MAA6C;AAC5C,YAAI,SAAS;AACX,kBAAQ,CAAC;AAAA,QACX;AACA,oBAAY,IAAI;AAAA,MAClB;AAAA,MACA,CAAC,SAAS,WAAW;AAAA,IAAA;AAGvB,UAAM,aAAa,MAAM;AAAA,MACvB,CAAC,MAA6C;AAC5C,YAAI,QAAQ;AACV,iBAAO,CAAC;AAAA,QACV;AACA,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,CAAC,QAAQ,WAAW;AAAA,IAAA;AAGtB,UAAM,EAAE,OAAO,eAAe,MAAM,aAAaC,SAAAA,eAAe,SAAS,MAAM;AAC/E,UAAM,mBAAmB,EAAE,GAAG,eAAe,GAAGC,QAAAA,iBAAiB,QAAQ,EAAA;AAEzE,UAAM,EAAE,OAAO,WAAW,SAASD,SAAAA,eAAe,KAAK,MAAM;AAC7D,UAAM,eAAe,EAAE,GAAG,WAAW,GAAG,OAAO,GAAGC,QAAAA,iBAAiB,IAAI,EAAA;AAEvE,UAAM,uBAAuBC,qBAAAA,sBAAsB,EAAE,OAAO,UAAU;AACtE,UAAM,sBAAsBC,qBAAAA,qBAAqB;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,IAAA,CACf;AAED,WACEC,2BAAAA,KAAC,OAAA,EAAI,OAAO,kBACT,UAAA;AAAA,MAAA,SACCC,2BAAAA,IAACC,cAAAA,cAAA,EAAa,SAAS,cAAc,SAAS,IAAI,KAAK,EAAE,SAAS,QAAA,GAC/D,UAAA,MAAA,CACH;AAAA,MAEFF,2BAAAA,KAAC,OAAA,EAAI,WAAW,sBACd,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,KAAK;AAAA,YACL,WAAW,GAAG,mBAAmB,IAAI,aAAa,EAAE,GAAG,KAAA;AAAA,YACvD,OAAO;AAAA,YACP;AAAA,YACA,SAAS;AAAA,YACT,QAAQ;AAAA,YACP,GAAG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEL,mBAAmBA,2BAAAA,IAAC,OAAA,EAAI,WAAWE,qBAAAA,qBAAsB,UAAA,aAAA,CAAa;AAAA,MAAA,EAAA,CACzE;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AAEA,gBAAgB,cAAc;;"}
+{"version":3,"file":"Textarea.vanilla.cjs","names":[],"sources":["../../../components/Textarea/Textarea.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 { LabelVanilla } from '../Label';\nimport {\n  adornmentWrapperEnd,\n  styledTextareaRecipe,\n  textareaWrapperRecipe,\n} from './Textarea.vanilla.css';\n\ntype StyledTextareaRecipeVariants = NonNullable<RecipeVariants<typeof styledTextareaRecipe>>;\n\nexport interface TextareaVanillaOwnProps extends CSSProps {\n  variant?: StyledTextareaRecipeVariants['variant'];\n  state?: StyledTextareaRecipeVariants['state'];\n  cursor?: StyledTextareaRecipeVariants['cursor'];\n  resize?: StyledTextareaRecipeVariants['resize'];\n  label?: string;\n  endAdornment?: React.ReactNode;\n  rootCss?: CSSProps['css'];\n}\n\nexport type TextareaVanillaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> &\n  TextareaVanillaOwnProps;\n\nexport const TextareaVanilla = React.forwardRef<HTMLTextAreaElement, TextareaVanillaProps>(\n  (\n    {\n      state,\n      disabled,\n      onFocus,\n      onBlur,\n      label,\n      id,\n      rootCss,\n      css,\n      endAdornment,\n      variant,\n      cursor,\n      resize,\n      className,\n      style,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const [hasFocus, setHasFocus] = React.useState(false);\n    const { colors } = useVanillaExtractTheme();\n\n    const invalid = React.useMemo(() => state === 'invalid', [state]);\n    const hasEndAdornment = React.useMemo(() => Boolean(endAdornment), [endAdornment]);\n\n    const labelVariant = React.useMemo(() => {\n      if (disabled) {\n        return 'subtle';\n      }\n      if (invalid) {\n        return 'invalid';\n      }\n      if (hasFocus) {\n        return 'contrast';\n      }\n      return 'default';\n    }, [invalid, disabled, hasFocus]);\n\n    const handleFocus = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onFocus) {\n          onFocus(e);\n        }\n        setHasFocus(true);\n      },\n      [onFocus, setHasFocus],\n    );\n\n    const handleBlur = React.useCallback(\n      (e: React.FocusEvent<HTMLTextAreaElement>) => {\n        if (onBlur) {\n          onBlur(e);\n        }\n        setHasFocus(false);\n      },\n      [onBlur, setHasFocus],\n    );\n\n    const { style: rootCssStyles, vars: rootVars } = processCSSProp(rootCss, colors);\n    const rootMergedStyles = { ...rootCssStyles, ...assignInlineVars(rootVars) };\n\n    const { style: cssStyles, vars } = processCSSProp(css, colors);\n    const mergedStyles = { ...cssStyles, ...style, ...assignInlineVars(vars) };\n\n    const textareaWrapperClass = textareaWrapperRecipe({ state, disabled });\n    const styledTextareaClass = styledTextareaRecipe({\n      variant,\n      state,\n      cursor,\n      resize,\n      endAdornment: hasEndAdornment,\n    });\n\n    return (\n      <div style={rootMergedStyles}>\n        {label && (\n          <LabelVanilla variant={labelVariant} htmlFor={id} css={{ display: 'block' }}>\n            {label}\n          </LabelVanilla>\n        )}\n        <div className={textareaWrapperClass}>\n          <textarea\n            id={id}\n            ref={forwardedRef}\n            className={`${styledTextareaClass} ${className || ''}`.trim()}\n            style={mergedStyles}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            {...props}\n          />\n          {hasEndAdornment && <div className={adornmentWrapperEnd}>{endAdornment}</div>}\n        </div>\n      </div>\n    );\n  },\n);\n\nTextareaVanilla.displayName = 'TextareaVanilla';\n"],"mappings":";;;;;;;;;;AA4BA,IAAa,kBAAkB,MAAA,QAAM,YAEjC,EACE,OACA,UACA,SACA,QACA,OACA,IACA,SACA,KACA,cACA,SACA,QACA,QACA,WACA,OACA,GAAG,SAEL,iBACG;CACH,MAAM,CAAC,UAAU,eAAe,MAAA,QAAM,SAAS,MAAM;CACrD,MAAM,EAAE,WAAW,qBAAA,wBAAwB;CAE3C,MAAM,UAAU,MAAA,QAAM,cAAc,UAAU,WAAW,CAAC,MAAM,CAAC;CACjE,MAAM,kBAAkB,MAAA,QAAM,cAAc,QAAQ,aAAa,EAAE,CAAC,aAAa,CAAC;CAElF,MAAM,eAAe,MAAA,QAAM,cAAc;AACvC,MAAI,SACF,QAAO;AAET,MAAI,QACF,QAAO;AAET,MAAI,SACF,QAAO;AAET,SAAO;IACN;EAAC;EAAS;EAAU;EAAS,CAAC;CAEjC,MAAM,cAAc,MAAA,QAAM,aACvB,MAA6C;AAC5C,MAAI,QACF,SAAQ,EAAE;AAEZ,cAAY,KAAK;IAEnB,CAAC,SAAS,YAAY,CACvB;CAED,MAAM,aAAa,MAAA,QAAM,aACtB,MAA6C;AAC5C,MAAI,OACF,QAAO,EAAE;AAEX,cAAY,MAAM;IAEpB,CAAC,QAAQ,YAAY,CACtB;CAED,MAAM,EAAE,OAAO,eAAe,MAAM,aAAa,iBAAA,eAAe,SAAS,OAAO;CAChF,MAAM,mBAAmB;EAAE,GAAG;EAAe,IAAA,GAAA,yBAAA,kBAAoB,SAAS;EAAE;CAE5E,MAAM,EAAE,OAAO,WAAW,SAAS,iBAAA,eAAe,KAAK,OAAO;CAC9D,MAAM,eAAe;EAAE,GAAG;EAAW,GAAG;EAAO,IAAA,GAAA,yBAAA,kBAAoB,KAAK;EAAE;CAE1E,MAAM,uBAAuB,6BAAA,sBAAsB;EAAE;EAAO;EAAU,CAAC;CACvE,MAAM,sBAAsB,6BAAA,qBAAqB;EAC/C;EACA;EACA;EACA;EACA,cAAc;EACf,CAAC;AAEF,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,OAAO;YAAZ,CACG,SACC,iBAAA,GAAA,kBAAA,KAAC,sBAAA,cAAD;GAAc,SAAS;GAAc,SAAS;GAAI,KAAK,EAAE,SAAS,SAAS;aACxE;GACY,CAAA,EAEjB,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAW;aAAhB,CACE,iBAAA,GAAA,kBAAA,KAAC,YAAD;IACM;IACJ,KAAK;IACL,WAAW,GAAG,oBAAoB,GAAG,aAAa,KAAK,MAAM;IAC7D,OAAO;IACG;IACV,SAAS;IACT,QAAQ;IACR,GAAI;IACJ,CAAA,EACD,mBAAmB,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAA;cAAiC;IAAmB,CAAA,CACzE;KACF;;EAGX;AAED,gBAAgB,cAAc"}

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

@@ -1,11 +1,46 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
 ;/* empty css                                      */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var styledTextareaRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "q2igaw1 q2igaw0", variantClassNames: { variant: { ghost: "q2igaw2" }, state: { invalid: "q2igaw3" }, cursor: { "default": "q2igaw4", text: "q2igaw5" }, resize: { none: "q2igaw6", both: "q2igaw7", vertical: "q2igaw8", horizontal: "q2igaw9" }, endAdornment: { true: "q2igawa" } }, defaultVariants: { cursor: "default", resize: "both" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "q2igawb"]] });
-var textareaWrapperRecipe = createRuntimeFn.createRuntimeFn({ defaultClassName: "q2igawd q2igawc", variantClassNames: { disabled: { true: "q2igawe" }, state: { invalid: "q2igawf" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+let _vanilla_extract_recipes_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+//#region components/Textarea/Textarea.vanilla.css.ts
+var styledTextareaRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "q2igaw1 q2igaw0",
+	variantClassNames: {
+		variant: { ghost: "q2igaw2" },
+		state: { invalid: "q2igaw3" },
+		cursor: {
+			"default": "q2igaw4",
+			text: "q2igaw5"
+		},
+		resize: {
+			none: "q2igaw6",
+			both: "q2igaw7",
+			vertical: "q2igaw8",
+			horizontal: "q2igaw9"
+		},
+		endAdornment: { true: "q2igawa" }
+	},
+	defaultVariants: {
+		cursor: "default",
+		resize: "both"
+	},
+	compoundVariants: [[{
+		variant: "ghost",
+		state: "invalid"
+	}, "q2igawb"]]
+});
+var textareaWrapperRecipe = (0, _vanilla_extract_recipes_createRuntimeFn.createRuntimeFn)({
+	defaultClassName: "q2igawd q2igawc",
+	variantClassNames: {
+		disabled: { true: "q2igawe" },
+		state: { invalid: "q2igawf" }
+	},
+	defaultVariants: { disabled: false },
+	compoundVariants: []
+});
 var adornmentWrapperEnd = "q2igawg";
+//#endregion
 exports.adornmentWrapperEnd = adornmentWrapperEnd;
 exports.styledTextareaRecipe = styledTextareaRecipe;
 exports.textareaWrapperRecipe = textareaWrapperRecipe;
-//# sourceMappingURL=Textarea.vanilla.css.cjs.map
+
+//# sourceMappingURL=Textarea.vanilla.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.vanilla.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"Textarea.vanilla.css.cjs","names":[],"sources":["../../../components/Textarea/Textarea.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 styledTextareaBase = style({\n  // Reset\n  appearance: 'none',\n  overflow: 'auto',\n  borderWidth: '0',\n  boxSizing: 'border-box',\n  fontFamily: tokens.fonts.rubik,\n  margin: '0',\n  outline: 'none',\n  WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n\n  // Custom\n  padding: tokens.space['3'],\n  position: 'relative',\n  flexGrow: 1,\n  backgroundColor: 'transparent',\n  borderRadius: 'inherit',\n  boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaBorder}`,\n  color: tokens.colors.textareaText,\n  fontVariantNumeric: 'tabular-nums',\n  transition: 'box-shadow .1s ease-in-out',\n\n  selectors: {\n    '&:-webkit-autofill, &:autofill': {\n      boxShadow: `inset 0 0 0 1px ${tokens.colors.textareaBorder}, inset 0 0 0 100px ${tokens.colors.textareaBg}`,\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.textareaFocusBorder}, ${FOCUS_SHADOW}`,\n    },\n    '&::placeholder': {\n      color: tokens.colors.textareaPlaceholder,\n    },\n    '&:read-only:not(:disabled)': {\n      boxShadow: 'none',\n    },\n    '&:disabled': {\n      pointerEvents: 'none',\n      opacity: '0.7',\n      color: tokens.colors.textareaDisabledText,\n    },\n  },\n});\n\nexport const styledTextareaRecipe = recipe({\n  base: styledTextareaBase,\n  variants: {\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.textareaInvalidBorder}`,\n        selectors: {\n          '&:focus-visible': {\n            boxShadow: `inset 0 0 0 2px ${tokens.colors.textareaInvalidBorder}, ${FOCUS_SHADOW}`,\n          },\n        },\n        '@media': {\n          [breakpoints.hover]: {\n            selectors: {\n              '&:hover::after': {\n                backgroundColor: tokens.colors.textareaInvalidBorder,\n              },\n            },\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    resize: {\n      none: {\n        resize: 'none',\n      },\n      both: {\n        resize: 'both',\n      },\n      vertical: {\n        resize: 'vertical',\n      },\n      horizontal: {\n        resize: 'horizontal',\n      },\n    },\n    endAdornment: {\n      true: {\n        paddingBottom: tokens.space['5'],\n        paddingRight: tokens.space['5'],\n      },\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.textareaInvalidBorder}`,\n      },\n    },\n  ],\n  defaultVariants: {\n    cursor: 'default',\n    resize: 'both',\n  },\n});\n\nconst textareaWrapperBase = style({\n  // Reset\n  outline: 'none',\n  lineHeight: 0,\n\n  position: 'relative',\n  display: 'inline-flex',\n  backgroundColor: tokens.colors.textareaBg,\n  color: tokens.colors.textareaPlaceholder,\n  borderRadius: tokens.radii['3'],\n\n  selectors: {\n    '&::before': {\n      boxSizing: 'border-box',\n      borderRadius: 'inherit',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&::after': {\n      boxSizing: 'border-box',\n      borderRadius: 'inherit',\n      content: '\"\"',\n      position: 'absolute',\n      inset: '0',\n      pointerEvents: 'none',\n    },\n    '&:focus-visible::before': {\n      backgroundColor: tokens.colors.textareaFocusBg,\n    },\n    '&:focus-visible::after': {\n      backgroundColor: tokens.colors.primary,\n      opacity: '0.15',\n    },\n  },\n  '@media': {\n    [breakpoints.hover]: {\n      selectors: {\n        '&:hover::before': {\n          backgroundColor: tokens.colors.textareaHoverBg,\n        },\n        '&:hover::after': {\n          backgroundColor: tokens.colors.primary,\n          opacity: '0.05',\n        },\n      },\n    },\n  },\n});\n\nexport const textareaWrapperRecipe = recipe({\n  base: textareaWrapperBase,\n  variants: {\n    disabled: {\n      true: {\n        opacity: '0.7',\n        color: tokens.colors.textareaDisabledText,\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.textareaInvalidBorder,\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    disabled: false,\n  },\n});\n\nexport const adornmentWrapperEnd = style({\n  position: 'absolute',\n  bottom: tokens.space['2'],\n  right: tokens.space['3'],\n  minWidth: tokens.sizes['5'],\n  minHeight: tokens.sizes['5'],\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n});\n"],"mappings":""}

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

@@ -1,11 +1,43 @@
 /* empty css                                    */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var styledTextareaRecipe = createRuntimeFn({ defaultClassName: "q2igaw1 q2igaw0", variantClassNames: { variant: { ghost: "q2igaw2" }, state: { invalid: "q2igaw3" }, cursor: { "default": "q2igaw4", text: "q2igaw5" }, resize: { none: "q2igaw6", both: "q2igaw7", vertical: "q2igaw8", horizontal: "q2igaw9" }, endAdornment: { true: "q2igawa" } }, defaultVariants: { cursor: "default", resize: "both" }, compoundVariants: [[{ variant: "ghost", state: "invalid" }, "q2igawb"]] });
-var textareaWrapperRecipe = createRuntimeFn({ defaultClassName: "q2igawd q2igawc", variantClassNames: { disabled: { true: "q2igawe" }, state: { invalid: "q2igawf" } }, defaultVariants: { disabled: false }, compoundVariants: [] });
+//#region components/Textarea/Textarea.vanilla.css.ts
+var styledTextareaRecipe = createRuntimeFn({
+	defaultClassName: "q2igaw1 q2igaw0",
+	variantClassNames: {
+		variant: { ghost: "q2igaw2" },
+		state: { invalid: "q2igaw3" },
+		cursor: {
+			"default": "q2igaw4",
+			text: "q2igaw5"
+		},
+		resize: {
+			none: "q2igaw6",
+			both: "q2igaw7",
+			vertical: "q2igaw8",
+			horizontal: "q2igaw9"
+		},
+		endAdornment: { true: "q2igawa" }
+	},
+	defaultVariants: {
+		cursor: "default",
+		resize: "both"
+	},
+	compoundVariants: [[{
+		variant: "ghost",
+		state: "invalid"
+	}, "q2igawb"]]
+});
+var textareaWrapperRecipe = createRuntimeFn({
+	defaultClassName: "q2igawd q2igawc",
+	variantClassNames: {
+		disabled: { true: "q2igawe" },
+		state: { invalid: "q2igawf" }
+	},
+	defaultVariants: { disabled: false },
+	compoundVariants: []
+});
 var adornmentWrapperEnd = "q2igawg";
-export {
-  adornmentWrapperEnd,
-  styledTextareaRecipe,
-  textareaWrapperRecipe
-};
-//# sourceMappingURL=Textarea.vanilla.css.js.map
+//#endregion
+export { adornmentWrapperEnd, styledTextareaRecipe, textareaWrapperRecipe };
+
+//# sourceMappingURL=Textarea.vanilla.css.js.map