iryx-ui 0.20.0 → 0.21.0

package/dist/component-names.d.ts

@@ -3,7 +3,7 @@
  * Consumed by the Vue plugin (global registration) and the Nuxt module
  * (auto-imports). Keep in sync with `src/components/index.ts`.
  */
-export declare const componentNames: readonly ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "ChartLegend", "Checkbox", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "Rating", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
+export declare const componentNames: readonly ["Accordion", "Alert", "App", "AppShell", "AspectRatio", "AuthProviders", "Avatar", "AvatarGroup", "Badge", "BarChart", "Banner", "Breadcrumb", "Button", "ButtonGroup", "Calendar", "Card", "Carousel", "ChartLegend", "Checkbox", "ColorPicker", "Combobox", "Collapsible", "CommandPalette", "Container", "ConfirmDialog", "ContextMenu", "DateField", "DatePicker", "DateRangePicker", "Dialog", "DonutChart", "Drawer", "DropdownMenu", "Editable", "EmptyState", "FileUpload", "Form", "FormField", "HoverCard", "Icon", "Input", "Kbd", "Label", "LineChart", "NavigationMenu", "NumberInput", "Menubar", "PageHeader", "Pagination", "PasswordInput", "PinInput", "Popover", "Progress", "RadioGroup", "Rating", "ScrollArea", "ScrollFade", "Select", "Separator", "Sidebar", "SignaturePad", "Skeleton", "Slider", "Sparkline", "Splitter", "Stat", "Stepper", "Switch", "Table", "Tabs", "TagsInput", "Textarea", "Toaster", "Toggle", "ToggleGroup", "TimeField", "Timeline", "Toolbar", "Tooltip", "Tree"];
 export type ComponentName = (typeof componentNames)[number];
 /**
  * Names of every block exported from `iryx-ui/marketing`.

package/dist/component-names.js

@@ -1,5 +1,5 @@
 //#region src/component-names.ts
-var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.ChartLegend.Checkbox.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.Rating.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
+var e = /* @__PURE__ */ "Accordion.Alert.App.AppShell.AspectRatio.AuthProviders.Avatar.AvatarGroup.Badge.BarChart.Banner.Breadcrumb.Button.ButtonGroup.Calendar.Card.Carousel.ChartLegend.Checkbox.ColorPicker.Combobox.Collapsible.CommandPalette.Container.ConfirmDialog.ContextMenu.DateField.DatePicker.DateRangePicker.Dialog.DonutChart.Drawer.DropdownMenu.Editable.EmptyState.FileUpload.Form.FormField.HoverCard.Icon.Input.Kbd.Label.LineChart.NavigationMenu.NumberInput.Menubar.PageHeader.Pagination.PasswordInput.PinInput.Popover.Progress.RadioGroup.Rating.ScrollArea.ScrollFade.Select.Separator.Sidebar.SignaturePad.Skeleton.Slider.Sparkline.Splitter.Stat.Stepper.Switch.Table.Tabs.TagsInput.Textarea.Toaster.Toggle.ToggleGroup.TimeField.Timeline.Toolbar.Tooltip.Tree".split("."), t = [
 	"BrowserFrame",
 	"FeatureCard",
 	"Hero",

package/dist/components/Carousel.js

@@ -0,0 +1,5 @@
+import e from "./Carousel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Carousel.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,74 @@
+import type { ClassValue } from '../class-value';
+export interface CarouselProps<Item = unknown> {
+    /** What to lay out. Each one is rendered through the default slot. */
+    items?: Item[];
+    /**
+     * How many fit across, at the widest. Below `sm` it is always one, and
+     * `'auto'` leaves the width to the slide's own content.
+     */
+    perView?: 1 | 2 | 3 | 4 | 'auto';
+    gap?: 'none' | 'sm' | 'md' | 'lg';
+    /** Show the previous and next buttons. */
+    arrows?: boolean;
+    /**
+     * Let a mouse drag the track. Touch and trackpad pan it natively either way.
+     */
+    draggable?: boolean;
+    /**
+     * How far a drag has to travel before it moves on, as a fraction of a slide.
+     * A quarter by default: enough that a nudge does not count, little enough
+     * that the track goes where it was pushed. `1` demands a whole slide.
+     */
+    dragThreshold?: number;
+    /** Show the row of dots under the track. */
+    dots?: boolean;
+    /**
+     * Accessible name for the carousel — "Customer stories", "Screenshots".
+     * A carousel with no name is a scroll region a screen reader cannot place.
+     */
+    label?: string;
+    /** Accessible names for the buttons — override for non-English sites. */
+    previousLabel?: string;
+    nextLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: ClassValue;
+    /** Override classes per element, e.g. `{ dot: 'size-3' }`. */
+    ui?: {
+        root?: string;
+        track?: string;
+        item?: string;
+        viewport?: string;
+        control?: string;
+        dots?: string;
+        dot?: string;
+    };
+}
+declare const __VLS_export: <Item>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(CarouselProps<Item> & {
+        active?: number;
+    }) & {
+        "onUpdate:active"?: ((value: number) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            item: Item;
+            index: number;
+            active: boolean;
+        }) => any;
+    };
+    emit: (event: "update:active", value: number) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/Carousel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,220 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import n from "./Button.js";
+import { useScrollEdges as r } from "../composables/scroll-fade.js";
+import { carouselTheme as i } from "../theme/carousel.js";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, renderList as y, renderSlot as b, unref as x, useModel as S, watch as C, withCtx as w, withModifiers as ee } from "vue";
+import { ArrowLeft01Icon as te, ArrowRight01Icon as ne } from "@hugeicons/core-free-icons";
+//#region src/components/Carousel.vue?vue&type=script&setup=true&lang.ts
+var T = ["aria-label"], E = ["aria-label"], D = ["aria-label", "data-state"], O = [
+	"aria-label",
+	"aria-current",
+	"data-state",
+	"onClick"
+], k = /*@__PURE__*/ d({
+	__name: "Carousel",
+	props: /*@__PURE__*/ f({
+		items: {},
+		perView: { default: 1 },
+		gap: {},
+		arrows: {
+			type: Boolean,
+			default: void 0
+		},
+		draggable: {
+			type: Boolean,
+			default: void 0
+		},
+		dragThreshold: { default: .25 },
+		dots: {
+			type: Boolean,
+			default: void 0
+		},
+		label: { default: "Carousel" },
+		previousLabel: { default: "Previous" },
+		nextLabel: { default: "Next" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: { type: [
+			String,
+			Boolean,
+			null,
+			Array
+		] },
+		ui: {}
+	}, {
+		active: { default: 0 },
+		activeModifiers: {}
+	}),
+	emits: ["update:active"],
+	setup(d) {
+		let f = d, k = S(d, "active"), A = e(), j = o(() => f.unstyled ?? A.unstyled), M = o(() => i({ gap: f.gap }));
+		function N(e, t) {
+			return j.value ? [f.ui?.[e], t] : M.value[e]({ class: [f.ui?.[e], t] });
+		}
+		let P = v(), { atStart: re, atEnd: ie, overflowing: ae } = r(P, v("horizontal")), oe = o(() => ({
+			none: 0,
+			sm: .5,
+			md: 1,
+			lg: 1.5
+		})[f.gap ?? "md"]);
+		function F(e) {
+			let t = oe.value * (e - 1) / e;
+			return `calc(${100 / e}% - ${t}rem)`;
+		}
+		let I = o(() => {
+			if (f.perView !== "auto") return {
+				"--iryx-carousel-item": F(f.perView),
+				"--iryx-carousel-item-sm": F(Math.min(f.perView, 2))
+			};
+		}), L = o(() => f.items?.length ?? 0), R = v(), z = o(() => R.value ?? Math.max(L.value, 1)), B;
+		function V() {
+			let e = P.value;
+			if (!e) return;
+			if (!e.clientWidth) {
+				R.value = void 0;
+				return;
+			}
+			let t = e.scrollWidth - e.clientWidth + 1, n = [...e.children].filter((n) => n.offsetLeft - e.offsetLeft <= t).length;
+			R.value = Math.max(n, 1);
+		}
+		C(P, (e) => {
+			if (B?.disconnect(), B = void 0, e && (V(), !(typeof ResizeObserver > "u"))) {
+				B = new ResizeObserver(V), B.observe(e);
+				for (let t of e.children) B.observe(t);
+			}
+		}, { immediate: !0 }), C(L, () => p(V)), g(() => B?.disconnect());
+		let H = v(), U;
+		function W(e) {
+			let t = P.value, n = t?.children[e];
+			!t || !n || (H.value = e, k.value = e, t.scrollTo({ left: n.offsetLeft - t.offsetLeft }), clearTimeout(U), U = setTimeout(() => H.value = void 0, 1e3));
+		}
+		function G(e) {
+			W(Math.min(Math.max(k.value + e, 0), z.value - 1));
+		}
+		function K() {
+			let e = P.value;
+			if (!e) return k.value;
+			let t = [...e.children], n = e.scrollLeft + e.offsetLeft;
+			return t.reduce((e, r, i) => Math.abs(r.offsetLeft - n) < Math.abs(t[e].offsetLeft - n) ? i : e, 0);
+		}
+		C(k, (e) => {
+			H.value === void 0 && e !== K() && W(e);
+		});
+		function se() {
+			if (!P.value) return;
+			V();
+			let e = Math.min(K(), z.value - 1);
+			if (H.value !== void 0) {
+				e === H.value && (H.value = void 0, clearTimeout(U));
+				return;
+			}
+			k.value = e;
+		}
+		let q = v(!1), J = 0, Y = 0, X = 0, Z = 0;
+		function ce(e) {
+			let t = P.value;
+			!(f.draggable ?? !0) || e.pointerType === "touch" || !t || (q.value = !0, Z = 0, J = e.clientX, Y = t.scrollLeft, X = k.value, t.setPointerCapture(e.pointerId), t.style.scrollBehavior = "auto");
+		}
+		function Q(e) {
+			let t = [...e.children], n = (t[1]?.offsetLeft ?? 0) - (t[0]?.offsetLeft ?? 0);
+			if (n <= 0) return k.value;
+			let r = (e.scrollLeft - Y) / n, i = Math.trunc(r), a = Math.abs(r - i) >= Math.min(Math.max(f.dragThreshold, 0), 1) ? Math.sign(r) : 0;
+			return Math.min(Math.max(X + i + a, 0), z.value - 1);
+		}
+		function le(e) {
+			let t = P.value;
+			if (!q.value || !t) return;
+			let n = e.clientX - J;
+			Z = Math.max(Z, Math.abs(n)), t.scrollLeft = Y - n;
+		}
+		function $(e) {
+			let t = P.value;
+			if (!q.value || !t) return;
+			q.value = !1, t.releasePointerCapture(e.pointerId), t.style.scrollBehavior = "";
+			let n = Q(t);
+			p(() => W(n));
+		}
+		function ue(e) {
+			Z > 4 && (e.preventDefault(), e.stopPropagation(), Z = 0);
+		}
+		function de(e) {
+			e.key === "ArrowRight" ? (e.preventDefault(), G(1)) : e.key === "ArrowLeft" && (e.preventDefault(), G(-1));
+		}
+		let fe = o(() => (f.arrows ?? !0) && ae.value), pe = o(() => (f.dots ?? !0) && z.value > 1);
+		return (e, r) => (_(), c("div", {
+			role: "group",
+			"aria-roledescription": "carousel",
+			"aria-label": f.label,
+			class: m(N("root", f.class))
+		}, [l("div", { class: m(N("viewport")) }, [l("div", {
+			ref_key: "track",
+			ref: P,
+			tabindex: "0",
+			role: "group",
+			"aria-label": f.label,
+			class: m(N("track", q.value ? "snap-none scroll-auto cursor-grabbing select-none" : f.draggable ?? !0 ? "cursor-grab" : void 0)),
+			onScroll: se,
+			onKeydown: de,
+			onPointerdown: ce,
+			onPointermove: le,
+			onPointerup: $,
+			onPointercancel: $,
+			onClickCapture: ue,
+			onDragstart: r[0] ||= ee(() => {}, ["prevent"])
+		}, [(_(!0), c(a, null, y(f.items, (t, n) => (_(), c("div", {
+			key: n,
+			role: "group",
+			"aria-roledescription": "slide",
+			"aria-label": `${n + 1} of ${L.value}`,
+			"data-state": n === k.value ? "active" : "inactive",
+			style: h(I.value),
+			class: m(N("item", f.perView === "auto" ? "w-auto" : "w-full sm:w-[var(--iryx-carousel-item-sm)] lg:w-[var(--iryx-carousel-item)]"))
+		}, [b(e.$slots, "default", {
+			item: t,
+			index: n,
+			active: n === k.value
+		})], 14, D))), 128))], 42, E), fe.value ? (_(), c(a, { key: 0 }, [l("div", { class: m(N("control", "left-2")) }, [u(n, {
+			variant: "outline",
+			size: "sm",
+			square: "",
+			"aria-label": f.previousLabel,
+			disabled: x(re),
+			onClick: r[1] ||= (e) => G(-1)
+		}, {
+			default: w(() => [u(t, {
+				icon: x(te),
+				"data-icon": ""
+			}, null, 8, ["icon"])]),
+			_: 1
+		}, 8, ["aria-label", "disabled"])], 2), l("div", { class: m(N("control", "right-2")) }, [u(n, {
+			variant: "outline",
+			size: "sm",
+			square: "",
+			"aria-label": f.nextLabel,
+			disabled: x(ie),
+			onClick: r[2] ||= (e) => G(1)
+		}, {
+			default: w(() => [u(t, {
+				icon: x(ne),
+				"data-icon": ""
+			}, null, 8, ["icon"])]),
+			_: 1
+		}, 8, ["aria-label", "disabled"])], 2)], 64)) : s("", !0)], 2), pe.value ? (_(), c("div", {
+			key: 0,
+			class: m(N("dots"))
+		}, [(_(!0), c(a, null, y(z.value, (e, t) => (_(), c("button", {
+			key: t,
+			type: "button",
+			"aria-label": `Go to slide ${t + 1}`,
+			"aria-current": t === k.value,
+			"data-state": t === k.value ? "active" : "inactive",
+			class: m(N("dot")),
+			onClick: (e) => W(t)
+		}, null, 10, O))), 128))], 2)) : s("", !0)], 10, T));
+	}
+});
+//#endregion
+export { k as default };

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { default as Button } from './Button.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
 export { default as Calendar } from './Calendar.vue';
 export { default as Card } from './Card.vue';
+export { default as Carousel } from './Carousel.vue';
 export { default as ChartLegend } from './ChartLegend.vue';
 export { default as Checkbox } from './Checkbox.vue';
 export { default as Collapsible } from './Collapsible.vue';

package/dist/components/index.js

@@ -18,68 +18,69 @@ import g from "./Breadcrumb.js";
 import _ from "./ButtonGroup.js";
 import v from "./Calendar.js";
 import y from "./Card.js";
-import b from "./Checkbox.js";
-import x from "./Collapsible.js";
-import S from "./ColorPicker.js";
-import C from "./Combobox.js";
-import w from "./Kbd.js";
-import T from "./CommandPalette.js";
-import E from "./Dialog.js";
-import D from "./ConfirmDialog.js";
-import O from "./Container.js";
-import k from "./ContextMenu.js";
-import A from "./DateField.js";
-import j from "./DatePicker.js";
-import M from "./DateRangePicker.js";
-import N from "./DonutChart.js";
-import P from "./DropdownMenu.js";
-import F from "./Editable.js";
-import I from "./EmptyState.js";
-import L from "./FileUpload.js";
-import R from "./Form.js";
-import z from "./Label.js";
-import B from "./FormField.js";
-import V from "./HoverCard.js";
-import H from "./Input.js";
-import U from "./LineChart.js";
-import W from "./Menubar.js";
-import G from "./NavigationMenu.js";
-import K from "./NumberInput.js";
-import q from "./PageHeader.js";
-import J from "./Pagination.js";
-import Y from "./PasswordInput.js";
-import X from "./PinInput.js";
-import Z from "./Popover.js";
-import Q from "./Progress.js";
-import $ from "./RadioGroup.js";
-import ee from "./Rating.js";
-import te from "./ScrollArea.js";
-import ne from "./ScrollFade.js";
-import re from "./Select.js";
-import ie from "./Separator.js";
-import ae from "./Sidebar.js";
-import oe from "./SignaturePad.js";
-import se from "./Skeleton.js";
-import ce from "./Slider.js";
-import le from "./Sparkline.js";
-import ue from "./Splitter.js";
-import de from "./Stat.js";
-import fe from "./Stepper.js";
-import pe from "./Switch.js";
-import me from "./Table.js";
-import he from "./Tabs.js";
-import ge from "./TagsInput.js";
-import _e from "./Textarea.js";
-import ve from "./TimeField.js";
-import ye from "./Timeline.js";
-import be from "./Toaster.js";
-import xe from "./Toggle.js";
-import Se from "./ToggleGroup.js";
-import Ce from "./Toolbar.js";
-import we from "./Tooltip.js";
-import Te from "./Tree.js";
+import b from "./Carousel.js";
+import x from "./Checkbox.js";
+import S from "./Collapsible.js";
+import C from "./ColorPicker.js";
+import w from "./Combobox.js";
+import T from "./Kbd.js";
+import E from "./CommandPalette.js";
+import D from "./Dialog.js";
+import O from "./ConfirmDialog.js";
+import k from "./Container.js";
+import A from "./ContextMenu.js";
+import j from "./DateField.js";
+import M from "./DatePicker.js";
+import N from "./DateRangePicker.js";
+import P from "./DonutChart.js";
+import F from "./DropdownMenu.js";
+import I from "./Editable.js";
+import L from "./EmptyState.js";
+import R from "./FileUpload.js";
+import z from "./Form.js";
+import B from "./Label.js";
+import V from "./FormField.js";
+import H from "./HoverCard.js";
+import U from "./Input.js";
+import W from "./LineChart.js";
+import G from "./Menubar.js";
+import K from "./NavigationMenu.js";
+import q from "./NumberInput.js";
+import J from "./PageHeader.js";
+import Y from "./Pagination.js";
+import X from "./PasswordInput.js";
+import Z from "./PinInput.js";
+import Q from "./Popover.js";
+import $ from "./Progress.js";
+import ee from "./RadioGroup.js";
+import te from "./Rating.js";
+import ne from "./ScrollArea.js";
+import re from "./ScrollFade.js";
+import ie from "./Select.js";
+import ae from "./Separator.js";
+import oe from "./Sidebar.js";
+import se from "./SignaturePad.js";
+import ce from "./Skeleton.js";
+import le from "./Slider.js";
+import ue from "./Sparkline.js";
+import de from "./Splitter.js";
+import fe from "./Stat.js";
+import pe from "./Stepper.js";
+import me from "./Switch.js";
+import he from "./Table.js";
+import ge from "./Tabs.js";
+import _e from "./TagsInput.js";
+import ve from "./Textarea.js";
+import ye from "./TimeField.js";
+import be from "./Timeline.js";
+import xe from "./Toaster.js";
+import Se from "./Toggle.js";
+import Ce from "./ToggleGroup.js";
+import we from "./Toolbar.js";
+import Te from "./Tooltip.js";
+import Ee from "./Tree.js";
 //#region src/components/index.ts
-var Ee = /* @__PURE__ */ e({
+var De = /* @__PURE__ */ e({
 	Accordion: () => n,
 	Alert: () => r,
 	App: () => i,
@@ -96,69 +97,70 @@ var Ee = /* @__PURE__ */ e({
 	ButtonGroup: () => _,
 	Calendar: () => v,
 	Card: () => y,
+	Carousel: () => b,
 	ChartLegend: () => m,
-	Checkbox: () => b,
-	Collapsible: () => x,
-	ColorPicker: () => S,
-	Combobox: () => C,
-	CommandPalette: () => T,
-	ConfirmDialog: () => D,
-	Container: () => O,
-	ContextMenu: () => k,
-	DateField: () => A,
-	DatePicker: () => j,
-	DateRangePicker: () => M,
-	Dialog: () => E,
-	DonutChart: () => N,
+	Checkbox: () => x,
+	Collapsible: () => S,
+	ColorPicker: () => C,
+	Combobox: () => w,
+	CommandPalette: () => E,
+	ConfirmDialog: () => O,
+	Container: () => k,
+	ContextMenu: () => A,
+	DateField: () => j,
+	DatePicker: () => M,
+	DateRangePicker: () => N,
+	Dialog: () => D,
+	DonutChart: () => P,
 	Drawer: () => a,
-	DropdownMenu: () => P,
-	Editable: () => F,
-	EmptyState: () => I,
-	FileUpload: () => L,
-	Form: () => R,
-	FormField: () => B,
-	HoverCard: () => V,
+	DropdownMenu: () => F,
+	Editable: () => I,
+	EmptyState: () => L,
+	FileUpload: () => R,
+	Form: () => z,
+	FormField: () => V,
+	HoverCard: () => H,
 	Icon: () => t,
-	Input: () => H,
-	Kbd: () => w,
-	Label: () => z,
-	LineChart: () => U,
-	Menubar: () => W,
-	NavigationMenu: () => G,
-	NumberInput: () => K,
-	PageHeader: () => q,
-	Pagination: () => J,
-	PasswordInput: () => Y,
-	PinInput: () => X,
-	Popover: () => Z,
-	Progress: () => Q,
-	RadioGroup: () => $,
-	Rating: () => ee,
-	ScrollArea: () => te,
-	ScrollFade: () => ne,
-	Select: () => re,
-	Separator: () => ie,
-	Sidebar: () => ae,
-	SignaturePad: () => oe,
-	Skeleton: () => se,
-	Slider: () => ce,
-	Sparkline: () => le,
-	Splitter: () => ue,
-	Stat: () => de,
-	Stepper: () => fe,
-	Switch: () => pe,
-	Table: () => me,
-	Tabs: () => he,
-	TagsInput: () => ge,
-	Textarea: () => _e,
-	TimeField: () => ve,
-	Timeline: () => ye,
-	Toaster: () => be,
-	Toggle: () => xe,
-	ToggleGroup: () => Se,
-	Toolbar: () => Ce,
-	Tooltip: () => we,
-	Tree: () => Te
+	Input: () => U,
+	Kbd: () => T,
+	Label: () => B,
+	LineChart: () => W,
+	Menubar: () => G,
+	NavigationMenu: () => K,
+	NumberInput: () => q,
+	PageHeader: () => J,
+	Pagination: () => Y,
+	PasswordInput: () => X,
+	PinInput: () => Z,
+	Popover: () => Q,
+	Progress: () => $,
+	RadioGroup: () => ee,
+	Rating: () => te,
+	ScrollArea: () => ne,
+	ScrollFade: () => re,
+	Select: () => ie,
+	Separator: () => ae,
+	Sidebar: () => oe,
+	SignaturePad: () => se,
+	Skeleton: () => ce,
+	Slider: () => le,
+	Sparkline: () => ue,
+	Splitter: () => de,
+	Stat: () => fe,
+	Stepper: () => pe,
+	Switch: () => me,
+	Table: () => he,
+	Tabs: () => ge,
+	TagsInput: () => _e,
+	Textarea: () => ve,
+	TimeField: () => ye,
+	Timeline: () => be,
+	Toaster: () => xe,
+	Toggle: () => Se,
+	ToggleGroup: () => Ce,
+	Toolbar: () => we,
+	Tooltip: () => Te,
+	Tree: () => Ee
 });
 //#endregion
-export { Ee as components_exports };
+export { De as components_exports };

package/dist/index.d.ts

@@ -18,6 +18,7 @@ export type { ButtonProps } from './components/Button.vue';
 export type { ButtonGroupProps } from './components/ButtonGroup.vue';
 export type { CalendarProps } from './components/Calendar.vue';
 export type { CardProps } from './components/Card.vue';
+export type { CarouselProps } from './components/Carousel.vue';
 export type { ChartLegendProps } from './components/ChartLegend.vue';
 export type { CheckboxProps } from './components/Checkbox.vue';
 export type { CollapsibleProps } from './components/Collapsible.vue';

package/dist/index.js

@@ -43,129 +43,130 @@ import { calendarTheme as _e } from "./theme/calendar.js";
 import ve from "./components/Calendar.js";
 import { cardTheme as ye } from "./theme/card.js";
 import be from "./components/Card.js";
-import { formContextKey as xe, formFieldContextKey as Se, getByPath as Ce, isStandardSchema as we, issuePath as Te, useForm as Ee, useFormField as De } from "./composables/form.js";
-import { checkboxTheme as Oe } from "./theme/checkbox.js";
-import ke from "./components/Checkbox.js";
-import { collapsibleTheme as Ae } from "./theme/collapsible.js";
-import je from "./components/Collapsible.js";
-import { fieldBase as Me, inputTheme as Ne, textareaTheme as Pe } from "./theme/input.js";
-import { colorPickerTheme as Fe } from "./theme/color-picker.js";
-import Ie from "./components/ColorPicker.js";
-import { comboboxTheme as Le } from "./theme/combobox.js";
-import Re from "./components/Combobox.js";
-import { isApplePlatform as ze, parseHotkey as Be, useApplePlatform as Ve } from "./composables/kbd.js";
-import { commandHaystack as He, isCommandGroup as Ue, matchesHotkey as We, toCommandGroups as Ge } from "./composables/command-palette.js";
-import { commandPaletteTheme as Ke } from "./theme/command-palette.js";
-import { kbdTheme as qe } from "./theme/kbd.js";
-import Je from "./components/Kbd.js";
-import Ye from "./components/CommandPalette.js";
-import { resolveConfirm as Xe, useConfirm as Ze, useConfirmState as Qe } from "./composables/confirm.js";
-import { dialogTheme as $e } from "./theme/dialog.js";
-import et from "./components/Dialog.js";
-import tt from "./components/ConfirmDialog.js";
-import { containerTheme as nt } from "./theme/container.js";
-import rt from "./components/Container.js";
-import { dropdownMenuTheme as it } from "./theme/dropdown-menu.js";
-import { isSeparator as at, isSubmenu as ot } from "./composables/dropdown-menu.js";
-import st from "./components/ContextMenu.js";
-import { dateFieldTheme as ct } from "./theme/date-field.js";
-import lt from "./components/DateField.js";
-import { datePickerTheme as ut } from "./theme/date-picker.js";
-import dt from "./components/DatePicker.js";
-import ft from "./components/DateRangePicker.js";
-import { donutChartTheme as pt } from "./theme/donut-chart.js";
-import mt from "./components/DonutChart.js";
-import ht from "./components/DropdownMenu.js";
-import { editableTheme as gt } from "./theme/editable.js";
-import _t from "./components/Editable.js";
-import { emptyStateTheme as vt } from "./theme/empty-state.js";
-import yt from "./components/EmptyState.js";
-import { fileUploadTheme as bt } from "./theme/file-upload.js";
-import xt from "./components/FileUpload.js";
-import St from "./components/Form.js";
-import { labelTheme as Ct } from "./theme/label.js";
-import wt from "./components/Label.js";
-import Tt from "./components/FormField.js";
-import { hoverCardTheme as Et } from "./theme/hover-card.js";
-import Dt from "./components/HoverCard.js";
-import Ot from "./components/Input.js";
-import { lineChartTheme as kt } from "./theme/line-chart.js";
-import At from "./components/LineChart.js";
-import { menubarTheme as jt } from "./theme/menubar.js";
-import Mt from "./components/Menubar.js";
-import { isNavigationGroup as Nt } from "./composables/navigation-menu.js";
-import { navigationMenuTheme as Pt } from "./theme/navigation-menu.js";
-import Ft from "./components/NavigationMenu.js";
-import { addDecimals as It, clampDecimal as Lt, compareDecimals as Rt, formatDecimal as zt, formatForLocale as Bt, isDecimal as Vt, localeSeparators as Ht, parseDecimal as Ut, parseFromLocale as Wt, roundDecimal as Gt, toEditable as Kt } from "./composables/decimal.js";
-import { numberInputTheme as qt } from "./theme/number-input.js";
-import Jt from "./components/NumberInput.js";
-import { pageHeaderTheme as Yt } from "./theme/page-header.js";
-import Xt from "./components/PageHeader.js";
-import { paginationTheme as Zt } from "./theme/pagination.js";
-import Qt from "./components/Pagination.js";
-import { passwordInputTheme as $t } from "./theme/password-input.js";
-import en from "./components/PasswordInput.js";
-import { pinInputTheme as tn } from "./theme/pin-input.js";
-import nn from "./components/PinInput.js";
-import { popoverTheme as rn } from "./theme/popover.js";
-import an from "./components/Popover.js";
-import { progressTheme as on } from "./theme/progress.js";
-import sn from "./components/Progress.js";
-import { radioGroupTheme as cn } from "./theme/radio-group.js";
-import ln from "./components/RadioGroup.js";
-import un from "./components/Rating.js";
-import { scrollAreaTheme as dn } from "./theme/scroll-area.js";
-import fn from "./components/ScrollArea.js";
-import { scrollFadeMask as pn, useScrollEdges as mn } from "./composables/scroll-fade.js";
-import { scrollFadeTheme as hn } from "./theme/scroll-fade.js";
-import gn from "./components/ScrollFade.js";
-import { selectTheme as _n } from "./theme/select.js";
-import vn from "./components/Select.js";
-import { separatorTheme as yn } from "./theme/separator.js";
-import bn from "./components/Separator.js";
-import { isSidebarGroup as xn, isSidebarSection as Sn, toSidebarSections as Cn } from "./composables/sidebar.js";
-import { sidebarTheme as wn } from "./theme/sidebar.js";
-import Tn from "./components/Sidebar.js";
-import { hasInk as En, strokeWidth as Dn } from "./composables/signature.js";
-import { signaturePadTheme as On } from "./theme/signature-pad.js";
-import kn from "./components/SignaturePad.js";
-import { skeletonTheme as An } from "./theme/skeleton.js";
-import jn from "./components/Skeleton.js";
-import { sliderTheme as Mn } from "./theme/slider.js";
-import Nn from "./components/Slider.js";
-import { sparklineTheme as Pn } from "./theme/sparkline.js";
-import Fn from "./components/Sparkline.js";
-import { splitterTheme as In } from "./theme/splitter.js";
-import Ln from "./components/Splitter.js";
-import { statTheme as Rn } from "./theme/stat.js";
-import zn from "./components/Stat.js";
-import { stepperTheme as Bn } from "./theme/stepper.js";
-import Vn from "./components/Stepper.js";
-import { switchTheme as Hn } from "./theme/switch.js";
-import Un from "./components/Switch.js";
-import { getRowValue as Wn, useDataTable as Gn } from "./composables/data-table.js";
-import { tableTheme as Kn } from "./theme/table.js";
-import qn from "./components/Table.js";
-import { tabsTheme as Jn } from "./theme/tabs.js";
-import Yn from "./components/Tabs.js";
-import { tagsInputTheme as Xn } from "./theme/tags-input.js";
-import Zn from "./components/TagsInput.js";
-import Qn from "./components/Textarea.js";
-import { timeFieldTheme as $n } from "./theme/time-field.js";
-import er from "./components/TimeField.js";
-import { timelineTheme as tr } from "./theme/timeline.js";
-import nr from "./components/Timeline.js";
-import { useToast as rr, useToastState as ir } from "./composables/toast.js";
-import { toastTheme as ar } from "./theme/toast.js";
-import or from "./components/Toaster.js";
-import { toggleGroupTheme as sr, toggleTheme as cr } from "./theme/toggle.js";
-import lr from "./components/Toggle.js";
-import ur from "./components/ToggleGroup.js";
-import { toolbarTheme as dr } from "./theme/toolbar.js";
-import fr from "./components/Toolbar.js";
-import { tooltipTheme as pr } from "./theme/tooltip.js";
-import mr from "./components/Tooltip.js";
-import { treeTheme as hr } from "./theme/tree.js";
-import gr from "./components/Tree.js";
-import { IryxUi as _r, createIryxUi as vr } from "./plugin.js";
-export { B as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, j as AvatarGroup, N as Badge, F as Banner, ie as BarChart, oe as Breadcrumb, E as Button, ce as ButtonGroup, V as CATEGORY_HEIGHT, H as CHAR_WIDTH, ve as Calendar, le as CalendarDate, be as Card, re as ChartLegend, ke as Checkbox, je as Collapsible, Ie as ColorPicker, Re as Combobox, Ye as CommandPalette, tt as ConfirmDialog, rt as Container, st as ContextMenu, lt as DateField, dt as DatePicker, ft as DateRangePicker, et as Dialog, mt as DonutChart, y as Drawer, ht as DropdownMenu, _t as Editable, yt as EmptyState, xt as FileUpload, St as Form, Tt as FormField, Dt as HoverCard, o as Icon, Ot as Input, _r as IryxUi, Je as Kbd, wt as Label, At as LineChart, Mt as Menubar, Ft as NavigationMenu, Jt as NumberInput, Xt as PageHeader, Qt as Pagination, en as PasswordInput, nn as PinInput, an as Popover, sn as Progress, Z as REVEAL_DURATION, ln as RadioGroup, un as Rating, U as SERIES_SLOTS, fn as ScrollArea, gn as ScrollFade, vn as Select, bn as Separator, Tn as Sidebar, kn as SignaturePad, jn as Skeleton, Nn as Slider, Fn as Sparkline, Ln as Splitter, zn as Stat, Vn as Stepper, Un as Switch, W as TOP_PAD, qn as Table, Yn as Tabs, Zn as TagsInput, Qn as Textarea, ue as Time, er as TimeField, nr as Timeline, or as Toaster, lr as Toggle, ur as ToggleGroup, fr as Toolbar, mr as Tooltip, gr as Tree, i as accordionTheme, It as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, M as badgeTheme, P as bannerTheme, te as barChartTheme, ae as breadcrumbTheme, C as buttonGroupContextKey, se as buttonGroupTheme, T as buttonTheme, _e as calendarTheme, ye as cardTheme, G as cartesianLayout, ne as chartLegendTheme, Oe as checkboxTheme, Lt as clampDecimal, K as clampTooltip, p as clearTheme, Ae as collapsibleTheme, Fe as colorPickerTheme, Le as comboboxTheme, He as commandHaystack, Ke as commandPaletteTheme, Rt as compareDecimals, e as componentNames, nt as containerTheme, vr as createIryxUi, ct as dateFieldTheme, ut as datePickerTheme, t as defaultConfig, $e as dialogTheme, pt as donutChartTheme, v as drawerTheme, it as dropdownMenuTheme, gt as editableTheme, vt as emptyStateTheme, I as extent, Me as fieldBase, bt as fileUploadTheme, L as finiteValues, xe as formContextKey, Se as formFieldContextKey, zt as formatDecimal, Bt as formatForLocale, de as formatIsoDate, Ce as getByPath, Wn as getRowValue, En as hasInk, Et as hoverCardTheme, u as initAppearance, Ne as inputTheme, n as iryxUiConfigKey, ze as isApplePlatform, Ue as isCommandGroup, Vt as isDecimal, a as isIconArray, Nt as isNavigationGroup, at as isSeparator, xn as isSidebarGroup, Sn as isSidebarSection, we as isStandardSchema, ot as isSubmenu, fe as isoToday, Te as issuePath, qe as kbdTheme, Ct as labelTheme, kt as lineChartTheme, R as linearScale, Ht as localeSeparators, We as matchesHotkey, jt as menubarTheme, Pt as navigationMenuTheme, z as niceTicks, qt as numberInputTheme, Yt as pageHeaderTheme, Zt as paginationTheme, Ut as parseDecimal, Wt as parseFromLocale, Be as parseHotkey, $t as passwordInputTheme, tn as pinInputTheme, rn as popoverTheme, on as progressTheme, cn as radioGroupTheme, Xe as resolveConfirm, Gt as roundDecimal, dn as scrollAreaTheme, pn as scrollFadeMask, hn as scrollFadeTheme, _n as selectTheme, yn as separatorTheme, q as seriesColor, wn as sidebarTheme, On as signaturePadTheme, An as skeletonTheme, Mn as sliderTheme, J as slotOf, Pn as sparklineTheme, In as splitterTheme, Rn as statTheme, Bn as stepperTheme, Dn as strokeWidth, Hn as switchTheme, Kn as tableTheme, Jn as tabsTheme, Xn as tagsInputTheme, Pe as textareaTheme, m as themes, $n as timeFieldTheme, tr as timelineTheme, pe as toCalendarDate, Ge as toCommandGroups, Kt as toEditable, me as toIsoDate, he as toIsoTime, Cn as toSidebarSections, ge as toTime, ar as toastTheme, sr as toggleGroupTheme, cr as toggleTheme, dr as toolbarTheme, Y as tooltipHalfWidth, pr as tooltipTheme, hr as treeTheme, d as useAppearance, Ve as useApplePlatform, w as useButtonGroup, Q as useChartAnimation, $ as useChartProgress, ee as useChartReveal, Ze as useConfirm, Qe as useConfirmState, Gn as useDataTable, g as useElementSize, Ee as useForm, De as useFormField, r as useIryxUiConfig, mn as useScrollEdges, rr as useToast, ir as useToastState, X as warnOnSlotOverflow };
+import { scrollFadeMask as xe, useScrollEdges as Se } from "./composables/scroll-fade.js";
+import Ce from "./components/Carousel.js";
+import { formContextKey as we, formFieldContextKey as Te, getByPath as Ee, isStandardSchema as De, issuePath as Oe, useForm as ke, useFormField as Ae } from "./composables/form.js";
+import { checkboxTheme as je } from "./theme/checkbox.js";
+import Me from "./components/Checkbox.js";
+import { collapsibleTheme as Ne } from "./theme/collapsible.js";
+import Pe from "./components/Collapsible.js";
+import { fieldBase as Fe, inputTheme as Ie, textareaTheme as Le } from "./theme/input.js";
+import { colorPickerTheme as Re } from "./theme/color-picker.js";
+import ze from "./components/ColorPicker.js";
+import { comboboxTheme as Be } from "./theme/combobox.js";
+import Ve from "./components/Combobox.js";
+import { isApplePlatform as He, parseHotkey as Ue, useApplePlatform as We } from "./composables/kbd.js";
+import { commandHaystack as Ge, isCommandGroup as Ke, matchesHotkey as qe, toCommandGroups as Je } from "./composables/command-palette.js";
+import { commandPaletteTheme as Ye } from "./theme/command-palette.js";
+import { kbdTheme as Xe } from "./theme/kbd.js";
+import Ze from "./components/Kbd.js";
+import Qe from "./components/CommandPalette.js";
+import { resolveConfirm as $e, useConfirm as et, useConfirmState as tt } from "./composables/confirm.js";
+import { dialogTheme as nt } from "./theme/dialog.js";
+import rt from "./components/Dialog.js";
+import it from "./components/ConfirmDialog.js";
+import { containerTheme as at } from "./theme/container.js";
+import ot from "./components/Container.js";
+import { dropdownMenuTheme as st } from "./theme/dropdown-menu.js";
+import { isSeparator as ct, isSubmenu as lt } from "./composables/dropdown-menu.js";
+import ut from "./components/ContextMenu.js";
+import { dateFieldTheme as dt } from "./theme/date-field.js";
+import ft from "./components/DateField.js";
+import { datePickerTheme as pt } from "./theme/date-picker.js";
+import mt from "./components/DatePicker.js";
+import ht from "./components/DateRangePicker.js";
+import { donutChartTheme as gt } from "./theme/donut-chart.js";
+import _t from "./components/DonutChart.js";
+import vt from "./components/DropdownMenu.js";
+import { editableTheme as yt } from "./theme/editable.js";
+import bt from "./components/Editable.js";
+import { emptyStateTheme as xt } from "./theme/empty-state.js";
+import St from "./components/EmptyState.js";
+import { fileUploadTheme as Ct } from "./theme/file-upload.js";
+import wt from "./components/FileUpload.js";
+import Tt from "./components/Form.js";
+import { labelTheme as Et } from "./theme/label.js";
+import Dt from "./components/Label.js";
+import Ot from "./components/FormField.js";
+import { hoverCardTheme as kt } from "./theme/hover-card.js";
+import At from "./components/HoverCard.js";
+import jt from "./components/Input.js";
+import { lineChartTheme as Mt } from "./theme/line-chart.js";
+import Nt from "./components/LineChart.js";
+import { menubarTheme as Pt } from "./theme/menubar.js";
+import Ft from "./components/Menubar.js";
+import { isNavigationGroup as It } from "./composables/navigation-menu.js";
+import { navigationMenuTheme as Lt } from "./theme/navigation-menu.js";
+import Rt from "./components/NavigationMenu.js";
+import { addDecimals as zt, clampDecimal as Bt, compareDecimals as Vt, formatDecimal as Ht, formatForLocale as Ut, isDecimal as Wt, localeSeparators as Gt, parseDecimal as Kt, parseFromLocale as qt, roundDecimal as Jt, toEditable as Yt } from "./composables/decimal.js";
+import { numberInputTheme as Xt } from "./theme/number-input.js";
+import Zt from "./components/NumberInput.js";
+import { pageHeaderTheme as Qt } from "./theme/page-header.js";
+import $t from "./components/PageHeader.js";
+import { paginationTheme as en } from "./theme/pagination.js";
+import tn from "./components/Pagination.js";
+import { passwordInputTheme as nn } from "./theme/password-input.js";
+import rn from "./components/PasswordInput.js";
+import { pinInputTheme as an } from "./theme/pin-input.js";
+import on from "./components/PinInput.js";
+import { popoverTheme as sn } from "./theme/popover.js";
+import cn from "./components/Popover.js";
+import { progressTheme as ln } from "./theme/progress.js";
+import un from "./components/Progress.js";
+import { radioGroupTheme as dn } from "./theme/radio-group.js";
+import fn from "./components/RadioGroup.js";
+import pn from "./components/Rating.js";
+import { scrollAreaTheme as mn } from "./theme/scroll-area.js";
+import hn from "./components/ScrollArea.js";
+import { scrollFadeTheme as gn } from "./theme/scroll-fade.js";
+import _n from "./components/ScrollFade.js";
+import { selectTheme as vn } from "./theme/select.js";
+import yn from "./components/Select.js";
+import { separatorTheme as bn } from "./theme/separator.js";
+import xn from "./components/Separator.js";
+import { isSidebarGroup as Sn, isSidebarSection as Cn, toSidebarSections as wn } from "./composables/sidebar.js";
+import { sidebarTheme as Tn } from "./theme/sidebar.js";
+import En from "./components/Sidebar.js";
+import { hasInk as Dn, strokeWidth as On } from "./composables/signature.js";
+import { signaturePadTheme as kn } from "./theme/signature-pad.js";
+import An from "./components/SignaturePad.js";
+import { skeletonTheme as jn } from "./theme/skeleton.js";
+import Mn from "./components/Skeleton.js";
+import { sliderTheme as Nn } from "./theme/slider.js";
+import Pn from "./components/Slider.js";
+import { sparklineTheme as Fn } from "./theme/sparkline.js";
+import In from "./components/Sparkline.js";
+import { splitterTheme as Ln } from "./theme/splitter.js";
+import Rn from "./components/Splitter.js";
+import { statTheme as zn } from "./theme/stat.js";
+import Bn from "./components/Stat.js";
+import { stepperTheme as Vn } from "./theme/stepper.js";
+import Hn from "./components/Stepper.js";
+import { switchTheme as Un } from "./theme/switch.js";
+import Wn from "./components/Switch.js";
+import { getRowValue as Gn, useDataTable as Kn } from "./composables/data-table.js";
+import { tableTheme as qn } from "./theme/table.js";
+import Jn from "./components/Table.js";
+import { tabsTheme as Yn } from "./theme/tabs.js";
+import Xn from "./components/Tabs.js";
+import { tagsInputTheme as Zn } from "./theme/tags-input.js";
+import Qn from "./components/TagsInput.js";
+import $n from "./components/Textarea.js";
+import { timeFieldTheme as er } from "./theme/time-field.js";
+import tr from "./components/TimeField.js";
+import { timelineTheme as nr } from "./theme/timeline.js";
+import rr from "./components/Timeline.js";
+import { useToast as ir, useToastState as ar } from "./composables/toast.js";
+import { toastTheme as or } from "./theme/toast.js";
+import sr from "./components/Toaster.js";
+import { toggleGroupTheme as cr, toggleTheme as lr } from "./theme/toggle.js";
+import ur from "./components/Toggle.js";
+import dr from "./components/ToggleGroup.js";
+import { toolbarTheme as fr } from "./theme/toolbar.js";
+import pr from "./components/Toolbar.js";
+import { tooltipTheme as mr } from "./theme/tooltip.js";
+import hr from "./components/Tooltip.js";
+import { treeTheme as gr } from "./theme/tree.js";
+import _r from "./components/Tree.js";
+import { IryxUi as vr, createIryxUi as yr } from "./plugin.js";
+export { B as AXIS_GAP, s as Accordion, l as Alert, h as App, b as AppShell, x as AspectRatio, D as AuthProviders, A as Avatar, j as AvatarGroup, N as Badge, F as Banner, ie as BarChart, oe as Breadcrumb, E as Button, ce as ButtonGroup, V as CATEGORY_HEIGHT, H as CHAR_WIDTH, ve as Calendar, le as CalendarDate, be as Card, Ce as Carousel, re as ChartLegend, Me as Checkbox, Pe as Collapsible, ze as ColorPicker, Ve as Combobox, Qe as CommandPalette, it as ConfirmDialog, ot as Container, ut as ContextMenu, ft as DateField, mt as DatePicker, ht as DateRangePicker, rt as Dialog, _t as DonutChart, y as Drawer, vt as DropdownMenu, bt as Editable, St as EmptyState, wt as FileUpload, Tt as Form, Ot as FormField, At as HoverCard, o as Icon, jt as Input, vr as IryxUi, Ze as Kbd, Dt as Label, Nt as LineChart, Ft as Menubar, Rt as NavigationMenu, Zt as NumberInput, $t as PageHeader, tn as Pagination, rn as PasswordInput, on as PinInput, cn as Popover, un as Progress, Z as REVEAL_DURATION, fn as RadioGroup, pn as Rating, U as SERIES_SLOTS, hn as ScrollArea, _n as ScrollFade, yn as Select, xn as Separator, En as Sidebar, An as SignaturePad, Mn as Skeleton, Pn as Slider, In as Sparkline, Rn as Splitter, Bn as Stat, Hn as Stepper, Wn as Switch, W as TOP_PAD, Jn as Table, Xn as Tabs, Qn as TagsInput, $n as Textarea, ue as Time, tr as TimeField, rr as Timeline, sr as Toaster, ur as Toggle, dr as ToggleGroup, pr as Toolbar, hr as Tooltip, _r as Tree, i as accordionTheme, zt as addDecimals, c as alertTheme, _ as appShellTheme, f as applyTheme, S as authProvidersTheme, O as avatarGroupTheme, k as avatarTheme, M as badgeTheme, P as bannerTheme, te as barChartTheme, ae as breadcrumbTheme, C as buttonGroupContextKey, se as buttonGroupTheme, T as buttonTheme, _e as calendarTheme, ye as cardTheme, G as cartesianLayout, ne as chartLegendTheme, je as checkboxTheme, Bt as clampDecimal, K as clampTooltip, p as clearTheme, Ne as collapsibleTheme, Re as colorPickerTheme, Be as comboboxTheme, Ge as commandHaystack, Ye as commandPaletteTheme, Vt as compareDecimals, e as componentNames, at as containerTheme, yr as createIryxUi, dt as dateFieldTheme, pt as datePickerTheme, t as defaultConfig, nt as dialogTheme, gt as donutChartTheme, v as drawerTheme, st as dropdownMenuTheme, yt as editableTheme, xt as emptyStateTheme, I as extent, Fe as fieldBase, Ct as fileUploadTheme, L as finiteValues, we as formContextKey, Te as formFieldContextKey, Ht as formatDecimal, Ut as formatForLocale, de as formatIsoDate, Ee as getByPath, Gn as getRowValue, Dn as hasInk, kt as hoverCardTheme, u as initAppearance, Ie as inputTheme, n as iryxUiConfigKey, He as isApplePlatform, Ke as isCommandGroup, Wt as isDecimal, a as isIconArray, It as isNavigationGroup, ct as isSeparator, Sn as isSidebarGroup, Cn as isSidebarSection, De as isStandardSchema, lt as isSubmenu, fe as isoToday, Oe as issuePath, Xe as kbdTheme, Et as labelTheme, Mt as lineChartTheme, R as linearScale, Gt as localeSeparators, qe as matchesHotkey, Pt as menubarTheme, Lt as navigationMenuTheme, z as niceTicks, Xt as numberInputTheme, Qt as pageHeaderTheme, en as paginationTheme, Kt as parseDecimal, qt as parseFromLocale, Ue as parseHotkey, nn as passwordInputTheme, an as pinInputTheme, sn as popoverTheme, ln as progressTheme, dn as radioGroupTheme, $e as resolveConfirm, Jt as roundDecimal, mn as scrollAreaTheme, xe as scrollFadeMask, gn as scrollFadeTheme, vn as selectTheme, bn as separatorTheme, q as seriesColor, Tn as sidebarTheme, kn as signaturePadTheme, jn as skeletonTheme, Nn as sliderTheme, J as slotOf, Fn as sparklineTheme, Ln as splitterTheme, zn as statTheme, Vn as stepperTheme, On as strokeWidth, Un as switchTheme, qn as tableTheme, Yn as tabsTheme, Zn as tagsInputTheme, Le as textareaTheme, m as themes, er as timeFieldTheme, nr as timelineTheme, pe as toCalendarDate, Je as toCommandGroups, Yt as toEditable, me as toIsoDate, he as toIsoTime, wn as toSidebarSections, ge as toTime, or as toastTheme, cr as toggleGroupTheme, lr as toggleTheme, fr as toolbarTheme, Y as tooltipHalfWidth, mr as tooltipTheme, gr as treeTheme, d as useAppearance, We as useApplePlatform, w as useButtonGroup, Q as useChartAnimation, $ as useChartProgress, ee as useChartReveal, et as useConfirm, tt as useConfirmState, Kn as useDataTable, g as useElementSize, ke as useForm, Ae as useFormField, r as useIryxUiConfig, Se as useScrollEdges, ir as useToast, ar as useToastState, X as warnOnSlotOverflow };

package/dist/theme/carousel.d.ts

@@ -0,0 +1,65 @@
+export declare const carouselTheme: import("tailwind-variants").TVReturnType<{
+    gap: {
+        none: {};
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    item: string;
+    viewport: string;
+    control: string;
+    dots: string;
+    dot: string;
+}, undefined, {
+    gap: {
+        none: {};
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    item: string;
+    viewport: string;
+    control: string;
+    dots: string;
+    dot: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    gap: {
+        none: {};
+        sm: {
+            track: string;
+        };
+        md: {
+            track: string;
+        };
+        lg: {
+            track: string;
+        };
+    };
+}, {
+    root: string;
+    track: string;
+    item: string;
+    viewport: string;
+    control: string;
+    dots: string;
+    dot: string;
+}>>;
+export type CarouselSlots = keyof ReturnType<typeof carouselTheme>;

package/dist/theme/carousel.js

@@ -0,0 +1,22 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/carousel.ts
+var t = e({
+	slots: {
+		root: "relative",
+		track: "flex snap-x snap-mandatory [scrollbar-width:none] overflow-x-auto scroll-smooth outline-none focus-visible:ring-2 focus-visible:ring-primary/50 motion-reduce:scroll-auto [&::-webkit-scrollbar]:hidden",
+		item: "shrink-0 snap-start px-px",
+		viewport: "relative",
+		control: "absolute inset-y-0 z-10 flex items-center",
+		dots: "mt-4 flex items-center justify-center gap-2",
+		dot: "h-2 w-2 rounded-full bg-border transition-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 data-[state=active]:w-6 data-[state=active]:bg-primary"
+	},
+	variants: { gap: {
+		none: {},
+		sm: { track: "gap-2" },
+		md: { track: "gap-4" },
+		lg: { track: "gap-6" }
+	} },
+	defaultVariants: { gap: "md" }
+});
+//#endregion
+export { t as carouselTheme };

package/dist/theme/form.d.ts

@@ -5,8 +5,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
             header?: import("tailwind-variants").ClassValue;
             label?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
             error?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
             hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };
@@ -18,8 +18,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
             header?: import("tailwind-variants").ClassValue;
             label?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
             error?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
             hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };
@@ -40,8 +40,8 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
             header?: import("tailwind-variants").ClassValue;
             label?: import("tailwind-variants").ClassValue;
             description?: import("tailwind-variants").ClassValue;
-            control?: import("tailwind-variants").ClassValue;
             error?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
             hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",