@max-ts/svelte 1.4.5 → 1.5.0

package/dist/components/Empty/index.js

@@ -1,9 +1,9 @@
+import Content from "./Content/Content.js";
+import Description from "./Description/Description.js";
 import Empty$1 from "./Empty.js";
 import Header from "./Header/Header.js";
 import Media from "./Media/Media.js";
 import Title from "./Title/Title.js";
-import Description from "./Description/Description.js";
-import Content from "./Content/Content.js";
 
 //#region src/components/Empty/index.ts
 const Empty = {

package/dist/components/Empty/types.d.ts

@@ -1,5 +1,5 @@
-import type { WithElementRef } from '../../types';
 import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../..';
 export type EmptyMediaVariant = 'default' | 'icon';
 export interface EmptyMediaProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
     variant?: EmptyMediaVariant;

package/dist/components/Field/Content/Content.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Content: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Content = ReturnType<typeof Content>;
 export default Content;

package/dist/components/Field/Description/Description.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Description: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
 type Description = ReturnType<typeof Description>;
 export default Description;

package/dist/components/Field/Field.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../types';
+import type { WithElementRef } from '../..';
 import type { FieldOrientation } from './types';
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     orientation?: FieldOrientation;

package/dist/components/Field/FieldError/FieldError.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     children?: Snippet;
     errors?: {

package/dist/components/Field/FieldSet/FieldSet.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLFieldsetAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const FieldSet: import("svelte").Component<WithElementRef<HTMLFieldsetAttributes>, {}, "ref">;
 type FieldSet = ReturnType<typeof FieldSet>;
 export default FieldSet;

package/dist/components/Field/Group/Group.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Group: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Group = ReturnType<typeof Group>;
 export default Group;

package/dist/components/Field/Legend/Legend.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
     variant?: 'legend' | 'label';
 };

package/dist/components/Field/Separator/Separator.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 import { Separator } from '../../Separator';
 type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
     children?: Snippet;

package/dist/components/Field/Title/Title.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Title: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Title = ReturnType<typeof Title>;
 export default Title;

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

@@ -1,5 +1,5 @@
 import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
-import type { WithElementRef } from '../../types';
+import type { WithElementRef } from '../..';
 export type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
 export type InputProps = WithElementRef<Omit<HTMLInputAttributes, 'type' | 'size'> & ({
     type: 'file';

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

@@ -0,0 +1,48 @@
+import __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) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), align = $.prop($$props, "align", 3, "inline-start"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"align"
+	]);
+	const classNames = $.derived(() => [
+		__default__.addon,
+		__default__.align[align()],
+		$$props.class
+	]);
+	const focusControl = (element) => {
+		(element?.parentElement?.querySelector("input[data-slot=\"input-group-control\"], textarea[data-slot=\"input-group-control\"]"))?.focus();
+	};
+	var div = root();
+	var event_handler = (event) => {
+		if (event.target?.closest("[data-slot=\"button\"]")) return;
+		focusControl(event.currentTarget);
+	};
+	$.attribute_effect(div, () => ({
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": align(),
+		class: $.get(classNames),
+		onclick: event_handler,
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Addon as default };

package/dist/components/InputGroup/Addon/Addon.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputGroupAddonProps } from '../types';
+declare const Addon: import("svelte").Component<InputGroupAddonProps, {}, "ref">;
+type Addon = ReturnType<typeof Addon>;
+export default Addon;

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

@@ -0,0 +1,2 @@
+export { default as Addon } from './Addon.svelte';
+export { align as addonAlignVariants } from './styles.css';

package/dist/components/InputGroup/Addon/styles.css.d.ts

@@ -0,0 +1,8 @@
+import type { InputGroupAddonAlign } from '../types';
+export declare const addon: string;
+export declare const align: Record<InputGroupAddonAlign, string>;
+declare const _default: {
+    addon: string;
+    align: Record<InputGroupAddonAlign, string>;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/InputGroup/Addon/styles.css.ts.vanilla-CyiC_NQA.css";
+
+//#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",
+	align
+};
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,63 @@
+import Button from "../../Button/Button.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
+function Button_1($$anchor, $$props) {
+	$.push($$props, true);
+	const buttonSizeMap = {
+		sm: "small",
+		xs: "small",
+		"icon-sm": "icon",
+		"icon-xs": "iconSmall"
+	};
+	let ref = $.prop($$props, "ref", 15, null), size = $.prop($$props, "size", 3, "xs"), variant = $.prop($$props, "variant", 3, "ghost"), type = $.prop($$props, "type", 3, "button"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"size",
+		"variant",
+		"type"
+	]);
+	const classNames = $.derived(() => [
+		__default__.base,
+		__default__.sizes[size()],
+		$$props.class
+	]);
+	Button($$anchor, $.spread_props({
+		get size() {
+			return buttonSizeMap[size()];
+		},
+		get variant() {
+			return variant();
+		},
+		get type() {
+			return type();
+		},
+		get class() {
+			return $.get(classNames);
+		}
+	}, () => restProps, {
+		get ref() {
+			return ref();
+		},
+		set ref($$value) {
+			ref($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = $.comment();
+			var node = $.first_child(fragment_1);
+			$.snippet(node, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+
+//#endregion
+export { Button_1 as default };

package/dist/components/InputGroup/Button/Button.svelte.d.ts

@@ -0,0 +1,5 @@
+import Button from '../../Button/Button.svelte';
+import type { InputGroupButtonProps } from '../types';
+declare const Button: import("svelte").Component<InputGroupButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

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

@@ -0,0 +1,2 @@
+export { default as Button } from './Button.svelte';
+export { sizes as inputGroupButtonSizes } from './styles.css';

package/dist/components/InputGroup/Button/styles.css.d.ts

@@ -0,0 +1,8 @@
+import type { InputGroupButtonSize } from '../types';
+export declare const base: string;
+export declare const sizes: Record<InputGroupButtonSize, string>;
+declare const _default: {
+    base: string;
+    sizes: Record<InputGroupButtonSize, string>;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/InputGroup/Button/styles.css.ts.vanilla-DPmQhx2j.css";
+
+//#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",
+	sizes
+};
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,31 @@
+import __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) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value",
+		"class"
+	]);
+	const classNames = $.derived(() => [__default__.control, $$props.class]);
+	var input = root();
+	$.attribute_effect(input, () => ({
+		"data-slot": "input-group-control",
+		class: $.get(classNames),
+		...restProps
+	}), void 0, void 0, void 0, void 0, true);
+	$.bind_this(input, ($$value) => ref($$value), () => ref());
+	$.bind_value(input, value);
+	$.append($$anchor, input);
+	$.pop();
+}
+
+//#endregion
+export { Input as default };

package/dist/components/InputGroup/Input/Input.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputGroupInputProps } from '../types';
+declare const Input: import("svelte").Component<InputGroupInputProps, {}, "value" | "ref">;
+type Input = ReturnType<typeof Input>;
+export default Input;

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

@@ -0,0 +1 @@
+export { default as Input } from './Input.svelte';

package/dist/components/InputGroup/Input/styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const control: string;
+declare const _default: {
+    control: string;
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/InputGroup/Input/styles.css.ts.vanilla-Dkc417RX.css";
+
+//#region src/components/InputGroup/Input/styles.css.ts
+var __default__ = { control: "styles_control__1s24l5e0" };
+
+//#endregion
+export { __default__ as default };

package/dist/components/InputGroup/InputGroup.js

@@ -0,0 +1,37 @@
+import __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) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), disabled = $.prop($$props, "disabled", 3, false), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children",
+		"disabled"
+	]);
+	const classNames = $.derived(() => [__default__.container, $$props.class]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		role: "group",
+		"data-slot": "input-group",
+		"data-disabled": disabled() ? "true" : void 0,
+		"aria-disabled": disabled(),
+		class: $.get(classNames),
+		...restProps
+	}));
+	var node = $.child(div);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div);
+	$.bind_this(div, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { InputGroup as default };

package/dist/components/InputGroup/InputGroup.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputGroupProps } from './types';
+declare const InputGroup: import("svelte").Component<InputGroupProps, {}, "ref">;
+type InputGroup = ReturnType<typeof InputGroup>;
+export default InputGroup;

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

