@max-ts/svelte 1.0.2 → 1.0.5

package/dist/assets/{styles.css.ts.vanilla-CRRIM3FB.css → styles.css.ts.vanilla-BTOQ-HsW.css}

@@ -2,8 +2,8 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 1rem;
-  height: 1rem;
+  width: var(--spacing-4);
+  height: var(--spacing-4);
   flex-shrink: 0;
   border-radius: var(--borderRadius-sm);
   border: 1px solid var(--colors-border);

package/dist/assets/styles.css.ts.vanilla-CLnCzIMF.css

@@ -0,0 +1,8 @@
+.style__kx5p8g0 {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}

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

@@ -1,4 +1,4 @@
 import { Accordion as AccordionPrimitive } from 'bits-ui';
-declare const Content: import("svelte").Component<Omit<AccordionPrimitive.ContentProps, "child">, {}, "ref">;
+declare const Content: import("svelte").Component<WithoutChild<AccordionPrimitive.ContentProps>, {}, "ref">;
 type Content = ReturnType<typeof Content>;
 export default Content;

package/dist/components/Accordion/Trigger/Trigger.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Accordion as AccordionPrimitive } from 'bits-ui';
-import type { WithoutChild } from '../../../styles/index.js';
+import type { WithoutChild } from '../../../types.js';
 type $$ComponentProps = WithoutChild<AccordionPrimitive.TriggerProps> & {
     level?: AccordionPrimitive.HeaderProps['level'];
 };

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

@@ -3,7 +3,7 @@ declare const Accordion: {
         level?: import("bits-ui").AccordionHeaderProps["level"];
     }, {}, "ref">;
     Item: import("svelte").Component<import("bits-ui").AccordionItemProps, {}, "ref">;
-    Content: import("svelte").Component<Omit<import("bits-ui").AccordionContentProps, "child">, {}, "ref">;
+    Content: import("svelte").Component<WithoutChild<import("bits-ui").AccordionContentProps>, {}, "ref">;
     Root: import("svelte").Component<import("bits-ui").AccordionRootProps, {}, "value" | "ref">;
 };
 export { Accordion };

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

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

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

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

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

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

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

@@ -5,8 +5,8 @@ declare const Alert: {
     } & {
         variant?: import("./types.js").AlertVariant;
     }, {}, "ref">;
-    Title: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Description: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Title: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Description: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 };
 export { Alert, alertVariants };
 export type * from './types.js';

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

@@ -1,20 +1,4 @@
-import { type DateValue } from '@internationalized/date';
-import { Calendar as CalendarPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
-import type { ButtonVariant } from '../../index.js';
-import type { WithoutChildrenOrChild } from '../../styles/index.js';
-type $$ComponentProps = WithoutChildrenOrChild<CalendarPrimitive.RootProps> & {
-    buttonVariant?: ButtonVariant;
-    captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
-    months?: CalendarPrimitive.MonthSelectProps['months'];
-    years?: CalendarPrimitive.YearSelectProps['years'];
-    monthFormat?: CalendarPrimitive.MonthSelectProps['monthFormat'];
-    yearFormat?: CalendarPrimitive.YearSelectProps['yearFormat'];
-    day?: Snippet<[{
-        day: DateValue;
-        outsideMonth: boolean;
-    }]>;
-};
-declare const Calendar: import("svelte").Component<$$ComponentProps, {}, "value" | "placeholder" | "ref">;
+import type { CalendarProps } from './types.js';
+declare const Calendar: import("svelte").Component<CalendarProps, {}, "value" | "placeholder" | "ref">;
 type Calendar = ReturnType<typeof Calendar>;
 export default Calendar;

package/dist/components/Calendar/Month/Month.svelte.d.ts

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

package/dist/components/Calendar/Months/Months.svelte.d.ts

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

package/dist/components/Calendar/Nav/Nav.svelte.d.ts

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

package/dist/components/Calendar/NextButton/NextButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Calendar as CalendarPrimitive } from 'bits-ui';
-import { type ButtonVariant } from '../../index.js';
+import { type ButtonVariant } from '../../Button/index.js';
 type $$ComponentProps = CalendarPrimitive.NextButtonProps & {
     variant?: ButtonVariant;
 };

package/dist/components/Calendar/PrevButton/PrevButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import { Calendar as CalendarPrimitive } from 'bits-ui';
-import { type ButtonVariant } from '../../index.js';
+import { type ButtonVariant } from '../../Button/index.js';
 type $$ComponentProps = CalendarPrimitive.PrevButtonProps & {
     variant?: ButtonVariant;
 };

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

@@ -1 +1,2 @@
 export { default as Calendar } from './Calendar.svelte';
+export * from './types.js';

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

