@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Text/Text.js

@@ -1,129 +1,67 @@
 import { styled } from "../../stitches.config.js";
-const Text = styled("span", {
-  // Reset
-  lineHeight: "1",
-  margin: "0",
-  fontFamily: "$rubik",
-  fontVariantNumeric: "tabular-nums",
-  display: "inline-block",
-  variants: {
-    size: {
-      "0": {
-        fontSize: "$0"
-      },
-      "1": {
-        fontSize: "$1"
-      },
-      "2": {
-        fontSize: "$2"
-      },
-      "3": {
-        fontSize: "$3"
-      },
-      "4": {
-        fontSize: "$4"
-      },
-      "5": {
-        fontSize: "$5"
-      },
-      "6": {
-        fontSize: "$6"
-      },
-      "7": {
-        fontSize: "$7"
-      },
-      "8": {
-        fontSize: "$8"
-      },
-      "9": {
-        fontSize: "$9"
-      },
-      "10": {
-        fontSize: "$10"
-      },
-      "11": {
-        fontSize: "$11"
-      },
-      "12": {
-        fontSize: "$12"
-      },
-      inherit: {
-        fontSize: "inherit"
-      }
-    },
-    weight: {
-      light: {
-        fontWeight: "$light"
-      },
-      regular: {
-        fontWeight: "$regular"
-      },
-      medium: {
-        fontWeight: "$medium"
-      },
-      semiBold: {
-        fontWeight: "$semiBold"
-      },
-      bold: {
-        fontWeight: "$bold"
-      }
-    },
-    variant: {
-      red: {
-        color: "$textRed"
-      },
-      subtle: {
-        color: "$textSubtle"
-      },
-      default: {
-        color: "$textDefault"
-      },
-      contrast: {
-        color: "$textContrast"
-      },
-      inherit: {
-        color: "inherit"
-      },
-      invalid: {
-        color: "$textInvalid"
-      }
-    },
-    gradient: {
-      true: {
-        WebkitBackgroundClip: "text",
-        WebkitTextFillColor: "transparent"
-      }
-    },
-    transform: {
-      uppercase: {
-        textTransform: "uppercase"
-      },
-      capitalize: {
-        // WARNING: this will only work with block elements (display block/inline-block)
-        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter
-        display: "inline-block",
-        "&::first-letter": {
-          textTransform: "uppercase"
-        }
-      },
-      capitalizeWords: {
-        textTransform: "capitalize"
-      }
-    },
-    noWrap: {
-      true: {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "3",
-    variant: "default"
-  }
+//#region components/Text/Text.tsx
+var Text = styled("span", {
+	lineHeight: "1",
+	margin: "0",
+	fontFamily: "$rubik",
+	fontVariantNumeric: "tabular-nums",
+	display: "inline-block",
+	variants: {
+		size: {
+			"0": { fontSize: "$0" },
+			"1": { fontSize: "$1" },
+			"2": { fontSize: "$2" },
+			"3": { fontSize: "$3" },
+			"4": { fontSize: "$4" },
+			"5": { fontSize: "$5" },
+			"6": { fontSize: "$6" },
+			"7": { fontSize: "$7" },
+			"8": { fontSize: "$8" },
+			"9": { fontSize: "$9" },
+			"10": { fontSize: "$10" },
+			"11": { fontSize: "$11" },
+			"12": { fontSize: "$12" },
+			inherit: { fontSize: "inherit" }
+		},
+		weight: {
+			light: { fontWeight: "$light" },
+			regular: { fontWeight: "$regular" },
+			medium: { fontWeight: "$medium" },
+			semiBold: { fontWeight: "$semiBold" },
+			bold: { fontWeight: "$bold" }
+		},
+		variant: {
+			red: { color: "$textRed" },
+			subtle: { color: "$textSubtle" },
+			default: { color: "$textDefault" },
+			contrast: { color: "$textContrast" },
+			inherit: { color: "inherit" },
+			invalid: { color: "$textInvalid" }
+		},
+		gradient: { true: {
+			WebkitBackgroundClip: "text",
+			WebkitTextFillColor: "transparent"
+		} },
+		transform: {
+			uppercase: { textTransform: "uppercase" },
+			capitalize: {
+				display: "inline-block",
+				"&::first-letter": { textTransform: "uppercase" }
+			},
+			capitalizeWords: { textTransform: "capitalize" }
+		},
+		noWrap: { true: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		} }
+	},
+	defaultVariants: {
+		size: "3",
+		variant: "default"
+	}
 });
-export {
-  Text
-};
-//# sourceMappingURL=Text.js.map
+//#endregion
+export { Text };
+
+//# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../components/Text/Text.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const Text = styled('span', {\n  // Reset\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n\n  variants: {\n    size: {\n      '0': {\n        fontSize: '$0',\n      },\n      '1': {\n        fontSize: '$1',\n      },\n      '2': {\n        fontSize: '$2',\n      },\n      '3': {\n        fontSize: '$3',\n      },\n      '4': {\n        fontSize: '$4',\n      },\n      '5': {\n        fontSize: '$5',\n      },\n      '6': {\n        fontSize: '$6',\n      },\n      '7': {\n        fontSize: '$7',\n      },\n      '8': {\n        fontSize: '$8',\n      },\n      '9': {\n        fontSize: '$9',\n      },\n      '10': {\n        fontSize: '$10',\n      },\n      '11': {\n        fontSize: '$11',\n      },\n      '12': {\n        fontSize: '$12',\n      },\n      inherit: {\n        fontSize: 'inherit',\n      },\n    },\n    weight: {\n      light: {\n        fontWeight: '$light',\n      },\n      regular: {\n        fontWeight: '$regular',\n      },\n      medium: {\n        fontWeight: '$medium',\n      },\n      semiBold: {\n        fontWeight: '$semiBold',\n      },\n      bold: {\n        fontWeight: '$bold',\n      },\n    },\n    variant: {\n      red: {\n        color: '$textRed',\n      },\n      subtle: {\n        color: '$textSubtle',\n      },\n      default: {\n        color: '$textDefault',\n      },\n      contrast: {\n        color: '$textContrast',\n      },\n      inherit: {\n        color: 'inherit',\n      },\n      invalid: {\n        color: '$textInvalid',\n      },\n    },\n    gradient: {\n      true: {\n        WebkitBackgroundClip: 'text',\n        WebkitTextFillColor: 'transparent',\n      },\n    },\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'inline-block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n    noWrap: {\n      true: {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '3',\n    variant: 'default',\n  },\n});\n\nexport type TextVariants = VariantProps<typeof Text>;\nexport type TextProps = TextVariants & { css?: CSS };\n"],"names":[],"mappings":";AAEO,MAAM,OAAO,OAAO,QAAQ;AAAA;AAAA,EAEjC,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,SAAS;AAAA,EAET,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,KAAK;AAAA,QACH,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,MAAM;AAAA,QACJ,UAAU;AAAA,MAAA;AAAA,MAEZ,SAAS;AAAA,QACP,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,YAAY;AAAA,MAAA;AAAA,MAEd,SAAS;AAAA,QACP,YAAY;AAAA,MAAA;AAAA,MAEd,QAAQ;AAAA,QACN,YAAY;AAAA,MAAA;AAAA,MAEd,UAAU;AAAA,QACR,YAAY;AAAA,MAAA;AAAA,MAEd,MAAM;AAAA,QACJ,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,SAAS;AAAA,MACP,KAAK;AAAA,QACH,OAAO;AAAA,MAAA;AAAA,MAET,QAAQ;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,MAET,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,sBAAsB;AAAA,QACtB,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,WAAW;AAAA,MACT,WAAW;AAAA,QACT,eAAe;AAAA,MAAA;AAAA,MAEjB,YAAY;AAAA;AAAA;AAAA,QAGV,SAAS;AAAA,QACT,mBAAmB;AAAA,UACjB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAEF,iBAAiB;AAAA,QACf,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,IAEF,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../components/Text/Text.tsx"],"sourcesContent":["import { CSS, styled, VariantProps } from '../../stitches.config';\n\nexport const Text = styled('span', {\n  // Reset\n  lineHeight: '1',\n  margin: '0',\n  fontFamily: '$rubik',\n  fontVariantNumeric: 'tabular-nums',\n  display: 'inline-block',\n\n  variants: {\n    size: {\n      '0': {\n        fontSize: '$0',\n      },\n      '1': {\n        fontSize: '$1',\n      },\n      '2': {\n        fontSize: '$2',\n      },\n      '3': {\n        fontSize: '$3',\n      },\n      '4': {\n        fontSize: '$4',\n      },\n      '5': {\n        fontSize: '$5',\n      },\n      '6': {\n        fontSize: '$6',\n      },\n      '7': {\n        fontSize: '$7',\n      },\n      '8': {\n        fontSize: '$8',\n      },\n      '9': {\n        fontSize: '$9',\n      },\n      '10': {\n        fontSize: '$10',\n      },\n      '11': {\n        fontSize: '$11',\n      },\n      '12': {\n        fontSize: '$12',\n      },\n      inherit: {\n        fontSize: 'inherit',\n      },\n    },\n    weight: {\n      light: {\n        fontWeight: '$light',\n      },\n      regular: {\n        fontWeight: '$regular',\n      },\n      medium: {\n        fontWeight: '$medium',\n      },\n      semiBold: {\n        fontWeight: '$semiBold',\n      },\n      bold: {\n        fontWeight: '$bold',\n      },\n    },\n    variant: {\n      red: {\n        color: '$textRed',\n      },\n      subtle: {\n        color: '$textSubtle',\n      },\n      default: {\n        color: '$textDefault',\n      },\n      contrast: {\n        color: '$textContrast',\n      },\n      inherit: {\n        color: 'inherit',\n      },\n      invalid: {\n        color: '$textInvalid',\n      },\n    },\n    gradient: {\n      true: {\n        WebkitBackgroundClip: 'text',\n        WebkitTextFillColor: 'transparent',\n      },\n    },\n    transform: {\n      uppercase: {\n        textTransform: 'uppercase',\n      },\n      capitalize: {\n        // WARNING: this will only work with block elements (display block/inline-block)\n        // @see https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter\n        display: 'inline-block',\n        '&::first-letter': {\n          textTransform: 'uppercase',\n        },\n      },\n      capitalizeWords: {\n        textTransform: 'capitalize',\n      },\n    },\n    noWrap: {\n      true: {\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n    },\n  },\n  defaultVariants: {\n    size: '3',\n    variant: 'default',\n  },\n});\n\nexport type TextVariants = VariantProps<typeof Text>;\nexport type TextProps = TextVariants & { css?: CSS };\n"],"mappings":";;AAEA,IAAa,OAAO,OAAO,QAAQ;CAEjC,YAAY;CACZ,QAAQ;CACR,YAAY;CACZ,oBAAoB;CACpB,SAAS;CAET,UAAU;EACR,MAAM;GACJ,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,KAAK,EACH,UAAU,MACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,MAAM,EACJ,UAAU,OACX;GACD,SAAS,EACP,UAAU,WACX;GACF;EACD,QAAQ;GACN,OAAO,EACL,YAAY,UACb;GACD,SAAS,EACP,YAAY,YACb;GACD,QAAQ,EACN,YAAY,WACb;GACD,UAAU,EACR,YAAY,aACb;GACD,MAAM,EACJ,YAAY,SACb;GACF;EACD,SAAS;GACP,KAAK,EACH,OAAO,YACR;GACD,QAAQ,EACN,OAAO,eACR;GACD,SAAS,EACP,OAAO,gBACR;GACD,UAAU,EACR,OAAO,iBACR;GACD,SAAS,EACP,OAAO,WACR;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,UAAU,EACR,MAAM;GACJ,sBAAsB;GACtB,qBAAqB;GACtB,EACF;EACD,WAAW;GACT,WAAW,EACT,eAAe,aAChB;GACD,YAAY;IAGV,SAAS;IACT,mBAAmB,EACjB,eAAe,aAChB;IACF;GACD,iBAAiB,EACf,eAAe,cAChB;GACF;EACD,QAAQ,EACN,MAAM;GACJ,UAAU;GACV,cAAc;GACd,YAAY;GACb,EACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/components/Text/Text.themes.cjs

@@ -1,21 +1,30 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("tinycolor2");
-exports.Theme = void 0;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    textSubtle: tinycolor("black").setAlpha(0.51).toHslString(),
-    textDefault: tinycolor("black").setAlpha(0.74).toHslString(),
-    textContrast: "black",
-    textInvalid: "$red9",
-    textRed: "$red10"
-  });
-  Theme2.getDark = () => ({
-    textSubtle: tinycolor("white").setAlpha(0.51).toHslString(),
-    textDefault: tinycolor("white").setAlpha(0.74).toHslString(),
-    textContrast: "white",
-    textInvalid: "$red9",
-    textRed: "$red10"
-  });
-})(exports.Theme || (exports.Theme = {}));
-//# sourceMappingURL=Text.themes.cjs.map
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let tinycolor2 = require("tinycolor2");
+tinycolor2 = require_runtime.__toESM(tinycolor2, 1);
+//#region components/Text/Text.themes.ts
+var Theme;
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		textSubtle: (0, tinycolor2.default)("black").setAlpha(.51).toHslString(),
+		textDefault: (0, tinycolor2.default)("black").setAlpha(.74).toHslString(),
+		textContrast: "black",
+		textInvalid: "$red9",
+		textRed: "$red10"
+	});
+	_Theme.getDark = () => ({
+		textSubtle: (0, tinycolor2.default)("white").setAlpha(.51).toHslString(),
+		textDefault: (0, tinycolor2.default)("white").setAlpha(.74).toHslString(),
+		textContrast: "white",
+		textInvalid: "$red9",
+		textRed: "$red10"
+	});
+})(Theme || (Theme = {}));
+//#endregion
+Object.defineProperty(exports, "Theme", {
+	enumerable: true,
+	get: function() {
+		return Theme;
+	}
+});
+
+//# sourceMappingURL=Text.themes.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.themes.cjs","sources":["../../../components/Text/Text.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  type Colors = {\n    textSubtle: Property.Color;\n    textDefault: Property.Color;\n    textContrast: Property.Color;\n    textInvalid: Property.Color;\n    textRed: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    textSubtle: tinycolor('black').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n    textContrast: 'black',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n\n  export const getDark: Factory = () => ({\n    textSubtle: tinycolor('white').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n    textContrast: 'white',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n}\n"],"names":["Theme"],"mappings":";;;AAKiBA,QAAAA,QAAAA;AAAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,YAAY,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC9C,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAGEA,SAAA,UAAmB,OAAO;AAAA,IACrC,YAAY,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC9C,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AACX,GAzBeA,QAAAA,UAAAA,gBAAA,CAAA,EAAA;"}
+{"version":3,"file":"Text.themes.cjs","names":[],"sources":["../../../components/Text/Text.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  type Colors = {\n    textSubtle: Property.Color;\n    textDefault: Property.Color;\n    textContrast: Property.Color;\n    textInvalid: Property.Color;\n    textRed: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    textSubtle: tinycolor('black').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n    textContrast: 'black',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n\n  export const getDark: Factory = () => ({\n    textSubtle: tinycolor('white').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n    textContrast: 'white',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n}\n"],"mappings":";;;;AAKO,IAAA;;AAWQ,QAAA,kBAA2B;EACtC,aAAA,GAAA,WAAA,SAAsB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC3D,cAAA,GAAA,WAAA,SAAuB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC5D,cAAc;EACd,aAAa;EACb,SAAS;EACV;AAEY,QAAA,iBAA0B;EACrC,aAAA,GAAA,WAAA,SAAsB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC3D,cAAA,GAAA,WAAA,SAAuB,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC5D,cAAc;EACd,aAAa;EACb,SAAS;EACV;yBACF"}

