@max-ts/svelte 1.9.1 → 1.10.1

package/dist/{components → src/components}/Field/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/Field/Content/Content.svelte
@@ -16,7 +16,7 @@ function Content($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "field-content",
-		class: [styles_css_default.content, $$props.class],
+		class: [__default__.content, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Content/styles.css.ts
+var __default__ = { content: "styles_content__q1q4h90" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/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/Field/Description/Description.svelte
@@ -16,7 +16,7 @@ function Description($$anchor, $$props) {
 	var p = root();
 	$.attribute_effect(p, () => ({
 		"data-slot": "field-description",
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(p);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Description/styles.css.ts
+var __default__ = { root: "styles_root__1ofqr5y0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/FieldError/FieldError.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/Field/FieldError/FieldError.svelte
@@ -18,12 +18,11 @@ function FieldError($$anchor, $$props) {
 	]);
 	const hasContent = $.derived(() => {
 		if ($$props.children) return true;
-		if (!$$props.errors) return false;
-		if ($$props.errors.length === 1 && !$$props.errors[0]?.message) return false;
+		if (!$$props.errors?.length) return false;
 		return true;
 	});
 	const isMultipleErrors = $.derived(() => $$props.errors && $$props.errors.length > 1);
-	const singleErrorMessage = $.derived(() => $$props.errors && $$props.errors.length === 1 && $$props.errors[0]?.message);
+	const singleErrorMessage = $.derived(() => $$props.errors?.length === 1 ? $$props.errors[0] : void 0);
 	var fragment = $.comment();
 	var node = $.first_child(fragment);
 	var consequent_4 = ($$anchor) => {
@@ -31,7 +30,7 @@ function FieldError($$anchor, $$props) {
 		$.attribute_effect(div, () => ({
 			role: "alert",
 			"data-slot": "field-error",
-			class: [styles_css_default.root, $$props.class],
+			class: [__default__.root, $$props.class],
 			...restProps
 		}));
 		var node_1 = $.child(div);
@@ -55,11 +54,11 @@ function FieldError($$anchor, $$props) {
 					var li = root_6();
 					var text_1 = $.child(li, true);
 					$.reset(li);
-					$.template_effect(() => $.set_text(text_1, $.get(error).message));
+					$.template_effect(() => $.set_text(text_1, $.get(error)));
 					$.append($$anchor, li);
 				};
 				$.if(node_3, ($$render) => {
-					if ($.get(error)?.message) $$render(consequent_2);
+					if ($.get(error)) $$render(consequent_2);
 				});
 				$.append($$anchor, fragment_3);
 			});

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/FieldError/styles.css.ts
+var __default__ = { root: "styles_root__1di7pdy0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/FieldSet/FieldSet.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/Field/FieldSet/FieldSet.svelte
@@ -16,7 +16,7 @@ function FieldSet($$anchor, $$props) {
 	var fieldset = root();
 	$.attribute_effect(fieldset, () => ({
 		"data-slot": "field-set",
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(fieldset);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/FieldSet/styles.css.ts
+var __default__ = { root: "styles_root__1o60gea0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/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/Field/Group/Group.svelte
@@ -16,7 +16,7 @@ function Group($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "field-group",
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Group/styles.css.ts
+var __default__ = { root: "styles_root__zhheok0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/Label/Label.js

@@ -1,5 +1,5 @@
 import Label_1$1 from "../../Label/Label.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/Field/Label/Label.svelte
@@ -14,7 +14,7 @@ function Label_1($$anchor, $$props) {
 		"children"
 	]);
 	{
-		let $0 = $.derived(() => [styles_css_default.root, $$props.class]);
+		let $0 = $.derived(() => [__default__.root, $$props.class]);
 		Label_1$1($$anchor, $.spread_props({
 			"data-slot": "field-label",
 			get class() {

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Label/styles.css.ts
+var __default__ = { root: "styles_root__10hsf2y0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/Legend/Legend.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/Field/Legend/Legend.svelte
@@ -18,7 +18,7 @@ function Legend($$anchor, $$props) {
 	$.attribute_effect(legend, () => ({
 		"data-slot": "field-legend",
 		"data-variant": variant(),
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(legend);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Legend/styles.css.ts
+var __default__ = { root: "styles_root__myn6j70" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/Separator/Separator.js

@@ -1,5 +1,5 @@
 import Separator from "../../Separator/Separator.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/Field/Separator/Separator.svelte
@@ -20,12 +20,12 @@ function Separator_1($$anchor, $$props) {
 	$.attribute_effect(div, () => ({
 		"data-slot": "field-separator",
 		"data-content": $.get(hasContent),
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);
 	Separator(node, { get class() {
-		return styles_css_default.separator;
+		return __default__.separator;
 	} });
 	var node_1 = $.sibling(node, 2);
 	var consequent = ($$anchor) => {
@@ -33,7 +33,7 @@ function Separator_1($$anchor, $$props) {
 		var node_2 = $.child(span);
 		$.snippet(node_2, () => $$props.children);
 		$.reset(span);
-		$.template_effect(() => $.set_class(span, 1, $.clsx(styles_css_default.content)));
+		$.template_effect(() => $.set_class(span, 1, $.clsx(__default__.content)));
 		$.append($$anchor, span);
 	};
 	$.if(node_1, ($$render) => {

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

@@ -0,0 +1,8 @@
+//#region src/components/Field/Separator/styles.css.ts
+var __default__ = {
+	root: "styles_root__qdfkbi0",
+	separator: "styles_separator__qdfkbi1",
+	content: "styles_content__qdfkbi2"
+};
+//#endregion
+export { __default__ as default };

package/dist/{components → src/components}/Field/Title/Title.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/Field/Title/Title.svelte
@@ -16,7 +16,7 @@ function Title($$anchor, $$props) {
 	var div = root();
 	$.attribute_effect(div, () => ({
 		"data-slot": "field-title",
-		class: [styles_css_default.root, $$props.class],
+		class: [__default__.root, $$props.class],
 		...restProps
 	}));
 	var node = $.child(div);

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

@@ -0,0 +1,4 @@
+//#region src/components/Field/Title/styles.css.ts
+var __default__ = { root: "styles_root__9qi2jh0" };
+//#endregion
+export { __default__ as default };

package/dist/src/components/Field/index.d.ts

@@ -0,0 +1,18 @@
+import { FieldOrientation, FieldVariants } from "./types.js";
+import * as svelte_legacy0 from "svelte/legacy";
+
+//#region src/components/Field/index.d.ts
+declare const Field: {
+  Item: svelte_legacy0.LegacyComponentType;
+  Content: svelte_legacy0.LegacyComponentType;
+  Description: svelte_legacy0.LegacyComponentType;
+  Error: svelte_legacy0.LegacyComponentType;
+  Group: svelte_legacy0.LegacyComponentType;
+  Label: svelte_legacy0.LegacyComponentType;
+  Legend: svelte_legacy0.LegacyComponentType;
+  Separator: svelte_legacy0.LegacyComponentType;
+  Set: svelte_legacy0.LegacyComponentType;
+  Title: svelte_legacy0.LegacyComponentType;
+};
+//#endregion
+export { Field };

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

@@ -0,0 +1,8 @@
+//#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"
+};
+//#endregion
+export { fieldVariants };

package/dist/src/components/Field/types.d.ts

@@ -0,0 +1,7 @@
+import { ComplexStyleRule } from "../../../node_modules/.pnpm/@vanilla-extract_css@1.18.0/node_modules/@vanilla-extract/css/dist/vanilla-extract-css.cjs.js";
+
+//#region src/components/Field/types.d.ts
+type FieldOrientation = 'vertical' | 'horizontal' | 'responsive';
+type FieldVariants = Record<FieldOrientation, ComplexStyleRule>;
+//#endregion
+export { FieldOrientation, FieldVariants };

package/dist/{components → src/components}/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/Input/Input.svelte
@@ -25,8 +25,8 @@ function Input($$anchor, $$props) {
 		$.attribute_effect(input, () => ({
 			"data-slot": dataSlot(),
 			class: [
-				styles_css_default.fileInput,
-				styles_css_default.sizes[size()],
+				__default__.fileInput,
+				__default__.sizes[size()],
 				$$props.class
 			],
 			type: "file",
@@ -42,8 +42,8 @@ function Input($$anchor, $$props) {
 		$.attribute_effect(input_1, () => ({
 			"data-slot": dataSlot(),
 			class: [
-				styles_css_default.inputBase,
-				styles_css_default.sizes[size()],
+				__default__.inputBase,
+				__default__.sizes[size()],
 				$$props.class
 			],
 			type: $$props.type,

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

@@ -0,0 +1,12 @@
+//#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"
+	},
+	fileInput: "styles_fileInput__1sj9q5k4"
+};
+//#endregion
+export { __default__ as default };

package/dist/src/components/Input/types.d.ts

@@ -0,0 +1,16 @@
+import { WithElementRef } from "../../types.js";
+import { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
+
+//#region src/components/Input/types.d.ts
+type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
+type InputProps = WithElementRef<Omit<HTMLInputAttributes, 'type' | 'size'> & ({
+  type: 'file';
+  files?: FileList;
+} | {
+  type?: InputType;
+  files?: undefined;
+})> & {
+  size?: 'small' | 'medium' | 'large';
+};
+//#endregion
+export { InputProps, InputType };

package/dist/{components → src/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/src/components/InputGroup/Addon/styles.css.js

@@ -0,0 +1,11 @@
+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"
+	}
+};
+//#endregion
+export { __default__ as default };

package/dist/{components → src/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/src/components/InputGroup/Button/styles.css.js

@@ -0,0 +1,11 @@
+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"
+	}
+};
+//#endregion
+export { __default__ as default };

package/dist/{components → src/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/src/components/InputGroup/Input/styles.css.js

@@ -0,0 +1,4 @@
+//#region src/components/InputGroup/Input/styles.css.ts
+var __default__ = { control: "styles_control__1s24l5e0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/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 → src/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/src/components/InputGroup/Text/styles.css.js

@@ -0,0 +1,4 @@
+//#region src/components/InputGroup/Text/styles.css.ts
+var __default__ = { text: "styles_text__14dyhly0" };
+//#endregion
+export { __default__ as default };

package/dist/{components → src/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/src/components/InputGroup/Textarea/styles.css.js

@@ -0,0 +1,4 @@
+//#region src/components/InputGroup/Textarea/styles.css.ts
+var __default__ = { textarea: "styles_textarea__gxp1dz0" };
+//#endregion
+export { __default__ as default };

package/dist/src/components/InputGroup/index.d.ts

@@ -0,0 +1,14 @@
+import { InputGroupAddonAlign, InputGroupButtonSize } from "./types.js";
+import * as svelte_legacy0 from "svelte/legacy";
+
+//#region src/components/InputGroup/index.d.ts
+declare const InputGroup: {
+  Root: svelte_legacy0.LegacyComponentType;
+  Addon: svelte_legacy0.LegacyComponentType;
+  Button: svelte_legacy0.LegacyComponentType;
+  Input: svelte_legacy0.LegacyComponentType;
+  Text: svelte_legacy0.LegacyComponentType;
+  Textarea: svelte_legacy0.LegacyComponentType;
+};
+//#endregion
+export { InputGroup };

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

@@ -0,0 +1,4 @@
+//#region src/components/InputGroup/styles.css.ts
+var __default__ = { container: "styles_container__rl3s4j0" };
+//#endregion
+export { __default__ as default };

package/dist/src/components/InputGroup/types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, HTMLInputAttributes } from "svelte/elements";
+
+//#region src/components/InputGroup/types.d.ts
+type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+type InputGroupButtonSize = 'xs' | 'sm' | 'icon-xs' | 'icon-sm';
+//#endregion
+export { InputGroupAddonAlign, InputGroupButtonSize };

package/dist/{components → src/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 → src/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 → src/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 → src/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 → src/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 → src/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 → src/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",