@max-ts/svelte 1.0.8 → 1.1.0

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

@@ -0,0 +1,18 @@
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-Bjel8_Kw.css";
+
+//#region src/components/Badge/styles.css.ts
+var badgeVariants = {
+	"default": "styles_badgeVariants_default__l5k2ok1",
+	secondary: "styles_badgeVariants_secondary__l5k2ok2",
+	destructive: "styles_badgeVariants_destructive__l5k2ok3",
+	outline: "styles_badgeVariants_outline__l5k2ok4"
+};
+var __default__ = {
+	badge: "styles_badge__l5k2ok0",
+	badgeVariants
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { badgeVariants, styles_css_default as default };

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

@@ -0,0 +1,6 @@
+import type { WithElementRef } from '../../types.js';
+import type { HTMLAnchorAttributes } from 'svelte/elements';
+export type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline';
+export interface BadgeProps extends WithElementRef<HTMLAnchorAttributes> {
+    variant?: BadgeVariant;
+}

package/dist/components/Button/Button.js

@@ -52,6 +52,7 @@ function Button($$anchor, $$props) {
 		var button = root_2();
 		$.attribute_effect(button, () => ({
 			"data-slot": "button",
+			"aria-disabled": $$props.disabled,
 			class: $.get(classNames),
 			type: type(),
 			disabled: $$props.disabled,

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

@@ -1,5 +1,5 @@
 import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
-import "./../../assets/styles.css.ts.vanilla-CZGlsAbQ.css";
+import "./../../assets/styles.css.ts.vanilla-Dt8KZ_4Z.css";
 
 //#region src/components/Button/styles.css.ts
 var buttonVariants = {

package/dist/components/ButtonGroup/ButtonGroup.js

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

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

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

package/dist/components/ButtonGroup/Separator/Separator.js

@@ -0,0 +1,40 @@
+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";
+
+//#region src/components/ButtonGroup/Separator/Separator.svelte
+function Separator_1($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), orientation = $.prop($$props, "orientation", 3, "vertical"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"orientation"
+	]);
+	{
+		let $0 = $.derived(() => [styles_css_default.separator, $$props.class]);
+		Separator($$anchor, $.spread_props({
+			"data-slot": "button-group-separator",
+			get orientation() {
+				return orientation();
+			},
+			get class() {
+				return $.get($0);
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			}
+		}));
+	}
+	$.pop();
+}
+
+//#endregion
+export { Separator_1 as default };

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

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

package/dist/components/ButtonGroup/Separator/index.d.ts

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

package/dist/components/ButtonGroup/Separator/styles.css.d.ts

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

package/dist/components/ButtonGroup/Separator/styles.css.js

@@ -0,0 +1,9 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-EvTZBBDg.css";
+
+//#region src/components/ButtonGroup/Separator/styles.css.ts
+var __default__ = { separator: "styles_separator__mohq570" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/ButtonGroup/Text/Text.js

@@ -0,0 +1,48 @@
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/ButtonGroup/Text/Text.svelte
+var root_2 = $.from_html(`<div><!></div>`);
+function Text($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"class",
+		"child",
+		"children"
+	]);
+	const mergedProps = $.derived(() => ({
+		...restProps,
+		class: [styles_css_default.text, $$props.class]
+	}));
+	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 { Text as default };

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

@@ -0,0 +1,11 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+import type { WithElementRef } from '../../../types.js';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    child?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const Text: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type Text = ReturnType<typeof Text>;
+export default Text;

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

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

package/dist/components/ButtonGroup/Text/styles.css.d.ts

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

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

@@ -0,0 +1,9 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-DmTiU6Ua.css";
+
+//#region src/components/ButtonGroup/Text/styles.css.ts
+var __default__ = { text: "styles_text__1n5rolr0" };
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,12 @@
+export declare const ButtonGroup: {
+    Root: import("svelte").Component<import("./types.js").ButtonGroupProps, {}, "ref">;
+    Separator: any;
+    Text: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        ref?: HTMLElement | null | undefined;
+    } & {
+        child?: import("svelte").Snippet<[{
+            props: Record<string, unknown>;
+        }]>;
+    }, {}, "ref">;
+};
+export type * from './types.js';

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,13 @@
+import ButtonGroup$1 from "./ButtonGroup.js";
+import Separator_1 from "./Separator/Separator.js";
+import Text from "./Text/Text.js";
+
+//#region src/components/ButtonGroup/index.ts
+const ButtonGroup = {
+	Root: ButtonGroup$1,
+	Separator: Separator_1,
+	Text
+};
+
+//#endregion
+export { ButtonGroup };

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

@@ -0,0 +1,8 @@
+import type { ButtonGroupOrientation } from './types.js';
+export declare const container: string;
+export declare const orientation: Record<ButtonGroupOrientation, string>;
+declare const _default: {
+    container: string;
+    orientation: Record<ButtonGroupOrientation, string>;
+};
+export default _default;

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

@@ -0,0 +1,16 @@
+import "./../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../assets/styles.css.ts.vanilla-BwE12Ho-.css";
+
+//#region src/components/ButtonGroup/styles.css.ts
+var orientation = {
+	horizontal: "styles_orientation_horizontal__zn4w4x1",
+	vertical: "styles_orientation_vertical__zn4w4x2"
+};
+var __default__ = {
+	container: "styles_container__zn4w4x0",
+	orientation
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

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

@@ -0,0 +1,6 @@
+import type { WithElementRef } from '../../types.js';
+import type { HTMLAttributes } from 'svelte/elements';
+export type ButtonGroupOrientation = 'horizontal' | 'vertical';
+export interface ButtonGroupProps extends WithElementRef<HTMLAttributes<HTMLDivElement>> {
+    orientation?: ButtonGroupOrientation;
+}

package/dist/components/Carousel/Carousel.js

@@ -0,0 +1,91 @@
+import { setEmblaContext } from "./context.js";
+import styles_css_default from "./styles.css.js";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+
+//#region src/components/Carousel/Carousel.svelte
+var root = $.from_html(`<div><!></div>`);
+function Carousel($$anchor, $$props) {
+	$.push($$props, true);
+	let ref = $.prop($$props, "ref", 15, null), opts = $.prop($$props, "opts", 19, () => ({})), plugins = $.prop($$props, "plugins", 19, () => []), setApi = $.prop($$props, "setApi", 3, () => {}), orientation = $.prop($$props, "orientation", 3, "horizontal"), restProps = $.rest_props($$props, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"ref",
+		"opts",
+		"plugins",
+		"setApi",
+		"orientation",
+		"class",
+		"children"
+	]);
+	let carouselState = $.proxy({
+		api: void 0,
+		scrollPrev,
+		scrollNext,
+		orientation: orientation(),
+		canScrollNext: false,
+		canScrollPrev: false,
+		handleKeyDown,
+		options: opts(),
+		plugins: plugins(),
+		onInit,
+		scrollSnaps: [],
+		selectedIndex: 0,
+		scrollTo
+	});
+	setEmblaContext(carouselState);
+	function scrollPrev() {
+		carouselState.api?.scrollPrev();
+	}
+	function scrollNext() {
+		carouselState.api?.scrollNext();
+	}
+	function scrollTo(index, jump) {
+		carouselState.api?.scrollTo(index, jump);
+	}
+	function onSelect() {
+		if (!carouselState.api) return;
+		carouselState.selectedIndex = carouselState.api.selectedScrollSnap();
+		carouselState.canScrollNext = carouselState.api.canScrollNext();
+		carouselState.canScrollPrev = carouselState.api.canScrollPrev();
+	}
+	function handleKeyDown(e) {
+		if (e.key === "ArrowLeft") {
+			e.preventDefault();
+			scrollPrev();
+		} else if (e.key === "ArrowRight") {
+			e.preventDefault();
+			scrollNext();
+		}
+	}
+	function onInit(event) {
+		carouselState.api = event.detail;
+		setApi()(carouselState.api);
+		carouselState.scrollSnaps = carouselState.api.scrollSnapList();
+		carouselState.api.on("select", onSelect);
+		onSelect();
+	}
+	$.user_effect(() => {
+		return () => {
+			carouselState.api?.off("select", onSelect);
+		};
+	});
+	var div = root();
+	$.attribute_effect(div, () => ({
+		"data-slot": "carousel",
+		class: [styles_css_default.carousel, $$props.class],
+		role: "region",
+		"aria-roledescription": "carousel",
+		...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 { Carousel as default };

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

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

package/dist/components/Carousel/Content/Content.js

@@ -0,0 +1,54 @@
+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 emblaCarouselSvelte from "embla-carousel-svelte";
+
+//#region src/components/Carousel/Content/Content.svelte
+var root = $.from_html(`<div data-slot="carousel-content-wrapper"><div><!></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"
+	]);
+	const emblaCtx = getEmblaContext("<Carousel.Content/>");
+	var div = root();
+	var div_1 = $.child(div);
+	$.attribute_effect(div_1, () => ({
+		class: [
+			styles_css_default.container,
+			styles_css_default.orientation[emblaCtx.orientation],
+			$$props.class
+		],
+		"data-embla-container": "",
+		...restProps
+	}));
+	var node = $.child(div_1);
+	$.snippet(node, () => $$props.children ?? $.noop);
+	$.reset(div_1);
+	$.bind_this(div_1, ($$value) => ref($$value), () => ref());
+	$.reset(div);
+	$.action(div, ($$node, $$action_arg) => emblaCarouselSvelte?.($$node, $$action_arg), () => ({
+		options: {
+			container: "[data-embla-container]",
+			slides: "[data-embla-slide]",
+			...emblaCtx.options,
+			axis: emblaCtx.orientation === "horizontal" ? "x" : "y"
+		},
+		plugins: emblaCtx.plugins
+	}));
+	$.template_effect(() => $.set_class(div, 1, $.clsx(styles_css_default.contentWrapper)));
+	$.event("emblaInit", div, function(...$$args) {
+		emblaCtx.onInit?.apply(this, $$args);
+	});
+	$.append($$anchor, div);
+	$.pop();
+}
+
+//#endregion
+export { Content as default };

package/dist/components/Carousel/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/Carousel/Content/index.d.ts

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

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

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

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

@@ -0,0 +1,17 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-vey50OEc.css";
+
+//#region src/components/Carousel/Content/styles.css.ts
+var orientation = {
+	horizontal: "styles_orientation_horizontal__ho48de2",
+	vertical: "styles_orientation_vertical__ho48de3"
+};
+var __default__ = {
+	contentWrapper: "styles_contentWrapper__ho48de0",
+	container: "styles_container__ho48de1",
+	orientation
+};
+var styles_css_default = __default__;
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/Carousel/Item/Item.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import "./../../../assets/theme.css.ts.vanilla-BRMmE1vI.css";
+import "./../../../assets/styles.css.ts.vanilla-DM_PUW76.css";
+
+//#region src/components/Carousel/Item/styles.css.ts
+var __default__ = {
+	item: "styles_item__ibhmv20",
+	orientation
+};
+var styles_css_default = __default__;
+var orientation = {
+	horizontal: "styles_orientation_horizontal__ibhmv21",
+	vertical: "styles_orientation_vertical__ibhmv22"
+};
+
+//#endregion
+export { styles_css_default as default };

package/dist/components/Carousel/Next/Next.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 ArrowRightIcon from "@lucide/svelte/icons/arrow-right";
+
+//#region src/components/Carousel/Next/Next.svelte
+var root_1 = $.from_html(`<!> <span class="sr-only">Next slide</span>`, 1);
+function Next($$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.Next/>");
+	{
+		let $0 = $.derived(() => !emblaCtx.canScrollNext);
+		let $1 = $.derived(() => [
+			styles_css_default.button,
+			styles_css_default.orientation[emblaCtx.orientation],
+			$$props.class
+		]);
+		Button($$anchor, $.spread_props({
+			"data-slot": "carousel-next",
+			get variant() {
+				return variant();
+			},
+			get size() {
+				return size();
+			},
+			get disabled() {
+				return $.get($0);
+			},
+			get class() {
+				return $.get($1);
+			},
+			get onclick() {
+				return emblaCtx.scrollNext;
+			},
+			get onkeydown() {
+				return emblaCtx.handleKeyDown;
+			}
+		}, () => restProps, {
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			children: ($$anchor$1, $$slotProps) => {
+				var fragment_1 = root_1();
+				ArrowRightIcon($.first_child(fragment_1), {});
+				$.next(2);
+				$.append($$anchor$1, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	}
+	$.pop();
+}
+
+//#endregion
+export { Next as default };

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

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

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

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

package/dist/components/Carousel/Next/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;