@max-ts/svelte 1.9.1 → 1.10.1

package/dist/components/DropdownMenu/SubContent/styles.css.js

@@ -1,71 +0,0 @@
-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 { keyframes, 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/DropdownMenu/SubContent/styles.css.ts
-setFileScope("src/components/DropdownMenu/SubContent/styles.css.ts", "@max-ts/svelte");
-const fadeIn = keyframes({
-	"0%": { opacity: 0 },
-	"100%": { opacity: 1 }
-}, "fadeIn");
-const fadeOut = keyframes({
-	"0%": { opacity: 1 },
-	"100%": { opacity: 0 }
-}, "fadeOut");
-const zoomIn95 = keyframes({
-	"0%": {
-		opacity: 0,
-		transform: "scale(0.95)"
-	},
-	"100%": {
-		opacity: 1,
-		transform: "scale(1)"
-	}
-}, "zoomIn95");
-const zoomOut95 = keyframes({
-	"0%": {
-		opacity: 1,
-		transform: "scale(1)"
-	},
-	"100%": {
-		opacity: 0,
-		transform: "scale(0.95)"
-	}
-}, "zoomOut95");
-const slideInFromTop2 = keyframes({
-	"0%": { transform: "translateY(-0.5rem)" },
-	"100%": { transform: "translateY(0)" }
-}, "slideInFromTop2");
-const slideInFromBottom2 = keyframes({
-	"0%": { transform: "translateY(0.5rem)" },
-	"100%": { transform: "translateY(0)" }
-}, "slideInFromBottom2");
-const slideInFromLeft2 = keyframes({
-	"0%": { transform: "translateX(0.5rem)" },
-	"100%": { transform: "translateX(0)" }
-}, "slideInFromLeft2");
-const slideInFromRight2 = keyframes({
-	"0%": { transform: "translateX(-0.5rem)" },
-	"100%": { transform: "translateX(0)" }
-}, "slideInFromRight2");
-var styles_css_default = { subContent: style({
-	backgroundColor: theme.colors.background.paper,
-	color: theme.colors.text.primary,
-	zIndex: 50,
-	minWidth: "8rem",
-	overflow: "hidden",
-	borderRadius: theme.radius.medium,
-	border: `1px solid ${theme.colors.border}`,
-	padding: theme.spacing[1],
-	boxShadow: theme.shadow[3],
-	selectors: {
-		"&[data-state=open]": { animation: `${fadeIn} 0.2s ease-out, ${zoomIn95} 0.2s ease-out` },
-		"&[data-state=closed]": { animation: `${fadeOut} 0.2s ease-in, ${zoomOut95} 0.2s ease-in` },
-		"&[data-side=bottom]": { animation: `${slideInFromTop2} 0.2s ease-out` },
-		"&[data-side=left]": { animation: `${slideInFromRight2} 0.2s ease-out` },
-		"&[data-side=right]": { animation: `${slideInFromLeft2} 0.2s ease-out` },
-		"&[data-side=top]": { animation: `${slideInFromBottom2} 0.2s ease-out` }
-	}
-}, "subContent") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

package/dist/components/DropdownMenu/SubTrigger/styles.css.js

@@ -1,47 +0,0 @@
-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/DropdownMenu/SubTrigger/styles.css.ts
-setFileScope("src/components/DropdownMenu/SubTrigger/styles.css.ts", "@max-ts/svelte");
-const subTrigger = style({
-	display: "flex",
-	cursor: "default",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	borderRadius: theme.radius.small,
-	paddingLeft: theme.spacing[2],
-	paddingRight: theme.spacing[2],
-	paddingTop: "0.375rem",
-	paddingBottom: "0.375rem",
-	fontSize: theme.fontSize.sm,
-	outline: "2px solid transparent",
-	outlineOffset: "2px",
-	userSelect: "none",
-	selectors: {
-		"&[data-highlighted], &[data-state=open]": {
-			backgroundColor: theme.colors.background.elementHover,
-			color: theme.colors.text.primary
-		},
-		"&[data-disabled]": {
-			pointerEvents: "none",
-			opacity: .5
-		},
-		"&[data-inset]": { paddingInlineStart: theme.spacing[8] }
-	}
-}, "subTrigger");
-globalStyle(`${subTrigger} svg`, {
-	color: theme.colors.text.hint,
-	height: theme.spacing[4],
-	width: theme.spacing[4]
-});
-var styles_css_default = {
-	subTrigger,
-	icon: style({
-		marginInlineStart: "auto",
-		width: theme.spacing[4],
-		height: theme.spacing[4]
-	}, "icon")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,95 +0,0 @@
-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/Empty/styles.css.ts
-setFileScope("src/components/Empty/styles.css.ts", "@max-ts/svelte");
-const root = style({
-	display: "flex",
-	minWidth: 0,
-	flex: 1,
-	flexDirection: "column",
-	alignItems: "center",
-	justifyContent: "center",
-	gap: theme.spacing[6],
-	borderRadius: theme.radius.large,
-	border: `2px dashed ${theme.colors.border}`,
-	padding: theme.spacing[6],
-	textAlign: "center",
-	textWrap: "balance",
-	"@media": { "(min-width: 768px)": { padding: theme.spacing[12] } }
-}, "root");
-const content = style({
-	display: "flex",
-	width: "100%",
-	maxWidth: "24rem",
-	minWidth: 0,
-	flexDirection: "column",
-	alignItems: "center",
-	gap: theme.spacing[4],
-	fontSize: theme.fontSize.sm,
-	textWrap: "balance"
-}, "content");
-const header = style({
-	display: "flex",
-	maxWidth: "24rem",
-	flexDirection: "column",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	textAlign: "center"
-}, "header");
-const title = style({
-	fontSize: theme.fontSize.lg,
-	fontWeight: theme.fontWeight.medium,
-	letterSpacing: "-0.025em"
-}, "title");
-const description = style({
-	color: theme.colors.text.secondary,
-	fontSize: theme.fontSize.sm,
-	lineHeight: theme.lineHeight.relaxed
-}, "description");
-globalStyle(`${description} > a`, {
-	textDecoration: "underline",
-	textUnderlineOffset: "4px"
-});
-globalStyle(`${description} > a:hover`, { color: theme.colors.primary });
-const media = style({
-	marginBottom: theme.spacing[2],
-	display: "flex",
-	flexShrink: 0,
-	alignItems: "center",
-	justifyContent: "center"
-}, "media");
-globalStyle(`${media} svg`, {
-	pointerEvents: "none",
-	flexShrink: 0
-});
-const mediaVariants = styleVariants({
-	default: { backgroundColor: "transparent" },
-	icon: {
-		backgroundColor: theme.colors.background.element,
-		color: theme.colors.text.primary,
-		display: "flex",
-		width: theme.spacing[10],
-		height: theme.spacing[10],
-		flexShrink: 0,
-		alignItems: "center",
-		justifyContent: "center",
-		borderRadius: theme.radius.large
-	}
-}, "mediaVariants");
-globalStyle(`${mediaVariants.icon} svg:not([class*='size-'])`, {
-	width: theme.spacing[6],
-	height: theme.spacing[6]
-});
-var styles_css_default = {
-	root,
-	content,
-	header,
-	title,
-	description,
-	media,
-	mediaVariants
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,15 +0,0 @@
-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/Content/styles.css.ts
-setFileScope("src/components/Field/Content/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { content: style({
-	display: "flex",
-	flex: 1,
-	flexDirection: "column",
-	gap: theme.spacing[2],
-	lineHeight: theme.lineHeight.snug
-}, "content") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,26 +0,0 @@
-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/Field/Description/styles.css.ts
-setFileScope("src/components/Field/Description/styles.css.ts", "@max-ts/svelte");
-const root = style({
-	color: theme.colors.text.disabled,
-	fontSize: theme.fontSize.sm,
-	lineHeight: theme.lineHeight.normal,
-	fontWeight: theme.fontWeight.normal,
-	selectors: {
-		"[data-slot=field][data-orientation=horizontal] &": { textWrap: "balance" },
-		"&:last-child": { marginTop: 0 },
-		"&:nth-last-child(2)": { marginTop: `calc(-1 * ${theme.spacing[1]})` },
-		"[data-variant=legend] + &": { marginTop: `calc(-1.5 * ${theme.spacing[1]})` }
-	}
-}, "root");
-globalStyle(`${root} > a`, {
-	textDecorationLine: "underline",
-	textUnderlineOffset: "4px"
-});
-globalStyle(`${root} > a:hover`, { color: theme.colors.primary });
-var styles_css_default = { root };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,22 +0,0 @@
-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/Field/FieldError/styles.css.ts
-setFileScope("src/components/Field/FieldError/styles.css.ts", "@max-ts/svelte");
-const root = style({
-	color: theme.colors.error,
-	fontSize: theme.fontSize.sm,
-	fontWeight: theme.fontWeight.normal
-}, "root");
-globalStyle(`${root} ul`, {
-	marginInlineStart: theme.spacing[4],
-	display: "flex",
-	flexDirection: "column",
-	gap: theme.spacing[1],
-	listStyleType: "disc"
-});
-globalStyle(`${root} ul li`, { textAlign: "start" });
-var styles_css_default = { root };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,16 +0,0 @@
-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/FieldSet/styles.css.ts
-setFileScope("src/components/Field/FieldSet/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { root: style({
-	display: "flex",
-	flexDirection: "column",
-	gap: theme.spacing[6],
-	border: "none",
-	padding: 0,
-	selectors: { "&:has(>[data-slot=checkbox-group]), &:has(>[data-slot=radio-group])": { gap: theme.spacing[3] } }
-}, "root") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,19 +0,0 @@
-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/Field/Group/styles.css.ts
-setFileScope("src/components/Field/Group/styles.css.ts", "@max-ts/svelte");
-const root = style({
-	display: "flex",
-	width: "100%",
-	flexDirection: "column",
-	gap: theme.spacing[4],
-	containerType: "inline-size",
-	containerName: "field-group",
-	selectors: { "&[data-slot=checkbox-group], &[data-slot=radio-group]": { gap: theme.spacing[3] } }
-}, "root");
-globalStyle(`${root}  > [data-slot=field-group]`, { gap: theme.spacing[4] });
-var styles_css_default = { root };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,35 +0,0 @@
-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/Field/Label/styles.css.ts
-setFileScope("src/components/Field/Label/styles.css.ts", "@max-ts/svelte");
-const root = style({
-	display: "flex",
-	width: "fit-content",
-	alignItems: "center",
-	gap: theme.spacing[2],
-	lineHeight: theme.lineHeight.snug,
-	fontSize: theme.fontSize.sm,
-	cursor: "pointer",
-	selectors: {
-		"[data-slot=field][data-disabled=true] &": { opacity: .5 },
-		"&:has(>[data-slot=field])": {
-			width: "100%",
-			flexDirection: "column",
-			borderRadius: theme.radius.medium,
-			borderWidth: 1,
-			borderStyle: "solid",
-			borderColor: theme.colors.border
-		},
-		"&:has(>[data-slot=field][data-state=checked])": {
-			backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 5%, transparent)`,
-			borderColor: theme.colors.primary
-		},
-		"&:has(>[data-slot=field][data-state=checked]) html[data-theme=\"dark\"] &": { backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 10%, transparent)` }
-	}
-}, "root");
-globalStyle(`${root} > [data-slot=field]`, { padding: theme.spacing[4] });
-var styles_css_default = { root };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,16 +0,0 @@
-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/Legend/styles.css.ts
-setFileScope("src/components/Field/Legend/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { root: style({
-	marginBottom: theme.spacing[2],
-	fontWeight: theme.fontWeight.medium,
-	selectors: {
-		"&[data-variant=legend]": { fontSize: theme.fontSize.base },
-		"&[data-variant=label]": { fontSize: theme.fontSize.sm }
-	}
-}, "root") };
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,31 +0,0 @@
-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/Separator/styles.css.ts
-setFileScope("src/components/Field/Separator/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = {
-	root: style({
-		position: "relative",
-		marginBlock: `calc(-1 * ${theme.spacing[2]})`,
-		height: theme.spacing[5],
-		fontSize: theme.fontSize.sm,
-		selectors: { "[data-slot=field-group][data-variant=outline] &": { marginBottom: `calc(-1 * ${theme.spacing[2]})` } }
-	}, "root"),
-	separator: style({
-		position: "absolute",
-		top: "50%",
-		insetInline: 0
-	}, "separator"),
-	content: style({
-		position: "relative",
-		marginInline: "auto",
-		display: "block",
-		width: "fit-content",
-		paddingInline: theme.spacing[2],
-		backgroundColor: theme.colors.background.paper,
-		color: theme.colors.text.secondary
-	}, "content")
-};
-endFileScope();
-//#endregion
-export { styles_css_default as default };

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

@@ -1,18 +0,0 @@
-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
-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 { styles_css_default as default };

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

@@ -1,51 +0,0 @@
-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
-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 };

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

@@ -1,109 +0,0 @@
-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
-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
-	},
-	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 { styles_css_default as default };

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

@@ -1,63 +0,0 @@
-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
-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 { styles_css_default as default };