package/dist/components/Text/Text.themes.js

@@ -1,22 +1,23 @@
 import tinycolor from "tinycolor2";
+//#region components/Text/Text.themes.ts
 var Theme;
-((Theme2) => {
-  Theme2.getLight = () => ({
-    textSubtle: tinycolor("black").setAlpha(0.51).toHslString(),
-    textDefault: tinycolor("black").setAlpha(0.74).toHslString(),
-    textContrast: "black",
-    textInvalid: "$red9",
-    textRed: "$red10"
-  });
-  Theme2.getDark = () => ({
-    textSubtle: tinycolor("white").setAlpha(0.51).toHslString(),
-    textDefault: tinycolor("white").setAlpha(0.74).toHslString(),
-    textContrast: "white",
-    textInvalid: "$red9",
-    textRed: "$red10"
-  });
+(function(_Theme) {
+	_Theme.getLight = () => ({
+		textSubtle: tinycolor("black").setAlpha(.51).toHslString(),
+		textDefault: tinycolor("black").setAlpha(.74).toHslString(),
+		textContrast: "black",
+		textInvalid: "$red9",
+		textRed: "$red10"
+	});
+	_Theme.getDark = () => ({
+		textSubtle: tinycolor("white").setAlpha(.51).toHslString(),
+		textDefault: tinycolor("white").setAlpha(.74).toHslString(),
+		textContrast: "white",
+		textInvalid: "$red9",
+		textRed: "$red10"
+	});
 })(Theme || (Theme = {}));
-export {
-  Theme
-};
-//# sourceMappingURL=Text.themes.js.map
+//#endregion
+export { Theme };
+
+//# sourceMappingURL=Text.themes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.themes.js","sources":["../../../components/Text/Text.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  type Colors = {\n    textSubtle: Property.Color;\n    textDefault: Property.Color;\n    textContrast: Property.Color;\n    textInvalid: Property.Color;\n    textRed: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    textSubtle: tinycolor('black').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n    textContrast: 'black',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n\n  export const getDark: Factory = () => ({\n    textSubtle: tinycolor('white').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n    textContrast: 'white',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAWQA,SAAA,WAAoB,OAAO;AAAA,IACtC,YAAY,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC9C,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AAGEA,SAAA,UAAmB,OAAO;AAAA,IACrC,YAAY,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC9C,aAAa,UAAU,OAAO,EAAE,SAAS,IAAI,EAAE,YAAA;AAAA,IAC/C,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,EAAA;AACX,GAzBe,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Text.themes.js","names":[],"sources":["../../../components/Text/Text.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  type Colors = {\n    textSubtle: Property.Color;\n    textDefault: Property.Color;\n    textContrast: Property.Color;\n    textInvalid: Property.Color;\n    textRed: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = () => ({\n    textSubtle: tinycolor('black').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('black').setAlpha(0.74).toHslString(),\n    textContrast: 'black',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n\n  export const getDark: Factory = () => ({\n    textSubtle: tinycolor('white').setAlpha(0.51).toHslString(),\n    textDefault: tinycolor('white').setAlpha(0.74).toHslString(),\n    textContrast: 'white',\n    textInvalid: '$red9',\n    textRed: '$red10',\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAWQ,QAAA,kBAA2B;EACtC,YAAY,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC3D,aAAa,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC5D,cAAc;EACd,aAAa;EACb,SAAS;EACV;AAEY,QAAA,iBAA0B;EACrC,YAAY,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC3D,aAAa,UAAU,QAAQ,CAAC,SAAS,IAAK,CAAC,aAAa;EAC5D,cAAc;EACd,aAAa;EACb,SAAS;EACV;yBACF"}

package/dist/components/TextField/TextField.cjs

@@ -1,167 +1,127 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactIcons = require("@radix-ui/react-icons");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Box = require("../Box/Box.cjs");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
-const Label = require("../Label/Label.cjs");
-const Input = require("../Input/Input.cjs");
-const AdornmentGroup = stitches_config.styled("div", {
-  display: "flex",
-  flexDirection: "row",
-  alignItems: "center"
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Label = require("../Label/Label.cjs");
+const require_Input = require("../Input/Input.cjs");
+const require_Tooltip = require("../Tooltip/Tooltip.cjs");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/TextField/TextField.tsx
+var AdornmentGroup = require_stitches_config.styled("div", {
+	display: "flex",
+	flexDirection: "row",
+	alignItems: "center"
 });
-const StyledExclamationTriangleIcon = stitches_config.styled(reactIcons.ExclamationTriangleIcon, {
-  "& + *": {
-    marginLeft: "$1"
-  }
+var StyledExclamationTriangleIcon = require_stitches_config.styled(_radix_ui_react_icons.ExclamationTriangleIcon, { "& + *": { marginLeft: "$1" } });
+var StyledEyeOpenIcon = require_stitches_config.styled(_radix_ui_react_icons.EyeOpenIcon, { "@hover": { "&:hover": { cursor: "pointer" } } });
+var StyledEyeClosedIcon = require_stitches_config.styled(_radix_ui_react_icons.EyeClosedIcon, { "@hover": { "&:hover": { cursor: "pointer" } } });
+var StyledCrossCircledIcon = require_stitches_config.styled(_radix_ui_react_icons.CrossCircledIcon, { "@hover": { "&:hover": { cursor: "pointer" } } });
+var TextField = react.default.forwardRef(({ state, clearable, label: LabelOrComponent, id, type, disabled, readOnly, onBlur, onFocus, css, ...props }, forwardedRef) => {
+	const inputRef = react.default.useRef(null);
+	react.default.useImperativeHandle(forwardedRef, () => inputRef.current);
+	const [inputHasFocus, setInputHasFocus] = react.default.useState(false);
+	const [innerType, setInnerType] = react.default.useState(type);
+	const isPasswordVisible = react.default.useMemo(() => innerType !== "password", [innerType]);
+	const invalid = react.default.useMemo(() => state === "invalid", [state]);
+	const labelVariant = react.default.useMemo(() => {
+		if (disabled) return "subtle";
+		if (invalid) return "invalid";
+		if (inputHasFocus) return "contrast";
+		return "default";
+	}, [
+		invalid,
+		disabled,
+		inputHasFocus
+	]);
+	const LabelNode = react.default.useMemo(() => {
+		if (LabelOrComponent === void 0 || LabelOrComponent === null) return null;
+		if (typeof LabelOrComponent === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Label.Label, {
+			variant: labelVariant,
+			htmlFor: id,
+			children: LabelOrComponent
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LabelOrComponent, {
+			variant: labelVariant,
+			htmlFor: id
+		});
+	}, [
+		LabelOrComponent,
+		labelVariant,
+		id
+	]);
+	const isPasswordType = react.default.useMemo(() => type === "password", [type]);
+	const typeOrInnerType = react.default.useMemo(() => isPasswordType ? innerType : type, [
+		isPasswordType,
+		type,
+		innerType
+	]);
+	const hasInnerAdornment = react.default.useMemo(() => clearable || isPasswordType || invalid, [
+		clearable,
+		isPasswordType,
+		invalid
+	]);
+	const hasAdornmentGroup = react.default.useMemo(() => clearable && invalid || clearable && isPasswordType || invalid && isPasswordType, [
+		clearable,
+		invalid,
+		isPasswordType
+	]);
+	const clearDisabled = react.default.useMemo(() => readOnly || disabled, [readOnly, disabled]);
+	const handleClear = react.default.useCallback(() => {
+		const { current } = inputRef;
+		if (current) current.clear();
+	}, [inputRef]);
+	const handleFocus = react.default.useCallback((e) => {
+		if (onFocus) onFocus(e);
+		setInputHasFocus(true);
+	}, [onFocus, setInputHasFocus]);
+	const handleBlur = react.default.useCallback((e) => {
+		if (onBlur) onBlur(e);
+		setInputHasFocus(false);
+	}, [onBlur, setInputHasFocus]);
+	const togglePasswordVisibility = react.default.useCallback(() => {
+		setInnerType((prevInnerType) => prevInnerType === "password" ? void 0 : "password");
+	}, [setInnerType]);
+	const EndAdornmentWrapper = react.default.useMemo(() => hasAdornmentGroup ? AdornmentGroup : react.default.Fragment, [hasAdornmentGroup]);
+	const PasswordVisibilityToggleIcon = react.default.useMemo(() => isPasswordVisible ? StyledEyeClosedIcon : StyledEyeOpenIcon, [isPasswordVisible]);
+	const passwordAction = react.default.useMemo(() => isPasswordVisible ? "Hide password" : "Show password", [isPasswordVisible]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
+		css,
+		children: [LabelNode, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
+			id,
+			ref: inputRef,
+			endAdornment: hasInnerAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(EndAdornmentWrapper, { children: [
+				invalid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledExclamationTriangleIcon, {
+					role: "alert",
+					"aria-label": "Invalid"
+				}),
+				isPasswordType && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+					content: passwordAction,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordVisibilityToggleIcon, {
+						"aria-label": passwordAction,
+						onClick: togglePasswordVisibility
+					})
+				}),
+				clearable && !clearDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Tooltip.Tooltip, {
+					content: "Clear",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledCrossCircledIcon, {
+						"aria-label": "Clear",
+						onClick: handleClear
+					})
+				})
+			] }),
+			state,
+			type: typeOrInnerType,
+			disabled,
+			readOnly,
+			onFocus: handleFocus,
+			onBlur: handleBlur,
+			...props
+		})]
+	});
 });