@@ -0,0 +1,17 @@
+import type { DateValue } from '@internationalized/date';
+import type { Calendar } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../types.js';
+import type { ButtonVariant } from '../Button/types.js';
+export type CalendarProps = WithoutChildrenOrChild<Calendar.RootProps> & {
+    buttonVariant?: ButtonVariant;
+    captionLayout?: 'dropdown' | 'dropdown-months' | 'dropdown-years' | 'label';
+    months?: Calendar.MonthSelectProps['months'];
+    years?: Calendar.YearSelectProps['years'];
+    monthFormat?: Calendar.MonthSelectProps['monthFormat'];
+    yearFormat?: Calendar.YearSelectProps['yearFormat'];
+    day?: Snippet<[{
+        day: DateValue;
+        outsideMonth: boolean;
+    }]>;
+};

package/dist/components/Card/Action/Action.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
 declare const Card: {
-    Root: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Header: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Title: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Description: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
-    Content: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Footer: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
-    Action: import("svelte").Component<import("../../index.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Root: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Header: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Title: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Description: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLParagraphElement>>, {}, "ref">;
+    Content: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Footer: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Action: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 };
 export { Card };
 export type * from './types.js';

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

@@ -1,2 +1 @@
-import Root from './Checkbox.svelte';
-export { Root as Checkbox, Root, };
+export { default as Checkbox } from './Checkbox.svelte';

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

@@ -1,5 +1,5 @@
 import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
-import "./../../assets/styles.css.ts.vanilla-CRRIM3FB.css";
+import "./../../assets/styles.css.ts.vanilla-BTOQ-HsW.css";
 
 //#region src/components/Checkbox/styles.css.ts
 var __default__ = {

package/dist/components/ContentState/ContentState.js

@@ -0,0 +1,109 @@
+import Button from "../Button/Button.js";
+import Placeholder from "../Placeholder/Placeholder.js";
+import Spinner from "../Spinner/Spinner.js";
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/ContentState/ContentState.svelte
+var root_3 = $.from_html(`<div><!></div>`);
+function ContentState($$anchor, $$props) {
+	$.push($$props, true);
+	const actionSnippet = ($$anchor$1) => {
+		{
+			let $0 = $.derived(() => $$props.errorState?.onRetry);
+			Button($$anchor$1, {
+				get onclick() {
+					return $.get($0);
+				},
+				children: ($$anchor$2, $$slotProps) => {
+					$.next();
+					var text = $.text("Попробовать снова");
+					$.append($$anchor$2, text);
+				},
+				$$slots: { default: true }
+			});
+		}
+	};
+	var fragment_1 = $.comment();
+	var node = $.first_child(fragment_1);
+	var consequent_1 = ($$anchor$1) => {
+		var div = root_3();
+		var node_1 = $.child(div);
+		var consequent = ($$anchor$2) => {
+			var text_1 = $.text();
+			$.template_effect(() => $.set_text(text_1, $$props.loadingContent));
+			$.append($$anchor$2, text_1);
+		};
+		var alternate = ($$anchor$2) => {
+			Spinner($$anchor$2, {});
+		};
+		$.if(node_1, ($$render) => {
+			if ($$props.loadingContent) $$render(consequent);
+			else $$render(alternate, false);
+		});
+		$.reset(div);
+		$.template_effect(() => $.set_class(div, 1, $.clsx(styles_css_default.loadingContainer)));
+		$.append($$anchor$1, div);
+	};
+	var alternate_3 = ($$anchor$1) => {
+		var fragment_4 = $.comment();
+		var node_2 = $.first_child(fragment_4);
+		var consequent_2 = ($$anchor$2) => {
+			Placeholder($$anchor$2, $.spread_props(() => $$props.customState));
+		};
+		var alternate_2 = ($$anchor$2) => {
+			var fragment_6 = $.comment();
+			var node_3 = $.first_child(fragment_6);
+			var consequent_3 = ($$anchor$3) => {
+				{
+					let $0 = $.derived(() => $$props.errorState.title || "Произошла ошибка");
+					let $1 = $.derived(() => $$props.errorState.errorList.join(", "));
+					let $2 = $.derived(() => $$props.errorState.actions || actionSnippet);
+					Placeholder($$anchor$3, {
+						get title() {
+							return $.get($0);
+						},
+						get description() {
+							return $.get($1);
+						},
+						get imgAlt() {
+							return $$props.errorState.imgAlt;
+						},
+						get imgSrc() {
+							return $$props.errorState.imgSrc;
+						},
+						get actions() {
+							return $.get($2);
+						}
+					});
+				}
+			};
+			var alternate_1 = ($$anchor$3) => {
+				var fragment_8 = $.comment();
+				var node_4 = $.first_child(fragment_8);
+				$.snippet(node_4, () => $$props.children ?? $.noop);
+				$.append($$anchor$3, fragment_8);
+			};
+			$.if(node_3, ($$render) => {
+				if ($$props.isError && $$props.errorState) $$render(consequent_3);
+				else $$render(alternate_1, false);
+			}, true);
+			$.append($$anchor$2, fragment_6);
+		};
+		$.if(node_2, ($$render) => {
+			if ($$props.isCustom && $$props.customState) $$render(consequent_2);
+			else $$render(alternate_2, false);
+		}, true);
+		$.append($$anchor$1, fragment_4);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.isLoading) $$render(consequent_1);
+		else $$render(alternate_3, false);
+	});
+	$.append($$anchor, fragment_1);
+	$.pop();
+}
+
+//#endregion
+export { ContentState as default };

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

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

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

