@max-ts/svelte 1.8.5 → 1.9.1

package/dist/components/Field/Title/styles.css.js

@@ -1,8 +1,18 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/Field/Title/styles.css.ts.vanilla-ClIiAxyc.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/Field/Title/styles.css.ts
-var __default__ = { root: "styles_root__9qi2jh0" };
-
+setFileScope("src/components/Field/Title/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { root: style({
+	display: "flex",
+	width: "fit-content",
+	alignItems: "center",
+	gap: theme.spacing[2],
+	fontSize: theme.fontSize.sm,
+	lineHeight: theme.lineHeight.snug,
+	fontWeight: theme.fontWeight.medium,
+	selectors: { "[data-slot=field][data-disabled=true] &": { opacity: .5 } }
+}, "root") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/Field/index.js

@@ -8,7 +8,6 @@ import Label_1 from "./Label/Label.js";
 import Legend from "./Legend/Legend.js";
 import Separator_1 from "./Separator/Separator.js";
 import Title from "./Title/Title.js";
-
 //#region src/components/Field/index.ts
 const Field = {
 	Item: Field$1,
@@ -22,6 +21,5 @@ const Field = {
 	Set: FieldSet,
 	Title
 };
-
 //#endregion
-export { Field };
+export { Field };

package/dist/components/Field/styles.css.js

@@ -1,12 +1,51 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/Field/styles.css.ts.vanilla-pJeVGP3o.css";
-
+import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style, styleVariants } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../theme.js";
 //#region src/components/Field/styles.css.ts
-var fieldVariants = {
-	vertical: "styles_base__1dmfjc20 styles_vertical__1dmfjc21",
-	horizontal: "styles_base__1dmfjc20 styles_horizontal__1dmfjc22",
-	responsive: "styles_base__1dmfjc20 styles_responsive__1dmfjc23"
-};
-
+setFileScope("src/components/Field/styles.css.ts", "@max-ts/svelte");
+const base = style({
+	display: "flex",
+	width: "100%",
+	gap: theme.spacing[3],
+	selectors: { "&[data-invalid=true]": { color: theme.colors.error } }
+}, "base");
+const vertical = style({ flexDirection: "column" }, "vertical");
+globalStyle(`${vertical} > *`, { width: "100%" });
+const horizontal = style({
+	flexDirection: "row",
+	alignItems: "center"
+}, "horizontal");
+globalStyle(`${horizontal} > [data-slot=field-label]`, { flex: "1 1 0%" });
+globalStyle(`${horizontal}:has(>[data-slot=field-content])`, { alignItems: "flex-start" });
+globalStyle(`${horizontal}:has(>[data-slot=field-content]) > [role=checkbox], ${horizontal}:has(>[data-slot=field-content]) > [role=radio]`, { marginTop: "1px" });
+const responsive = style({
+	flexDirection: "column",
+	"@media": { "(min-width: 768px)": {
+		flexDirection: "row",
+		alignItems: "center"
+	} }
+}, "responsive");
+globalStyle(`${responsive} > *`, {
+	width: "100%",
+	"@media": { "(min-width: 768px)": { width: "auto" } }
+});
+globalStyle(`${responsive} > [data-slot=field-label]`, {
+	width: "100%",
+	"@media": { "(min-width: 768px)": { flex: "1 1 0%" } }
+});
+globalStyle(`${responsive}:has(>[data-slot=field-content])`, {
+	width: "100%",
+	"@media": { "(min-width: 768px)": { alignItems: "flex-start" } }
+});
+globalStyle(`${responsive}:has(>[data-slot=field-content]) > [role=checkbox], ${responsive}:has(>[data-slot=field-content]) > [role=radio]`, {
+	width: "100%",
+	"@media": { "(min-width: 768px)": { marginTop: "1px" } }
+});
+const fieldVariants = styleVariants({
+	vertical: [base, vertical],
+	horizontal: [base, horizontal],
+	responsive: [base, responsive]
+}, "fieldVariants");
+endFileScope();
 //#endregion
-export { fieldVariants };
+export { fieldVariants };

package/dist/components/Input/Input.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/Input/Input.svelte
 var root_1 = $.from_html(`<input/>`);
 var root_2 = $.from_html(`<input/>`);