-const StyledEyeOpenIcon = stitches_config.styled(reactIcons.EyeOpenIcon, {
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer"
-    }
-  }
-});
-const StyledEyeClosedIcon = stitches_config.styled(reactIcons.EyeClosedIcon, {
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer"
-    }
-  }
-});
-const StyledCrossCircledIcon = stitches_config.styled(reactIcons.CrossCircledIcon, {
-  "@hover": {
-    "&:hover": {
-      cursor: "pointer"
-    }
-  }
-});
-const TextField = React.forwardRef(
-  ({
-    state,
-    clearable,
-    label: LabelOrComponent,
-    id,
-    type,
-    disabled,
-    readOnly,
-    onBlur,
-    onFocus,
-    css,
-    ...props
-  }, forwardedRef) => {
-    const inputRef = React.useRef(null);
-    React.useImperativeHandle(forwardedRef, () => inputRef.current);
-    const [inputHasFocus, setInputHasFocus] = React.useState(false);
-    const [innerType, setInnerType] = React.useState(type);
-    const isPasswordVisible = React.useMemo(() => innerType !== "password", [innerType]);
-    const invalid = React.useMemo(() => state === "invalid", [state]);
-    const labelVariant = React.useMemo(() => {
-      if (disabled) {
-        return "subtle";
-      }
-      if (invalid) {
-        return "invalid";
-      }
-      if (inputHasFocus) {
-        return "contrast";
-      }
-      return "default";
-    }, [invalid, disabled, inputHasFocus]);
-    const LabelNode = React.useMemo(() => {
-      if (LabelOrComponent === void 0 || LabelOrComponent === null) {
-        return null;
-      }
-      if (typeof LabelOrComponent === "string") {
-        return /* @__PURE__ */ jsxRuntime.jsx(Label.Label, { variant: labelVariant, htmlFor: id, children: LabelOrComponent });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(LabelOrComponent, { variant: labelVariant, htmlFor: id });
-    }, [LabelOrComponent, labelVariant, id]);
-    const isPasswordType = React.useMemo(() => type === "password", [type]);
-    const typeOrInnerType = React.useMemo(
-      () => isPasswordType ? innerType : type,
-      [isPasswordType, type, innerType]
-    );
-    const hasInnerAdornment = React.useMemo(
-      () => clearable || isPasswordType || invalid,
-      [clearable, isPasswordType, invalid]
-    );
-    const hasAdornmentGroup = React.useMemo(
-      () => clearable && invalid || clearable && isPasswordType || invalid && isPasswordType,
-      [clearable, invalid, isPasswordType]
-    );
-    const clearDisabled = React.useMemo(() => readOnly || disabled, [readOnly, disabled]);
-    const handleClear = React.useCallback(() => {
-      const { current } = inputRef;
-      if (current) {
-        current.clear();
-      }
-    }, [inputRef]);
-    const handleFocus = React.useCallback(
-      (e) => {
-        if (onFocus) {
-          onFocus(e);
-        }
-        setInputHasFocus(true);
-      },
-      [onFocus, setInputHasFocus]
-    );
-    const handleBlur = React.useCallback(
-      (e) => {
-        if (onBlur) {
-          onBlur(e);
-        }
-        setInputHasFocus(false);
-      },
-      [onBlur, setInputHasFocus]
-    );
-    const togglePasswordVisibility = React.useCallback(() => {
-      setInnerType((prevInnerType) => prevInnerType === "password" ? void 0 : "password");
-    }, [setInnerType]);
-    const EndAdornmentWrapper = React.useMemo(
-      () => hasAdornmentGroup ? AdornmentGroup : React.Fragment,
-      [hasAdornmentGroup]
-    );
-    const PasswordVisibilityToggleIcon = React.useMemo(
-      () => isPasswordVisible ? StyledEyeClosedIcon : StyledEyeOpenIcon,
-      [isPasswordVisible]
-    );
-    const passwordAction = React.useMemo(
-      () => isPasswordVisible ? "Hide password" : "Show password",
-      [isPasswordVisible]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { css, children: [
-      LabelNode,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Input.Input,
-        {
-          id,
-          ref: inputRef,
-          endAdornment: hasInnerAdornment && /* @__PURE__ */ jsxRuntime.jsxs(EndAdornmentWrapper, { children: [
-            invalid && /* @__PURE__ */ jsxRuntime.jsx(StyledExclamationTriangleIcon, { role: "alert", "aria-label": "Invalid" }),
-            isPasswordType && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: passwordAction, children: /* @__PURE__ */ jsxRuntime.jsx(
-              PasswordVisibilityToggleIcon,
-              {
-                "aria-label": passwordAction,
-                onClick: togglePasswordVisibility
-              }
-            ) }),
-            clearable && !clearDisabled && /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { content: "Clear", children: /* @__PURE__ */ jsxRuntime.jsx(StyledCrossCircledIcon, { "aria-label": "Clear", onClick: handleClear }) })
-          ] }),
-          state,
-          type: typeOrInnerType,
-          disabled,
-          readOnly,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          ...props
-        }
-      )
-    ] });
-  }
-);
+//#endregion
 exports.TextField = TextField;
-//# sourceMappingURL=TextField.cjs.map
+
+//# sourceMappingURL=TextField.cjs.map