@max-ts/svelte 1.0.8 → 1.1.1

package/dist/components/Carousel/Next/styles.css.js

@@ -0,0 +1,16 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-Cj0JBm6N.css";
+
+//#region src/components/Carousel/Next/styles.css.ts
+var orientation = {
+	horizontal: "styles_orientation_horizontal__2sfgz91",
+	vertical: "styles_orientation_vertical__2sfgz92"
+};
+var __default__ = {
+	button: "styles_button__2sfgz90",
+	orientation
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/Carousel/Previous/Previous.js

@@ -0,0 +1,69 @@
+import Button from "../../Button/Button.js";
+import { getEmblaContext } from "../context.js";
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import ArrowLeftIcon from "@lucide/svelte/icons/arrow-left";
+
+//#region src/components/Carousel/Previous/Previous.svelte
+var root_1 = $.from_html(`<!> <span>Previous slide</span>`, 1);
+function Previous($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "outline"), size = $.prop($$props, "size", 3, "icon"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"variant",
+		"size"
+	]);
+	const emblaCtx = getEmblaContext("<Carousel.Previous/>");
+	{
+		let $0 = $.derived(() => !emblaCtx.canScrollPrev);
+		let $1 = $.derived(() => [
+			styles_css_default.button,
+			styles_css_default.orientation[emblaCtx.orientation],
+			$$props.class
+		]);
+		Button($$anchor, $.spread_props({
+			"data-slot": "carousel-previous",
+			get variant() {
+				return variant();
+			},
+			get size() {
+				return size();
+			},
+			get disabled() {
+				return $.get($0);
+			},
+			get class() {
+				return $.get($1);
+			},
+			get onclick() {
+				return emblaCtx.scrollPrev;
+			},
+			get onkeydown() {
+				return emblaCtx.handleKeyDown;
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			children: ($$anchor$1, $$slotProps) => {
+				var fragment_1 = root_1();
+				ArrowLeftIcon($.first_child(fragment_1), {});
+				$.next(2);
+				$.append($$anchor$1, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+
+//#endregion
+export { Previous as default };

package/dist/components/Carousel/Previous/Previous.svelte.d.ts

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

package/dist/components/Carousel/Previous/index.d.ts

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

package/dist/components/Carousel/Previous/styles.css.d.ts

@@ -0,0 +1,7 @@
+export declare const button: string;
+export declare const orientation: Record<"horizontal" | "vertical", string>;
+declare const _default: {
+    button: string;
+    orientation: Record<"horizontal" | "vertical", string>;
+};
+export default _default;

package/dist/components/Carousel/Previous/styles.css.js

@@ -0,0 +1,16 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-D2NN324N.css";
+
+//#region src/components/Carousel/Previous/styles.css.ts
+var orientation = {
+	horizontal: "styles_orientation_horizontal__4va6681",
+	vertical: "styles_orientation_vertical__4va6682"
+};
+var __default__ = {
+	button: "styles_button__4va6680",
+	orientation
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/Carousel/context.d.ts

@@ -0,0 +1,3 @@
+import type { EmblaContext } from './types.js';
+export declare function setEmblaContext(config: EmblaContext): EmblaContext;
+export declare function getEmblaContext(name?: string): EmblaContext;

package/dist/components/Carousel/context.js

@@ -0,0 +1,15 @@
+import { getContext, hasContext, setContext } from "svelte";
+
+//#region src/components/Carousel/context.ts
+const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
+function setEmblaContext(config) {
+	setContext(EMBLA_CAROUSEL_CONTEXT, config);
+	return config;
+}
+function getEmblaContext(name = "This component") {
+	if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) throw new Error(`${name} must be used within a <Carousel.Root> component`);
+	return getContext(EMBLA_CAROUSEL_CONTEXT);
+}
+
+//#endregion
+export { getEmblaContext, setEmblaContext };

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

@@ -0,0 +1,8 @@
+export declare const Carousel: {
+    Root: import("svelte").Component<import("./types.js").CarouselProps, {}, "ref">;
+    Content: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Item: import("svelte").Component<import("../../types.js").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Next: import("svelte").Component<Omit<import("../Button/types.js").ButtonProps, "children">, {}, "ref">;
+    Previous: import("svelte").Component<Omit<import("../Button/types.js").ButtonProps, "children">, {}, "ref">;
+};
+export type * from './types.js';

package/dist/components/Carousel/index.js

@@ -0,0 +1,17 @@
+import Carousel$1 from "./Carousel.js";
+import Content from "./Content/Content.js";
+import Item from "./Item/Item.js";
+import Next from "./Next/Next.js";
+import Previous from "./Previous/Previous.js";
+
+//#region src/components/Carousel/index.ts
+const Carousel = {
+	Root: Carousel$1,
+	Content,
+	Item,
+	Next,
+	Previous
+};
+
+//#endregion
+export { Carousel };

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { WithElementRef } from '../../types.js';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { EmblaCarouselSvelteType, default as emblaCarouselSvelte } from 'embla-carousel-svelte';
+export type CarouselAPI = NonNullable<NonNullable<EmblaCarouselSvelteType['$$_attributes']>['onemblaInit']> extends (evt: CustomEvent<infer API>) => void ? API : any;
+type EmblaCarouselConfig = NonNullable<Parameters<typeof emblaCarouselSvelte>[1]>;
+export type CarouselOptions = EmblaCarouselConfig['options'];
+export type CarouselPlugins = EmblaCarouselConfig['plugins'];
+export interface CarouselProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugins;
+    setApi?: (api: CarouselAPI | undefined) => void;
+    orientation?: 'horizontal' | 'vertical';
+}
+export type EmblaContext = {
+    api: CarouselAPI | undefined;
+    orientation: 'horizontal' | 'vertical';
+    scrollNext: () => void;
+    scrollPrev: () => void;
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    options: CarouselOptions;
+    plugins: CarouselPlugins;
+    onInit: (e: CustomEvent<CarouselAPI>) => void;
+    scrollTo: (index: number, jump?: boolean) => void;
+    scrollSnaps: number[];
+    selectedIndex: number;
+};
+export {};

package/dist/components/ContentState/ContentState.js

@@ -1,6 +1,6 @@
-import Spinner from "../Spinner/Spinner.js";
-import Placeholder from "../Placeholder/Placeholder.js";
 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";

package/dist/components/DataGrid/State/State.js

@@ -1,6 +1,6 @@
-import Placeholder from "../../Placeholder/Placeholder.js";
 import Button from "../../Button/Button.js";
 import CircularProgress from "../../CircularProgress/CircularProgress.js";
+import Placeholder from "../../Placeholder/Placeholder.js";
 import styles_css_default from "./styles.css.js";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";

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

@@ -1,5 +1,5 @@
 import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
-import "./../../../assets/styles.css.ts.vanilla-BXoNzaj5.css";
+import "./../../../assets/styles.css.ts.vanilla--2KRqxlh.css";
 
 //#region src/components/DropdownMenu/SubTrigger/styles.css.ts
 var __default__ = {

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

@@ -15,6 +15,5 @@ import { Sub } from './Sub/index.js';
 import { SubContent } from './SubContent/index.js';
 import { SubTrigger } from './SubTrigger/index.js';
 import { Trigger } from './Trigger/index.js';
-import type { Props } from './types.js';
-export { Root as DropdownMenuRoot, CheckboxGroup as DropdownMenuCheckboxGroup, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, GroupHeading as DropdownMenuGroupHeading, Item as DropdownMenuItem, Label as DropdownMenuLabel, Portal as DropdownMenuPortal, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, };
-export type { Props as DropdownMenuProps };
+export { CheckboxGroup, CheckboxItem, Content, Group, GroupHeading, Item, Label, Portal, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
+export type { DropdownMenuProps } from './types.js';

package/dist/components/DropdownMenu/index.js

@@ -1,3 +1,4 @@
+import { __exportAll } from "../../_virtual/rolldown_runtime.js";
 import CheckboxGroup from "./CheckboxGroup/CheckboxGroup.js";
 import CheckboxItem from "./CheckboxItem/CheckboxItem.js";
 import Portal from "./Portal/Portal.js";
@@ -16,4 +17,26 @@ import SubContent from "./SubContent/SubContent.js";
 import SubTrigger from "./SubTrigger/SubTrigger.js";
 import Trigger from "./Trigger/Trigger.js";
 
-export { CheckboxGroup as DropdownMenuCheckboxGroup, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, GroupHeading as DropdownMenuGroupHeading, Item as DropdownMenuItem, Label as DropdownMenuLabel, Portal as DropdownMenuPortal, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, DropdownMenu as DropdownMenuRoot, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger };
+//#region src/components/DropdownMenu/index.ts
+var DropdownMenu_exports = /* @__PURE__ */ __exportAll({
+	CheckboxGroup: () => CheckboxGroup,
+	CheckboxItem: () => CheckboxItem,
+	Content: () => Content,
+	Group: () => Group,
+	GroupHeading: () => GroupHeading,
+	Item: () => Item,
+	Label: () => Label,
+	Portal: () => Portal,
+	RadioGroup: () => RadioGroup,
+	RadioItem: () => RadioItem,
+	Root: () => DropdownMenu,
+	Separator: () => Separator,
+	Shortcut: () => Shortcut,
+	Sub: () => Sub,
+	SubContent: () => SubContent,
+	SubTrigger: () => SubTrigger,
+	Trigger: () => Trigger
+});
+
+//#endregion
+export { DropdownMenu_exports };

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

@@ -1,3 +1,2 @@
 import type { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
-type Props = DropdownMenuPrimitive.RootProps;
-export type { Props };
+export type DropdownMenuProps = DropdownMenuPrimitive.RootProps;

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

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Actions/Actions.svelte
+var root = $.from_html(`<div><!></div>`);
+function Actions($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "item-actions",
+		class: [styles_css_default.actions, $$props.class],
+		...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 { Actions as default };

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

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

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

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

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

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Content/Content.svelte
+var root = $.from_html(`<div><!></div>`);
+function Content($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "item-content",
+		class: [styles_css_default.content, $$props.class],
+		...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 { Content as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+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/Item/Content/index.d.ts

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

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

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Description/Description.svelte
+var root = $.from_html(`<p><!></p>`);
+function Description($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var p = root();
+	$.attribute_effect(p, () => ({
+		"data-slot": "item-description",
+		class: [styles_css_default.description, $$props.class],
+		...restProps
+	}));
+	var node = $.child(p);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(p);
+	$.bind_this(p, ($$value) => ref($$value), () => ref());
+	$.append($$anchor, p);
+	$.pop();
+}
+
+//#endregion
+export { Description as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+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/Item/Description/index.d.ts

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

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

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Footer/Footer.svelte
+var root = $.from_html(`<div><!></div>`);
+function Footer($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "item-footer",
+		class: [styles_css_default.footer, $$props.class],
+		...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 { Footer as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+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/Item/Footer/index.d.ts

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

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

@@ -0,0 +1,33 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Group/Group.svelte
+var root = $.from_html(`<div><!></div>`);
+function Group($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		role: "list",
+		"data-slot": "item-group",
+		class: [styles_css_default.group, $$props.class],
+		...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 { Group as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+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/Item/Group/index.d.ts

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

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

@@ -0,0 +1,32 @@
+import styles_css_default from "../styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Header/Header.svelte
+var root = $.from_html(`<div><!></div>`);
+function Header($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"children"
+	]);
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "item-header",
+		class: [styles_css_default.header, $$props.class],
+		...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 { Header as default };

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

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+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/Item/Header/index.d.ts

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

package/dist/components/Item/Item.js

@@ -0,0 +1,58 @@
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Item/Item.svelte
+var root_2 = $.from_html(`<div><!></div>`);
+function Item($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), variant = $.prop($$props, "variant", 3, "default"), size = $.prop($$props, "size", 3, "default"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"child",
+		"variant",
+		"size",
+		"children"
+	]);
+	const mergedProps = $.derived(() => ({
+		class: [
+			styles_css_default.item,
+			styles_css_default.itemVariants[variant()],
+			styles_css_default.itemSizes[size()],
+			$$props.class
+		],
+		"data-slot": "item",
+		"data-variant": variant(),
+		"data-size": size(),
+		...restProps
+	}));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	var consequent = ($$anchor$1) => {
+		var fragment_1 = $.comment();
+		var node_1 = $.first_child(fragment_1);
+		$.snippet(node_1, () => $$props.child, () => ({ props: $.get(mergedProps) }));
+		$.append($$anchor$1, fragment_1);
+	};
+	var alternate = ($$anchor$1) => {
+		var div = root_2();
+		$.attribute_effect(div, () => ({ ...$.get(mergedProps) }));
+		var node_2 = $.child(div);
+		$.snippet(node_2, () => $$props.children ?? $.noop);
+		$.reset(div);
+		$.bind_this(div, ($$value) => ref($$value), () => ref());
+		$.append($$anchor$1, div);
+	};
+	$.if(node, ($$render) => {
+		if ($$props.child) $$render(consequent);
+		else $$render(alternate, false);
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+
+//#endregion
+export { Item as default };

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

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