@@ -26,8 +25,8 @@ function Input($$anchor, $$props) {
 		$.attribute_effect(input, () => ({
 			"data-slot": dataSlot(),
 			class: [
-				__default__.fileInput,
-				__default__.sizes[size()],
+				styles_css_default.fileInput,
+				styles_css_default.sizes[size()],
 				$$props.class
 			],
 			type: "file",
@@ -43,8 +42,8 @@ function Input($$anchor, $$props) {
 		$.attribute_effect(input_1, () => ({
 			"data-slot": dataSlot(),
 			class: [
-				__default__.inputBase,
-				__default__.sizes[size()],
+				styles_css_default.inputBase,
+				styles_css_default.sizes[size()],
 				$$props.class
 			],
 			type: $$props.type,
@@ -56,11 +55,10 @@ function Input($$anchor, $$props) {
 	};
 	$.if(node, ($$render) => {
 		if ($$props.type === "file") $$render(consequent);
-		else $$render(alternate, false);
+		else $$render(alternate, -1);
 	});
 	$.append($$anchor, fragment);
 	$.pop();
 }
-
 //#endregion
-export { Input as default };
+export { Input as default };

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

@@ -1,16 +1,109 @@
-import "./../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../assets/src/components/Input/styles.css.ts.vanilla-OTgWCLQT.css";
-
+import { endFileScope, setFileScope } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style, styleVariants } from "../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../theme.js";
+import { spacing } from "../../utils.js";
 //#region src/components/Input/styles.css.ts
-var __default__ = {
-	inputBase: "styles_inputBase__1sj9q5k0",
-	sizes: {
-		small: "styles_sizes_small__1sj9q5k1",
-		medium: "styles_sizes_medium__1sj9q5k2",
-		large: "styles_sizes_large__1sj9q5k3"
+setFileScope("src/components/Input/styles.css.ts", "@max-ts/svelte");
+const inputBase = style({
+	backgroundColor: theme.colors.background.paper,
+	border: `1px solid ${theme.colors.border}`,
+	borderRadius: theme.radius.medium,
+	color: theme.colors.text.primary,
+	fontSize: theme.fontSize.base,
+	fontWeight: theme.fontWeight.normal,
+	lineHeight: theme.lineHeight.normal,
+	minWidth: 0,
+	transition: "color 0.2s, border-color 0.2s, box-shadow 0.2s",
+	outline: "none",
+	whiteSpace: "nowrap",
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	boxShadow: theme.shadow[1],
+	selectors: {
+		"&::placeholder": { color: theme.colors.text.hint },
+		"&:disabled": {
+			cursor: "not-allowed",
+			opacity: .5
+		},
+		"&:focus-visible": {
+			outline: "2px solid transparent",
+			outlineOffset: "2px",
+			boxShadow: theme.shadow[2],
+			borderColor: theme.colors.primary
+		},
+		"&[aria-invalid=\"true\"]": {
+			borderColor: theme.colors.error,
+			boxShadow: `0 0 0 3px ${theme.colors.error}20`
+		},
+		"&:hover:not(:disabled)": { borderColor: theme.colors.primary },
+		"&:selection": {
+			backgroundColor: theme.colors.primary,
+			color: theme.colors.foreground.primary
+		}
+	}
+}, "inputBase");
+const sizes = styleVariants({
+	small: {
+		padding: `0.125rem ${theme.spacing[2]}`,
+		height: "28px",
+		fontSize: theme.fontSize.sm
 	},
-	fileInput: "styles_fileInput__1sj9q5k4"
+	medium: {
+		padding: spacing(1, 3),
+		height: "36px",
+		fontSize: theme.fontSize.base
+	},
+	large: {
+		padding: spacing(2, 4),
+		height: "44px",
+		fontSize: theme.fontSize.lg
+	}
+}, "sizes");
+const fileInput = style({
+	backgroundColor: theme.colors.background.paper,
+	border: `1px solid ${theme.colors.border}`,
+	borderRadius: theme.radius.medium,
+	color: theme.colors.text.primary,
+	fontSize: theme.fontSize.base,
+	fontWeight: theme.fontWeight.medium,
+	width: "100%",
+	minWidth: 0,
+	transition: "color 0.2s, border-color 0.2s, box-shadow 0.2s",
+	outline: "none",
+	whiteSpace: "nowrap",
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+	"::selection": {
+		backgroundColor: theme.colors.primary,
+		color: theme.colors.foreground.primary
+	},
+	":focus-visible": {
+		outline: "2px solid transparent",
+		outlineOffset: "2px",
+		boxShadow: `0 0 0 3px ${theme.colors.primary}20`,
+		borderColor: theme.colors.primary
+	},
+	":disabled": {
+		cursor: "not-allowed",
+		opacity: .5
+	},
+	"::placeholder": { color: theme.colors.text.hint },
+	selectors: { "&[aria-invalid=\"true\"]": {
+		borderColor: theme.colors.error,
+		boxShadow: `0 0 0 3px ${theme.colors.error}20`
+	} }
+}, "fileInput");
+globalStyle(`${fileInput}::-webkit-file-upload-button`, {
+	cursor: "pointer",
+	backgroundColor: "transparent",
+	border: "none"
+});
+var styles_css_default = {
+	inputBase,
+	sizes,
+	fileInput
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/InputGroup/Addon/Addon.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/Addon/Addon.svelte
 var root = $.from_html(`<div><!></div>`);
 function Addon($$anchor, $$props) {
@@ -16,8 +15,8 @@ function Addon($$anchor, $$props) {
 		"align"
 	]);
 	const classNames = $.derived(() => [
-		__default__.addon,
-		__default__.align[align()],
+		styles_css_default.addon,
+		styles_css_default.align[align()],
 		$$props.class
 	]);
 	const focusControl = (element) => {
@@ -43,6 +42,5 @@ function Addon($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { Addon as default };
+export { Addon as default };

package/dist/components/InputGroup/Addon/styles.css.js

@@ -1,17 +1,63 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/InputGroup/Addon/styles.css.ts.vanilla-BZlnHdwv.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style, styleVariants } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/InputGroup/Addon/styles.css.ts
-var align = {
-	"inline-start": "styles_align_inline-start__12a78m01",
-	"inline-end": "styles_align_inline-end__12a78m02",
-	"block-start": "styles_align_block-start__12a78m03",
-	"block-end": "styles_align_block-end__12a78m04"
-};
-var __default__ = {
-	addon: "styles_addon__12a78m00",
+setFileScope("src/components/InputGroup/Addon/styles.css.ts", "@max-ts/svelte");
+const addon = style({
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: theme.spacing[2],
+	color: theme.colors.text.hint,
+	fontSize: theme.fontSize.sm,
+	fontWeight: theme.fontWeight.medium,
+	paddingBlock: theme.spacing[2],
+	paddingInline: theme.spacing[2],
+	cursor: "text",
+	userSelect: "none",
+	minHeight: theme.spacing[9]
+}, "addon");
+const align = styleVariants({
+	"inline-start": {
+		order: -1,
+		paddingInlineStart: theme.spacing[3]
+	},
+	"inline-end": {
+		order: 1,
+		paddingInlineEnd: theme.spacing[3]
+	},
+	"block-start": {
+		order: -1,
+		width: "100%",
+		justifyContent: "flex-start",
+		alignItems: "flex-start",
+		paddingInline: theme.spacing[3],
+		paddingBottom: theme.spacing[2],
+		borderBottom: `1px solid ${theme.colors.border}`,
+		minHeight: "auto"
+	},
+	"block-end": {
+		order: 1,
+		width: "100%",
+		justifyContent: "flex-start",
+		alignItems: "flex-end",
+		paddingInline: theme.spacing[3],
+		paddingTop: theme.spacing[2],
+		borderTop: `1px solid ${theme.colors.border}`,
+		minHeight: "auto"
+	}
+}, "align");
+globalStyle(`${addon} > svg`, { pointerEvents: "none" });
+globalStyle(`${addon} > svg:not([class*='size-'])`, {
+	width: "1rem",
+	height: "1rem"
+});
+globalStyle(`${addon} > kbd`, { borderRadius: `calc(${theme.radius.medium} - 4px)` });
+globalStyle(`[data-slot="input-group"][data-disabled="true"] ${addon}`, { opacity: .6 });
+var styles_css_default = {
+	addon,
 	align
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/InputGroup/Button/Button.js

@@ -1,8 +1,7 @@
 import Button from "../../Button/Button.js";
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/Button/Button.svelte
 function Button_1($$anchor, $$props) {
 	$.push($$props, true);
@@ -24,8 +23,8 @@ function Button_1($$anchor, $$props) {
 		"type"
 	]);
 	const classNames = $.derived(() => [
-		__default__.base,
-		__default__.sizes[size()],
+		styles_css_default.base,
+		styles_css_default.sizes[size()],
 		$$props.class
 	]);
 	Button($$anchor, $.spread_props({
@@ -58,6 +57,5 @@ function Button_1($$anchor, $$props) {
 	}));
 	$.pop();
 }
-
 //#endregion
-export { Button_1 as default };
+export { Button_1 as default };

package/dist/components/InputGroup/Button/styles.css.js

@@ -1,17 +1,49 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/InputGroup/Button/styles.css.ts.vanilla-CyEiw7bW.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style, styleVariants } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/InputGroup/Button/styles.css.ts
-var sizes = {
-	xs: "styles_sizes_xs__fq6481",
-	sm: "styles_sizes_sm__fq6482",
-	"icon-xs": "styles_sizes_icon-xs__fq6483",
-	"icon-sm": "styles_sizes_icon-sm__fq6484"
-};
-var __default__ = {
-	base: "styles_base__fq6480",
+setFileScope("src/components/InputGroup/Button/styles.css.ts", "@max-ts/svelte");
+const base = style({
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	gap: theme.spacing[1],
+	boxShadow: "none",
+	fontSize: theme.fontSize.sm
+}, "base");
+const sizes = styleVariants({
+	xs: {
+		height: theme.spacing[6],
+		paddingInline: theme.spacing[2],
+		borderRadius: theme.radius.small
+	},
+	sm: {
+		height: theme.spacing[8],
+		paddingInline: theme.spacing[3],
+		borderRadius: theme.radius.medium
+	},
+	"icon-xs": {
+		height: theme.spacing[6],
+		width: theme.spacing[6],
+		padding: 0,
+		borderRadius: theme.radius.small
+	},
+	"icon-sm": {
+		height: theme.spacing[8],
+		width: theme.spacing[8],
+		padding: 0,
+		borderRadius: theme.radius.medium
+	}
+}, "sizes");
+globalStyle(`${base} svg`, { pointerEvents: "none" });
+globalStyle(`${base} svg:not([class*='size-'])`, {
+	width: "1rem",
+	height: "1rem"
+});
+var styles_css_default = {
+	base,
 	sizes
 };
-
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/InputGroup/Input/Input.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/Input/Input.svelte
 var root = $.from_html(`<input/>`);
 function Input($$anchor, $$props) {
@@ -14,7 +13,7 @@ function Input($$anchor, $$props) {
 		"value",
 		"class"
 	]);
-	const classNames = $.derived(() => [__default__.control, $$props.class]);
+	const classNames = $.derived(() => [styles_css_default.control, $$props.class]);
 	var input = root();
 	$.attribute_effect(input, () => ({
 		"data-slot": "input-group-control",
@@ -26,6 +25,5 @@ function Input($$anchor, $$props) {
 	$.append($$anchor, input);
 	$.pop();
 }
-
 //#endregion
-export { Input as default };
+export { Input as default };

package/dist/components/InputGroup/Input/styles.css.js

@@ -1,8 +1,35 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/InputGroup/Input/styles.css.ts.vanilla-Dkc417RX.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/InputGroup/Input/styles.css.ts
-var __default__ = { control: "styles_control__1s24l5e0" };
-
+setFileScope("src/components/InputGroup/Input/styles.css.ts", "@max-ts/svelte");
+var styles_css_default = { control: style({
+	flex: 1,
+	width: "100%",
+	border: "none",
+	backgroundColor: "transparent",
+	color: theme.colors.text.primary,
+	fontSize: theme.fontSize.base,
+	lineHeight: theme.lineHeight.normal,
+	paddingInline: theme.spacing[3],
+	paddingBlock: theme.spacing[2],
+	minHeight: theme.spacing[9],
+	minWidth: 0,
+	boxShadow: "none",
+	borderRadius: 0,
+	appearance: "none",
+	selectors: {
+		"&:focus-visible": {
+			outline: "none",
+			boxShadow: "none"
+		},
+		"&::placeholder": { color: theme.colors.text.hint },
+		"&:disabled": {
+			opacity: .5,
+			cursor: "not-allowed"
+		}
+	}
+}, "control") };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/InputGroup/InputGroup.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/InputGroup.svelte
 var root = $.from_html(`<div><!></div>`);
 function InputGroup($$anchor, $$props) {
@@ -15,7 +14,7 @@ function InputGroup($$anchor, $$props) {
 		"children",
 		"disabled"
 	]);
-	const classNames = $.derived(() => [__default__.container, $$props.class]);
+	const classNames = $.derived(() => [styles_css_default.container, $$props.class]);
 	var div = root();
 	$.attribute_effect(div, () => ({
 		role: "group",
@@ -32,6 +31,5 @@ function InputGroup($$anchor, $$props) {
 	$.append($$anchor, div);
 	$.pop();
 }
-
 //#endregion
-export { InputGroup as default };
+export { InputGroup as default };

package/dist/components/InputGroup/Text/Text.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/Text/Text.svelte
 var root = $.from_html(`<span><!></span>`);
 function Text($$anchor, $$props) {
@@ -14,7 +13,7 @@ function Text($$anchor, $$props) {
 		"class",
 		"children"
 	]);
-	const classNames = $.derived(() => [__default__.text, $$props.class]);
+	const classNames = $.derived(() => [styles_css_default.text, $$props.class]);
 	var span = root();
 	$.attribute_effect(span, () => ({
 		class: $.get(classNames),
@@ -27,6 +26,5 @@ function Text($$anchor, $$props) {
 	$.append($$anchor, span);
 	$.pop();
 }
-
 //#endregion
-export { Text as default };
+export { Text as default };

package/dist/components/InputGroup/Text/styles.css.js

@@ -1,8 +1,21 @@
-import "./../../../assets/src/theme.css.ts.vanilla-DlH7Hr_5.css";
-import "./../../../assets/src/components/InputGroup/Text/styles.css.ts.vanilla-Bu6aVU98.css";
-
+import { endFileScope, setFileScope } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/fileScope/dist/vanilla-extract-css-fileScope.browser.esm.js";
+import { globalStyle, style } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.browser.esm.js";
+import { theme } from "../../../theme.js";
 //#region src/components/InputGroup/Text/styles.css.ts
-var __default__ = { text: "styles_text__14dyhly0" };
-
+setFileScope("src/components/InputGroup/Text/styles.css.ts", "@max-ts/svelte");
+const text = style({
+	display: "inline-flex",
+	alignItems: "center",
+	gap: theme.spacing[2],
+	color: theme.colors.text.hint,
+	fontSize: theme.fontSize.sm
+}, "text");
+globalStyle(`${text} svg`, { pointerEvents: "none" });
+globalStyle(`${text} svg:not([class*='size-'])`, {
+	width: "1rem",
+	height: "1rem"
+});
+var styles_css_default = { text };
+endFileScope();
 //#endregion
-export { __default__ as default };
+export { styles_css_default as default };

package/dist/components/InputGroup/Textarea/Textarea.js

@@ -1,7 +1,6 @@
-import __default__ from "./styles.css.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
-
 //#region src/components/InputGroup/Textarea/Textarea.svelte
 var root = $.from_html(`<textarea></textarea>`);
 function Textarea($$anchor, $$props) {
@@ -14,7 +13,7 @@ function Textarea($$anchor, $$props) {
 		"value",
 		"class"
 	]);
-	const classNames = $.derived(() => [__default__.textarea, $$props.class]);
+	const classNames = $.derived(() => [styles_css_default.textarea, $$props.class]);
 	var textarea = root();
 	$.remove_textarea_child(textarea);
 	$.attribute_effect(textarea, () => ({
@@ -27,6 +26,5 @@ function Textarea($$anchor, $$props) {
 	$.append($$anchor, textarea);
 	$.pop();
 }
-
 //#endregion
-export { Textarea as default };
+export { Textarea as default };