@@ -0,0 +1,32 @@
+import __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) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	const classNames = $.derived(() => [__default__.text, $$props.class]);
+	var span = root();
+	$.attribute_effect(span, () => ({
+		class: $.get(classNames),
+		...restProps
+	}));
+	var node = $.child(span);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(span);
+	$.bind_this(span, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, span);
+	$.pop();
+}
+
+//#endregion
+export { Text as default };

package/dist/components/InputGroup/Text/Text.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputGroupTextProps } from '../types';
+declare const Text: import("svelte").Component<InputGroupTextProps, {}, "ref">;
+type Text = ReturnType<typeof Text>;
+export default Text;

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

@@ -0,0 +1 @@
+export { default as Text } from './Text.svelte';

package/dist/components/{Accordion/Item → InputGroup/Text}/styles.css.d.ts

@@ -1,4 +1,5 @@
+export declare const text: string;
 declare const _default: {
-    item: string;
+    text: string;
 };
 export default _default;

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

@@ -0,0 +1,8 @@
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/InputGroup/Text/styles.css.ts.vanilla-Bu6aVU98.css";
+
+//#region src/components/InputGroup/Text/styles.css.ts
+var __default__ = { text: "styles_text__14dyhly0" };
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,32 @@
+import __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) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), value = $.prop($$props, "value", 15), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"value",
+		"class"
+	]);
+	const classNames = $.derived(() => [__default__.textarea, $$props.class]);
+	var textarea = root();
+	$.remove_textarea_child(textarea);
+	$.attribute_effect(textarea, () => ({
+		"data-slot": "input-group-control",
+		class: $.get(classNames),
+		...restProps
+	}));
+	$.bind_this(textarea, ($$value) => ref($$value), () => ref());
+	$.bind_value(textarea, value);
+	$.append($$anchor, textarea);
+	$.pop();
+}
+
+//#endregion
+export { Textarea as default };