@@ -0,0 +1,2 @@
+export { default as ContentState } from './ContentState.svelte';
+export * from './types.js';

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

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

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

@@ -0,0 +1,8 @@
+import "./../../assets/styles.css.ts.vanilla-CLnCzIMF.css";
+
+//#region src/components/ContentState/styles.css.ts
+var __default__ = { loadingContainer: "style__kx5p8g0" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,55 @@
+import type { Snippet } from 'svelte';
+import type { PlaceholderProps } from '../Placeholder/index.js';
+export type ContentStateProps = {
+    /**
+     * Флаг состояния загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Элемент для отображения состояния загрузки
+     */
+    loadingContent?: Snippet<[]>;
+    /**
+     * Флаг состояния ошибки
+     */
+    isError?: boolean;
+    /**
+     * Параметры для отображения состояния ошибки
+     */
+    errorState?: ContentStateErrorProps;
+    /**
+     * Флаг для отображения custom состояния ошибки
+     */
+    isCustom?: boolean;
+    /**
+     * Параметры для отображения custom состояния ошибки
+     */
+    customState?: PlaceholderProps;
+    /**
+     * Элементы для отображения состояния "Успех"
+     */
+    children: Snippet<[]>;
+};
+export type ContentStateErrorProps = {
+    /**
+     * Название ошибки
+     */
+    title?: string;
+    imgSrc?: string;
+    /**
+     * Alt атрибут для изображения
+     */
+    imgAlt?: string;
+    /**
+     * Список ошибок для отображения
+     */
+    errorList: string[];
+    /**
+     * Элементы кнопок для дальнейших действий
+     */
+    actions?: Snippet<[]>;
+    /**
+     * Функция для повторного действия
+     */
+    onRetry: () => void;
+};

package/dist/components/DataGrid/Cell/Cell.js

@@ -1,5 +1,4 @@
-import { calculateSize } from "../../../styles/utils.js";
-import "../../../styles/index.js";
+import { calculateSize } from "../../../utils.js";
 import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";

package/dist/components/DropdownMenu/CheckboxItem/CheckboxItem.svelte.d.ts

@@ -1,6 +1,6 @@
 import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 import type { Snippet } from 'svelte';
-import type { WithoutChildrenOrChild } from '../../../styles/index.js';
+import type { WithoutChildrenOrChild } from '../../../types.js';
 type $$ComponentProps = WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
     children?: Snippet;
 };

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

@@ -1,6 +1,6 @@
 import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
 import type { ComponentProps } from 'svelte';
-import type { WithoutChildrenOrChild } from '../../../styles/index.js';
+import type { WithoutChildrenOrChild } from '../../../types.js';
 import { Portal } from '../Portal/index.js';
 type $$ComponentProps = DropdownMenuPrimitive.ContentProps & {
     portalProps?: WithoutChildrenOrChild<ComponentProps<typeof Portal>>;

package/dist/components/DropdownMenu/Label/Label.svelte.d.ts

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

package/dist/components/DropdownMenu/Shortcut/Shortcut.svelte.d.ts

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

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

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

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

@@ -1,5 +1,5 @@
-import styles_css_default from "./styles.css.js";
 import Label_1$1 from "../../Label/Label.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 

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

@@ -1,4 +1,4 @@
-import { Label } from '../../index.js';
+import { Label } from '../../Label/index.js';
 declare const Label: any;
 type Label = ReturnType<typeof Label>;
 export default Label;

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

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

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

@@ -1,5 +1,5 @@
-import styles_css_default from "./styles.css.js";
 import Separator from "../../Separator/Separator.js";
+import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
 

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

@@ -1,7 +1,7 @@
 import type { Snippet } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
-import { Separator } from '../../index.js';
-import type { WithElementRef } from '../../../styles/index.js';
+import type { WithElementRef } from '../../../types.js';
+import { Separator } from '../../Separator/index.js';
 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 '../../../styles/index.js';
+import type { WithElementRef } from '../../../types.js';
 declare const Title: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
 type Title = ReturnType<typeof Title>;
 export default Title;