@max-ts/svelte 1.9.1 → 1.10.0

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

@@ -1,109 +1,12 @@
-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
+var __default__ = {
+	inputBase: "styles_inputBase__1sj9q5k0",
+	sizes: {
+		small: "styles_sizes_small__1sj9q5k1",
+		medium: "styles_sizes_medium__1sj9q5k2",
+		large: "styles_sizes_large__1sj9q5k3"
+	},
+	fileInput: "styles_fileInput__1sj9q5k4"
 };
-endFileScope();
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/InputGroup/Addon/Addon.svelte
@@ -15,8 +15,8 @@ function Addon($$anchor, $$props) {
 		"align"
 	]);
 	const classNames = $.derived(() => [
-		styles_css_default.addon,
-		styles_css_default.align[align()],
+		__default__.addon,
+		__default__.align[align()],
 		$$props.class
 	]);
 	const focusControl = (element) => {

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

@@ -1,63 +1,11 @@
-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"
+var __default__ = {
+	addon: "styles_addon__12a78m00",
+	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"
 	}
-}, "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 };
+export { __default__ as default };

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

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

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

@@ -1,49 +1,11 @@
-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
-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
+var __default__ = {
+	base: "styles_base__fq6480",
+	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"
 	}
-}, "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 { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/InputGroup/Input/Input.svelte
@@ -13,7 +13,7 @@ function Input($$anchor, $$props) {
 		"value",
 		"class"
 	]);