package/dist/components/InputGroup/Textarea/Textarea.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { InputGroupTextareaProps } from '../types';
+declare const Textarea: import("svelte").Component<InputGroupTextareaProps, {}, "value" | "ref">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

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

@@ -0,0 +1 @@
+export { default as Textarea } from './Textarea.svelte';

package/dist/components/InputGroup/Textarea/styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const textarea: string;
+declare const _default: {
+    textarea: string;
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import "./../../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../../assets/src/components/InputGroup/Textarea/styles.css.ts.vanilla-DIqtGbwz.css";
+
+//#region src/components/InputGroup/Textarea/styles.css.ts
+var __default__ = { textarea: "styles_textarea__gxp1dz0" };
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,9 @@
+export declare const InputGroup: {
+    Root: import("svelte").Component<import("./types").InputGroupProps, {}, "ref">;
+    Addon: import("svelte").Component<import("./types").InputGroupAddonProps, {}, "ref">;
+    Button: import("svelte").Component<import("./types").InputGroupButtonProps, {}, "ref">;
+    Input: import("svelte").Component<import("./types").InputGroupInputProps, {}, "value" | "ref">;
+    Text: import("svelte").Component<import("./types").InputGroupTextProps, {}, "ref">;
+    Textarea: import("svelte").Component<import("./types").InputGroupTextareaProps, {}, "value" | "ref">;
+};
+export type * from './types';

package/dist/components/InputGroup/index.js

@@ -0,0 +1,19 @@
+import Addon from "./Addon/Addon.js";
+import Button_1 from "./Button/Button.js";
+import Input from "./Input/Input.js";
+import InputGroup$1 from "./InputGroup.js";
+import Text from "./Text/Text.js";
+import Textarea from "./Textarea/Textarea.js";
+
+//#region src/components/InputGroup/index.ts
+const InputGroup = {
+	Root: InputGroup$1,
+	Addon,
+	Button: Button_1,
+	Input,
+	Text,
+	Textarea
+};
+
+//#endregion
+export { InputGroup };

package/dist/components/InputGroup/styles.css.d.ts

@@ -0,0 +1,5 @@
+export declare const container: string;
+declare const _default: {
+    container: string;
+};
+export default _default;

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

@@ -0,0 +1,8 @@
+import "./../../assets/src/theme.css.ts.vanilla-HT3RGHeI.css";
+import "./../../assets/src/components/InputGroup/styles.css.ts.vanilla-D7Moo4H4.css";
+
+//#region src/components/InputGroup/styles.css.ts
+var __default__ = { container: "styles_container__rl3s4j0" };
+
+//#endregion
+export { __default__ as default };

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

@@ -0,0 +1,17 @@
+import type { HTMLAttributes, HTMLInputAttributes, HTMLTextareaAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../..';
+import type { ButtonProps } from '../Button/types';
+export type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+export interface InputGroupProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    disabled?: boolean;
+}
+export interface InputGroupAddonProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    align?: InputGroupAddonAlign;
+}
+export type InputGroupButtonSize = 'xs' | 'sm' | 'icon-xs' | 'icon-sm';
+export type InputGroupButtonProps = Omit<ButtonProps, 'size'> & {
+    size?: InputGroupButtonSize;
+};
+export type InputGroupInputProps = WithElementRef<HTMLInputAttributes>;
+export type InputGroupTextareaProps = WithElementRef<HTMLTextareaAttributes>;
+export type InputGroupTextProps = WithElementRef<HTMLAttributes<HTMLSpanElement>>;

package/dist/components/Item/Actions/Actions.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Actions: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Actions = ReturnType<typeof Actions>;
 export default Actions;

package/dist/components/Item/Content/Content.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Content: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Content = ReturnType<typeof Content>;
 export default Content;

package/dist/components/Item/Description/Description.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Description: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
 type Description = ReturnType<typeof Description>;
 export default Description;

package/dist/components/Item/Footer/Footer.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Footer: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Footer = ReturnType<typeof Footer>;
 export default Footer;

package/dist/components/Item/Group/Group.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Group: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Group = ReturnType<typeof Group>;
 export default Group;

package/dist/components/Item/Header/Header.svelte.d.ts

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'svelte/elements';
-import type { WithElementRef } from '../../../types';
+import type { WithElementRef } from '../../..';
 declare const Header: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Header = ReturnType<typeof Header>;
 export default Header;