-	const classNames = $.derived(() => [styles_css_default.control, $$props.class]);
+	const classNames = $.derived(() => [__default__.control, $$props.class]);
 	var input = root();
 	$.attribute_effect(input, () => ({
 		"data-slot": "input-group-control",

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

@@ -1,35 +1,4 @@
-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
-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();
+var __default__ = { control: "styles_control__1s24l5e0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/InputGroup/InputGroup.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/InputGroup/InputGroup.svelte
@@ -14,7 +14,7 @@ function InputGroup($$anchor, $$props) {
 		"children",
 		"disabled"
 	]);
-	const classNames = $.derived(() => [styles_css_default.container, $$props.class]);
+	const classNames = $.derived(() => [__default__.container, $$props.class]);
 	var div = root();
 	$.attribute_effect(div, () => ({
 		role: "group",

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/InputGroup/Text/Text.svelte
@@ -13,7 +13,7 @@ function Text($$anchor, $$props) {
 		"class",
 		"children"
 	]);
-	const classNames = $.derived(() => [styles_css_default.text, $$props.class]);
+	const classNames = $.derived(() => [__default__.text, $$props.class]);
 	var span = root();
 	$.attribute_effect(span, () => ({
 		class: $.get(classNames),

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

@@ -1,21 +1,4 @@
-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
-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();
+var __default__ = { text: "styles_text__14dyhly0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/InputGroup/Textarea/Textarea.svelte
@@ -13,7 +13,7 @@ function Textarea($$anchor, $$props) {
 		"value",
 		"class"
 	]);
-	const classNames = $.derived(() => [styles_css_default.textarea, $$props.class]);
+	const classNames = $.derived(() => [__default__.textarea, $$props.class]);
 	var textarea = root();
 	$.remove_textarea_child(textarea);
 	$.attribute_effect(textarea, () => ({

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

@@ -1,36 +1,4 @@
-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/Textarea/styles.css.ts
-setFileScope("src/components/InputGroup/Textarea/styles.css.ts", "@max-ts/svelte");
-var styles_css_default = { textarea: 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[3],
-	minHeight: theme.spacing[12],
-	minWidth: 0,
-	boxShadow: "none",
-	borderRadius: 0,
-	resize: "none",
-	appearance: "none",
-	selectors: {
-		"&:focus-visible": {
-			outline: "none",
-			boxShadow: "none"
-		},
-		"&::placeholder": { color: theme.colors.text.hint },
-		"&:disabled": {
-			opacity: .5,
-			cursor: "not-allowed"
-		}
-	}
-}, "textarea") };
-endFileScope();
+var __default__ = { textarea: "styles_textarea__gxp1dz0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

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

@@ -1,64 +1,4 @@
-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/styles.css.ts
-setFileScope("src/components/InputGroup/styles.css.ts", "@max-ts/svelte");
-const container = style({
-	position: "relative",
-	display: "flex",
-	width: "100%",
-	alignItems: "stretch",
-	borderRadius: theme.radius.medium,
-	border: `1px solid ${theme.colors.border}`,
-	backgroundColor: theme.colors.background.paper,
-	boxShadow: theme.shadow[1],
-	minHeight: theme.spacing[9],
-	padding: 0,
-	overflow: "hidden",
-	transition: "border-color 0.2s, box-shadow 0.2s, color 0.2s",
-	selectors: {
-		"&:has(> textarea)": { minHeight: "auto" },
-		"&:has(> [data-align=\"block-start\"])": {
-			flexDirection: "column",
-			alignItems: "stretch",
-			minHeight: "auto",
-			gap: theme.spacing[2]
-		},
-		"&:has(> [data-align=\"block-end\"])": {
-			flexDirection: "column",
-			alignItems: "stretch",
-			minHeight: "auto",
-			gap: theme.spacing[2]
-		},
-		"&:has([data-slot=\"input-group-control\"]:focus-visible)": {
-			borderColor: theme.colors.primary,
-			boxShadow: theme.shadow[2]
-		},
-		"&:has([data-slot][aria-invalid=\"true\"])": {
-			borderColor: theme.colors.error,
-			boxShadow: `0 0 0 3px color-mix(in oklch, ${theme.colors.error} 40%, transparent)`
-		},
-		"&[data-disabled=\"true\"]": {
-			opacity: .55,
-			cursor: "not-allowed"
-		}
-	}
-}, "container");
-globalStyle(`${container} > *`, {
-	display: "flex",
-	alignItems: "center",
-	gap: theme.spacing[2]
-});
-globalStyle(`${container} > [data-slot="input-group-control"]`, {
-	flex: 1,
-	minWidth: 0,
-	alignSelf: "stretch"
-});
-globalStyle(`${container}:has(> [data-align="inline-start"]) > [data-slot="input-group-control"]`, { paddingLeft: theme.spacing[2] });
-globalStyle(`${container}:has(> [data-align="inline-end"]) > [data-slot="input-group-control"]`, { paddingRight: theme.spacing[2] });
-globalStyle(`${container}:has(> [data-align="block-start"]) > [data-slot="input-group-control"]`, { paddingBottom: theme.spacing[3] });
-globalStyle(`${container}:has(> [data-align="block-end"]) > [data-slot="input-group-control"]`, { paddingTop: theme.spacing[3] });
-var styles_css_default = { container };
-endFileScope();
+var __default__ = { container: "styles_container__rl3s4j0" };
 //#endregion
-export { styles_css_default as default };
+export { __default__ as default };

package/dist/components/Item/Actions/Actions.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Actions/Actions.svelte
@@ -16,7 +16,7 @@ function Actions($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "item-actions",
-		class: [styles_css_default.actions, $$props.class],
+		class: [__default__.actions, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Item/Content/Content.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Content/Content.svelte
@@ -16,7 +16,7 @@ function Content($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "item-content",
-		class: [styles_css_default.content, $$props.class],
+		class: [__default__.content, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Item/Description/Description.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Description/Description.svelte
@@ -16,7 +16,7 @@ function Description($$anchor, $$props) {
 	var p = root();
 	$.attribute_effect(p, () => ({
 		"data-slot": "item-description",
-		class: [styles_css_default.description, $$props.class],
+		class: [__default__.description, $$props.class],
 		...restProps
 	}));
 	var node = $.child(p);

package/dist/components/Item/Footer/Footer.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Footer/Footer.svelte
@@ -16,7 +16,7 @@ function Footer($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "item-footer",
-		class: [styles_css_default.footer, $$props.class],
+		class: [__default__.footer, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Item/Group/Group.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Group/Group.svelte
@@ -17,7 +17,7 @@ function Group($$anchor, $$props) {
 	$.attribute_effect(div, () => ({
 		role: "list",
 		"data-slot": "item-group",
-		class: [styles_css_default.group, $$props.class],
+		class: [__default__.group, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Item/Header/Header.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Header/Header.svelte
@@ -16,7 +16,7 @@ function Header($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "item-header",
-		class: [styles_css_default.header, $$props.class],
+		class: [__default__.header, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

package/dist/components/Item/Item.js

@@ -1,4 +1,4 @@
-import styles_css_default from "./styles.css.js";
+import __default__ from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Item.svelte
@@ -18,9 +18,9 @@ function Item($$anchor, $$props) {
 	]);
 	const mergedProps = $.derived(() => ({
 		class: [
-			styles_css_default.item,
-			styles_css_default.itemVariants[variant()],
-			styles_css_default.itemSizes[size()],
+			__default__.item,
+			__default__.itemVariants[variant()],
+			__default__.itemSizes[size()],
 			$$props.class
 		],
 		"data-slot": "item",

package/dist/components/Item/Media/Media.js

@@ -1,4 +1,4 @@
-import styles_css_default from "../styles.css.js";
+import __default__ from "../styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 //#region src/components/Item/Media/Media.svelte
@@ -19,8 +19,8 @@ function Media($$anchor, $$props) {
 		"data-slot": "item-media",
 		"data-variant": variant(),
 		class: [
-			styles_css_default.media,
-			styles_css_default.mediaVariants[variant()],
+			__default__.media,
+			__default__.mediaVariants[variant()],
 			$$props.class
 		],
 		...restProps