iryx-ui 0.11.0 → 0.13.0

package/dist/components/DateRangePicker.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
-import { ArrowLeft01Icon as e, ArrowRight01Icon as t, Calendar03Icon as n } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as r } from "../config.js";
-import i from "./Icon.js";
-import { useFormField as a } from "../composables/form.js";
-import { formatIsoDate as o, toCalendarDate as s, toIsoDate as c } from "../composables/date.js";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useFormField as n } from "../composables/form.js";
+import { formatIsoDate as r, toCalendarDate as i, toIsoDate as a } from "../composables/date.js";
 import { datePickerTheme as ee } from "../theme/date-picker.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as te, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, shallowRef as S, toDisplayString as C, unref as w, useModel as ne, watch as T, withCtx as E } from "vue";
-import { PopoverContent as D, PopoverPortal as O, PopoverRoot as k, PopoverTrigger as A, RangeCalendarCell as re, RangeCalendarCellTrigger as j, RangeCalendarGrid as M, RangeCalendarGridBody as N, RangeCalendarGridHead as P, RangeCalendarGridRow as F, RangeCalendarHeadCell as I, RangeCalendarHeader as L, RangeCalendarHeading as R, RangeCalendarNext as z, RangeCalendarPrev as B, RangeCalendarRoot as V } from "reka-ui";
+import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, shallowRef as b, toDisplayString as x, unref as S, useModel as C, watch as w, withCtx as T } from "vue";
+import { ArrowLeft01Icon as E, ArrowRight01Icon as D, Calendar03Icon as te } from "@hugeicons/core-free-icons";
+import { PopoverContent as ne, PopoverPortal as re, PopoverRoot as O, PopoverTrigger as k, RangeCalendarCell as A, RangeCalendarCellTrigger as j, RangeCalendarGrid as M, RangeCalendarGridBody as N, RangeCalendarGridHead as P, RangeCalendarGridRow as F, RangeCalendarHeadCell as I, RangeCalendarHeader as L, RangeCalendarHeading as R, RangeCalendarNext as z, RangeCalendarPrev as B, RangeCalendarRoot as V } from "reka-ui";
 //#region src/components/DateRangePicker.vue?vue&type=script&setup=true&lang.ts
 var H = [
 	"id",
 	"disabled",
 	"aria-invalid",
 	"aria-describedby"
-], U = { key: 0 }, W = /*@__PURE__*/ g({
+], U = { key: 0 }, W = /*@__PURE__*/ m({
 	__name: "DateRangePicker",
-	props: /*@__PURE__*/ _({
+	props: /*@__PURE__*/ h({
 		size: {},
 		placeholder: { default: "Pick a date range" },
 		disabled: { type: Boolean },
@@ -48,30 +48,30 @@ var H = [
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(g) {
-		let _ = g, W = ne(g, "modelValue"), G = b(!1), K = a(), q = u(() => _.id ?? K?.id.value), J = u(() => _.invalid ?? K?.invalid.value ?? !1), Y = r(), ie = u(() => _.unstyled ?? Y.unstyled), X = S({
-			start: s(W.value?.start),
-			end: s(W.value?.end)
+	setup(m) {
+		let h = m, W = C(m, "modelValue"), G = v(!1), K = n(), q = s(() => h.id ?? K?.id.value), J = s(() => h.invalid ?? K?.invalid.value ?? !1), Y = e(), ie = s(() => h.unstyled ?? Y.unstyled), X = b({
+			start: i(W.value?.start),
+			end: i(W.value?.end)
 		});
 		function Z(e) {
-			return c(e.start) === (W.value?.start ?? null) && c(e.end) === (W.value?.end ?? null);
+			return a(e.start) === (W.value?.start ?? null) && a(e.end) === (W.value?.end ?? null);
 		}
-		T(W, () => {
+		w(W, () => {
 			Z(X.value) || (X.value = {
-				start: s(W.value?.start),
-				end: s(W.value?.end)
+				start: i(W.value?.start),
+				end: i(W.value?.end)
 			});
-		}, { deep: !0 }), T(X, (e) => {
+		}, { deep: !0 }), w(X, (e) => {
 			Z(e) || (W.value = {
-				start: c(e.start),
-				end: c(e.end)
+				start: a(e.start),
+				end: a(e.end)
 			});
 		});
-		let ae = u(() => s(_.min)), oe = u(() => s(_.max)), Q = u(() => {
-			let e = o(W.value?.start, _.locale, _.format), t = o(W.value?.end, _.locale, _.format);
-			return !e && !t ? "" : t ? `${e}${_.separator}${t}` : e;
+		let ae = s(() => i(h.min)), oe = s(() => i(h.max)), Q = s(() => {
+			let e = r(W.value?.start, h.locale, h.format), t = r(W.value?.end, h.locale, h.format);
+			return !e && !t ? "" : t ? `${e}${h.separator}${t}` : e;
 		});
-		T(W, (e) => {
+		w(W, (e) => {
 			G.value && e?.start && e?.end && (G.value = !1);
 		}, { deep: !0 });
 		function se() {
@@ -80,95 +80,95 @@ var H = [
 				end: null
 			}, G.value = !1;
 		}
-		let ce = u(() => ee({
-			size: _.size,
+		let ce = s(() => ee({
+			size: h.size,
 			invalid: J.value,
 			range: !0
 		}));
 		function $(e, t) {
-			let n = _.ui?.[e];
+			let n = h.ui?.[e];
 			return ie.value ? [n, t] : ce.value[e]({ class: [n, t] });
 		}
-		return (r, a) => (y(), d(w(k), {
+		return (e, n) => (_(), c(S(O), {
 			open: G.value,
-			"onUpdate:open": a[1] ||= (e) => G.value = e
+			"onUpdate:open": n[1] ||= (e) => G.value = e
 		}, {
-			default: E(() => [h(w(A), { "as-child": "" }, {
-				default: E(() => [p("button", {
+			default: T(() => [p(S(k), { "as-child": "" }, {
+				default: T(() => [d("button", {
 					id: q.value,
 					type: "button",
-					disabled: _.disabled,
+					disabled: h.disabled,
 					"aria-invalid": J.value || void 0,
-					"aria-describedby": w(K)?.describedBy.value,
-					class: v($("trigger", _.class))
-				}, [Q.value ? (y(), f("span", U, C(Q.value), 1)) : (y(), f("span", {
+					"aria-describedby": S(K)?.describedBy.value,
+					class: g($("trigger", h.class))
+				}, [Q.value ? (_(), u("span", U, x(Q.value), 1)) : (_(), u("span", {
 					key: 1,
-					class: v($("placeholder"))
-				}, C(_.placeholder), 3)), h(i, { icon: w(n) }, null, 8, ["icon"])], 10, H)]),
+					class: g($("placeholder"))
+				}, x(h.placeholder), 3)), p(t, { icon: S(te) }, null, 8, ["icon"])], 10, H)]),
 				_: 1
-			}), h(w(O), null, {
-				default: E(() => [h(w(D), {
-					class: v($("content")),
+			}), p(S(re), null, {
+				default: T(() => [p(S(ne), {
+					class: g($("content")),
 					"side-offset": 4,
 					align: "start"
 				}, {
-					default: E(() => [h(w(V), {
+					default: T(() => [p(S(V), {
 						modelValue: X.value,
-						"onUpdate:modelValue": a[0] ||= (e) => X.value = e,
+						"onUpdate:modelValue": n[0] ||= (e) => X.value = e,
 						"min-value": ae.value,
 						"max-value": oe.value,
-						locale: _.locale,
-						"week-starts-on": _.weekStartsOn,
-						"number-of-months": _.months,
+						locale: h.locale,
+						"week-starts-on": h.weekStartsOn,
+						"number-of-months": h.months,
 						"fixed-weeks": "",
 						"initial-focus": ""
 					}, {
-						default: E(({ grid: n, weekDays: r }) => [h(w(L), { class: v($("header")) }, {
-							default: E(() => [
-								h(w(B), {
-									"aria-label": _.previousLabel,
-									class: v($("nav"))
+						default: T(({ grid: e, weekDays: n }) => [p(S(L), { class: g($("header")) }, {
+							default: T(() => [
+								p(S(B), {
+									"aria-label": h.previousLabel,
+									class: g($("nav"))
 								}, {
-									default: E(() => [h(i, { icon: w(e) }, null, 8, ["icon"])]),
+									default: T(() => [p(t, { icon: S(E) }, null, 8, ["icon"])]),
 									_: 1
 								}, 8, ["aria-label", "class"]),
-								h(w(R), { class: v($("heading")) }, null, 8, ["class"]),
-								h(w(z), {
-									"aria-label": _.nextLabel,
-									class: v($("nav"))
+								p(S(R), { class: g($("heading")) }, null, 8, ["class"]),
+								p(S(z), {
+									"aria-label": h.nextLabel,
+									class: g($("nav"))
 								}, {
-									default: E(() => [h(i, { icon: w(t) }, null, 8, ["icon"])]),
+									default: T(() => [p(t, { icon: S(D) }, null, 8, ["icon"])]),
 									_: 1
 								}, 8, ["aria-label", "class"])
 							]),
 							_: 1
-						}, 8, ["class"]), p("div", { class: v($("months")) }, [(y(!0), f(l, null, x(n, (e) => (y(), d(w(M), {
+						}, 8, ["class"]), d("div", { class: g($("months")) }, [(_(!0), u(o, null, y(e, (e) => (_(), c(S(M), {
 							key: e.value.toString(),
-							class: v($("grid"))
+							class: g($("grid"))
 						}, {
-							default: E(() => [h(w(P), null, {
-								default: E(() => [h(w(F), null, {
-									default: E(() => [(y(!0), f(l, null, x(r, (e) => (y(), d(w(I), {
+							default: T(() => [p(S(P), null, {
+								default: T(() => [p(S(F), null, {
+									default: T(() => [(_(!0), u(o, null, y(n, (e) => (_(), c(S(I), {
 										key: e,
-										class: v($("headCell"))
+										class: g($("headCell"))
 									}, {
-										default: E(() => [m(C(e), 1)]),
+										default: T(() => [f(x(e), 1)]),
 										_: 2
 									}, 1032, ["class"]))), 128))]),
 									_: 2
 								}, 1024)]),
 								_: 2
-							}, 1024), h(w(N), null, {
-								default: E(() => [(y(!0), f(l, null, x(e.rows, (t, n) => (y(), d(w(F), { key: `week-${n}` }, {
-									default: E(() => [(y(!0), f(l, null, x(t, (t) => (y(), d(w(re), {
+							}, 1024), p(S(N), null, {
+								default: T(() => [(_(!0), u(o, null, y(e.rows, (t, n) => (_(), c(S(F), { key: `week-${n}` }, {
+									default: T(() => [(_(!0), u(o, null, y(t, (t) => (_(), c(S(A), {
 										key: t.toString(),
 										date: t,
-										class: v($("cell"))
+										class: g($("cell"))
 									}, {
-										default: E(() => [h(w(j), {
+										default: T(() => [p(S(j), {
 											day: t,
 											month: e.value,
-											class: v($("cellTrigger"))
+											class: g($("cellTrigger"))
 										}, null, 8, [
 											"day",
 											"month",
@@ -190,14 +190,14 @@ var H = [
 						"locale",
 						"week-starts-on",
 						"number-of-months"
-					]), _.clearable ? (y(), f("div", {
+					]), h.clearable ? (_(), u("div", {
 						key: 0,
-						class: v($("footer"))
-					}, [p("button", {
+						class: g($("footer"))
+					}, [d("button", {
 						type: "button",
-						class: v($("action")),
+						class: g($("action")),
 						onClick: se
-					}, C(_.clearLabel), 3)], 2)) : te("", !0)]),
+					}, x(h.clearLabel), 3)], 2)) : l("", !0)]),
 					_: 1
 				}, 8, ["class"])]),
 				_: 1

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

@@ -50,8 +50,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    closeLabel: string;
     unstyled: boolean;
+    closeLabel: string;
     dismissible: boolean;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Dialog.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import { Cancel01Icon as e } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as t } from "../config.js";
-import n from "./Icon.js";
-import { dialogTheme as r } from "../theme/dialog.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useModel as y, useSlots as b, withCtx as x } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { dialogTheme as n } from "../theme/dialog.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, useSlots as y, withCtx as b } from "vue";
+import { Cancel01Icon as x } from "@hugeicons/core-free-icons";
 import { DialogContent as S, DialogDescription as C, DialogOverlay as w, DialogPortal as T, DialogRoot as E, DialogTitle as D, DialogTrigger as O, VisuallyHidden as k } from "reka-ui";
 //#region src/components/Dialog.vue?vue&type=script&setup=true&lang.ts
-var A = ["aria-label"], j = /*@__PURE__*/ d({
+var A = ["aria-label"], j = /*@__PURE__*/ u({
 	__name: "Dialog",
-	props: /*@__PURE__*/ f({
+	props: /*@__PURE__*/ d({
 		title: {},
 		description: {},
 		size: {},
@@ -34,58 +34,58 @@ var A = ["aria-label"], j = /*@__PURE__*/ d({
 		openModifiers: {}
 	}),
 	emits: ["update:open"],
-	setup(d) {
-		let f = d, j = y(d, "open"), M = t(), N = i(() => f.unstyled ?? M.unstyled), P = i(() => r({ size: f.size })), F = i(() => N.value ? f.ui?.overlay : P.value.overlay({ class: f.ui?.overlay })), I = i(() => N.value ? [f.ui?.content, f.class] : P.value.content({ class: [f.ui?.content, f.class] })), L = i(() => N.value ? f.ui?.header : P.value.header({ class: f.ui?.header })), R = i(() => N.value ? f.ui?.title : P.value.title({ class: f.ui?.title })), z = i(() => N.value ? f.ui?.description : P.value.description({ class: f.ui?.description })), B = b(), V = i(() => f.description || B.description ? {} : { "aria-describedby": void 0 }), H = i(() => N.value ? f.ui?.body : P.value.body({ class: f.ui?.body })), U = i(() => N.value ? f.ui?.footer : P.value.footer({ class: f.ui?.footer })), W = i(() => N.value ? f.ui?.close : P.value.close({ class: f.ui?.close }));
+	setup(u) {
+		let d = u, j = v(u, "open"), M = e(), N = r(() => d.unstyled ?? M.unstyled), P = r(() => n({ size: d.size })), F = r(() => N.value ? d.ui?.overlay : P.value.overlay({ class: d.ui?.overlay })), I = r(() => N.value ? [d.ui?.content, d.class] : P.value.content({ class: [d.ui?.content, d.class] })), L = r(() => N.value ? d.ui?.header : P.value.header({ class: d.ui?.header })), R = r(() => N.value ? d.ui?.title : P.value.title({ class: d.ui?.title })), z = r(() => N.value ? d.ui?.description : P.value.description({ class: d.ui?.description })), B = y(), V = r(() => d.description || B.description ? {} : { "aria-describedby": void 0 }), H = r(() => N.value ? d.ui?.body : P.value.body({ class: d.ui?.body })), U = r(() => N.value ? d.ui?.footer : P.value.footer({ class: d.ui?.footer })), W = r(() => N.value ? d.ui?.close : P.value.close({ class: d.ui?.close }));
 		function G(e) {
-			!e && !f.dismissible || (j.value = e);
+			!e && !d.dismissible || (j.value = e);
 		}
 		function K() {
 			j.value = !1;
 		}
-		return (t, r) => (h(), a(v(E), {
+		return (e, n) => (m(), i(_(E), {
 			open: j.value,
 			"onUpdate:open": G
 		}, {
-			default: x(() => [t.$slots.trigger ? (h(), a(v(O), {
+			default: b(() => [e.$slots.trigger ? (m(), i(_(O), {
 				key: 0,
 				"as-child": ""
 			}, {
-				default: x(() => [g(t.$slots, "trigger")]),
+				default: b(() => [h(e.$slots, "trigger")]),
 				_: 3
-			})) : o("", !0), u(v(T), null, {
-				default: x(() => [u(v(w), { class: m(F.value) }, null, 8, ["class"]), u(v(S), p({ class: I.value }, V.value), {
-					default: x(() => [
-						f.title || f.description || t.$slots.header ? (h(), s("div", {
+			})) : a("", !0), l(_(T), null, {
+				default: b(() => [l(_(w), { class: p(F.value) }, null, 8, ["class"]), l(_(S), f({ class: I.value }, V.value), {
+					default: b(() => [
+						d.title || d.description || e.$slots.header ? (m(), o("div", {
 							key: 0,
-							class: m(L.value)
-						}, [g(t.$slots, "header", {}, () => [u(v(D), { class: m(R.value) }, {
-							default: x(() => [g(t.$slots, "title", {}, () => [l(_(f.title), 1)])]),
+							class: p(L.value)
+						}, [h(e.$slots, "header", {}, () => [l(_(D), { class: p(R.value) }, {
+							default: b(() => [h(e.$slots, "title", {}, () => [c(g(d.title), 1)])]),
 							_: 3
-						}, 8, ["class"]), f.description || t.$slots.description ? (h(), a(v(C), {
+						}, 8, ["class"]), d.description || e.$slots.description ? (m(), i(_(C), {
 							key: 0,
-							class: m(z.value)
+							class: p(z.value)
 						}, {
-							default: x(() => [g(t.$slots, "description", {}, () => [l(_(f.description), 1)])]),
+							default: b(() => [h(e.$slots, "description", {}, () => [c(g(d.description), 1)])]),
 							_: 3
-						}, 8, ["class"])) : o("", !0)])], 2)) : (h(), a(v(k), { key: 1 }, {
-							default: x(() => [u(v(D), null, {
-								default: x(() => [l(_(f.closeLabel), 1)]),
+						}, 8, ["class"])) : a("", !0)])], 2)) : (m(), i(_(k), { key: 1 }, {
+							default: b(() => [l(_(D), null, {
+								default: b(() => [c(g(d.closeLabel), 1)]),
 								_: 1
 							})]),
 							_: 1
 						})),
-						c("div", { class: m(H.value) }, [g(t.$slots, "default")], 2),
-						t.$slots.footer ? (h(), s("div", {
+						s("div", { class: p(H.value) }, [h(e.$slots, "default")], 2),
+						e.$slots.footer ? (m(), o("div", {
 							key: 2,
-							class: m(U.value)
-						}, [g(t.$slots, "footer", { close: K })], 2)) : o("", !0),
-						f.showClose ? (h(), s("button", {
+							class: p(U.value)
+						}, [h(e.$slots, "footer", { close: K })], 2)) : a("", !0),
+						d.showClose ? (m(), o("button", {
 							key: 3,
 							type: "button",
-							"aria-label": f.closeLabel,
-							class: m(W.value),
+							"aria-label": d.closeLabel,
+							class: p(W.value),
 							onClick: K
-						}, [u(n, { icon: v(e) }, null, 8, ["icon"])], 10, A)) : o("", !0)
+						}, [l(t, { icon: _(x) }, null, 8, ["icon"])], 10, A)) : a("", !0)
 					]),
 					_: 3
 				}, 16, ["class"])]),

package/dist/components/Drawer.js

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

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

@@ -0,0 +1,94 @@
+export type DrawerSide = 'right' | 'left' | 'top' | 'bottom';
+/** Fractions of the panel (0–1), pixel numbers, or CSS lengths like `'20rem'`. */
+export type DrawerSnapPoint = number | string;
+export interface DrawerProps {
+    title?: string;
+    description?: string;
+    /** Which edge the panel is attached to. Also the direction you swipe to dismiss. */
+    side?: DrawerSide;
+    /** Width for a left/right drawer, max height for a top/bottom sheet. */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Resting positions the panel snaps between, e.g. `[0.4, 1]` for a sheet
+     * that opens part-way and can be dragged to full. Sizing is left to the
+     * snap points when this is set — see the note in the setup below.
+     */
+    snapPoints?: DrawerSnapPoint[];
+    /** Snap to the next point in order rather than the nearest by distance. */
+    snapToSequentialPoints?: boolean;
+    /**
+     * `true` traps focus and blocks the page behind it; `'trap-focus'` keeps the
+     * page interactive while still trapping the Tab ring, which is what a
+     * persistent side panel wants; `false` does neither.
+     */
+    modal?: boolean | 'trap-focus';
+    /** Clicking the overlay, pressing Escape or swiping closes it. Set false to force a choice. */
+    dismissible?: boolean;
+    /** Show the drag handle. Defaults on for top/bottom sheets, off for side drawers. */
+    handle?: boolean;
+    /** Render the corner dismiss button. */
+    showClose?: boolean;
+    /** Accessible name for the dismiss button — override for non-English apps. */
+    closeLabel?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+    /** Override classes per slot, e.g. `{ content: 'sm:max-w-3xl' }`. */
+    ui?: {
+        overlay?: string;
+        content?: string;
+        handle?: string;
+        header?: string;
+        title?: string;
+        description?: string;
+        body?: string;
+        footer?: string;
+        close?: string;
+    };
+}
+type __VLS_Props = DrawerProps;
+declare function close(): void;
+type __VLS_ModelProps = {
+    'open'?: boolean;
+    'snapPoint'?: DrawerSnapPoint | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_16: {}, __VLS_40: {}, __VLS_48: {}, __VLS_56: {}, __VLS_76: {}, __VLS_78: {
+    close: typeof close;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_16) => any;
+} & {
+    header?: (props: typeof __VLS_40) => any;
+} & {
+    title?: (props: typeof __VLS_48) => any;
+} & {
+    description?: (props: typeof __VLS_56) => any;
+} & {
+    default?: (props: typeof __VLS_76) => any;
+} & {
+    footer?: (props: typeof __VLS_78) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    "update:snapPoint": (value: DrawerSnapPoint | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:snapPoint"?: ((value: DrawerSnapPoint | null) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    closeLabel: string;
+    side: DrawerSide;
+    modal: boolean | "trap-focus";
+    dismissible: boolean;
+    showClose: boolean;
+    handle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Drawer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,144 @@
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { drawerTheme as n } from "../theme/drawer.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, useModel as _, useSlots as v, withCtx as y } from "vue";
+import { Cancel01Icon as b } from "@hugeicons/core-free-icons";
+import { DrawerContent as x, DrawerDescription as S, DrawerHandle as C, DrawerOverlay as w, DrawerPortal as T, DrawerRoot as E, DrawerTitle as D, DrawerTrigger as O, DrawerViewport as k, VisuallyHidden as A } from "reka-ui";
+//#region src/components/Drawer.vue?vue&type=script&setup=true&lang.ts
+var j = ["aria-label"], M = /*@__PURE__*/ l({
+	__name: "Drawer",
+	props: /*@__PURE__*/ u({
+		title: {},
+		description: {},
+		side: { default: "right" },
+		size: {},
+		snapPoints: {},
+		snapToSequentialPoints: { type: Boolean },
+		modal: {
+			type: [Boolean, String],
+			default: !0
+		},
+		dismissible: {
+			type: Boolean,
+			default: !0
+		},
+		handle: {
+			type: Boolean,
+			default: void 0
+		},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		closeLabel: { default: "Close" },
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {},
+		ui: {}
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {},
+		snapPoint: { default: null },
+		snapPointModifiers: {}
+	}),
+	emits: ["update:open", "update:snapPoint"],
+	setup(l) {
+		let u = l, M = _(l, "open"), N = _(l, "snapPoint"), P = e(), F = r(() => u.unstyled ?? P.unstyled), I = r(() => ({
+			right: "right",
+			left: "left",
+			top: "up",
+			bottom: "down"
+		})[u.side]), L = r(() => u.handle ?? (u.side === "top" || u.side === "bottom")), R = r(() => n({
+			side: u.side,
+			size: u.size
+		})), z = r(() => u.snapPoints?.length ? "max-h-dvh" : void 0), B = r(() => F.value ? u.ui?.overlay : R.value.overlay({ class: u.ui?.overlay })), V = r(() => F.value ? [u.ui?.content, u.class] : R.value.content({ class: [
+			z.value,
+			u.ui?.content,
+			u.class
+		] })), H = r(() => F.value ? u.ui?.handle : R.value.handle({ class: u.ui?.handle })), U = r(() => F.value ? u.ui?.header : R.value.header({ class: u.ui?.header })), W = r(() => F.value ? u.ui?.title : R.value.title({ class: u.ui?.title })), G = r(() => F.value ? u.ui?.description : R.value.description({ class: u.ui?.description })), K = r(() => F.value ? u.ui?.body : R.value.body({ class: u.ui?.body })), q = r(() => F.value ? u.ui?.footer : R.value.footer({ class: u.ui?.footer })), J = r(() => F.value ? u.ui?.close : R.value.close({ class: u.ui?.close })), Y = v(), X = r(() => u.description || Y.description ? {} : { "aria-describedby": void 0 });
+		function Z(e) {
+			!e && !u.dismissible || (M.value = e);
+		}
+		function Q() {
+			M.value = !1;
+		}
+		return (e, n) => (p(), i(g(E), {
+			open: M.value,
+			modal: u.modal,
+			"swipe-direction": I.value,
+			"snap-points": u.snapPoints,
+			"snap-point": N.value,
+			"snap-to-sequential-points": u.snapToSequentialPoints,
+			"onUpdate:open": Z,
+			"onUpdate:snapPoint": n[0] ||= (e) => N.value = e
+		}, {
+			default: y(() => [e.$slots.trigger ? (p(), i(g(O), {
+				key: 0,
+				"as-child": ""
+			}, {
+				default: y(() => [m(e.$slots, "trigger")]),
+				_: 3
+			})) : a("", !0), c(g(T), null, {
+				default: y(() => [c(g(w), { class: f(B.value) }, null, 8, ["class"]), c(g(x), d({ class: V.value }, X.value), {
+					default: y(() => [
+						L.value ? (p(), i(g(C), {
+							key: 0,
+							class: f(H.value)
+						}, null, 8, ["class"])) : a("", !0),
+						u.title || u.description || e.$slots.header ? (p(), o("div", {
+							key: 1,
+							class: f(U.value)
+						}, [m(e.$slots, "header", {}, () => [c(g(D), { class: f(W.value) }, {
+							default: y(() => [m(e.$slots, "title", {}, () => [s(h(u.title), 1)])]),
+							_: 3
+						}, 8, ["class"]), u.description || e.$slots.description ? (p(), i(g(S), {
+							key: 0,
+							class: f(G.value)
+						}, {
+							default: y(() => [m(e.$slots, "description", {}, () => [s(h(u.description), 1)])]),
+							_: 3
+						}, 8, ["class"])) : a("", !0)])], 2)) : (p(), i(g(A), { key: 2 }, {
+							default: y(() => [c(g(D), null, {
+								default: y(() => [s(h(u.closeLabel), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})),
+						c(g(k), { class: f(K.value) }, {
+							default: y(() => [m(e.$slots, "default")]),
+							_: 3
+						}, 8, ["class"]),
+						e.$slots.footer ? (p(), o("div", {
+							key: 3,
+							class: f(q.value)
+						}, [m(e.$slots, "footer", { close: Q })], 2)) : a("", !0),
+						u.showClose ? (p(), o("button", {
+							key: 4,
+							type: "button",
+							"aria-label": u.closeLabel,
+							class: f(J.value),
+							onClick: Q
+						}, [c(t, { icon: g(b) }, null, 8, ["icon"])], 10, j)) : a("", !0)
+					]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, [
+			"open",
+			"modal",
+			"swipe-direction",
+			"snap-points",
+			"snap-point",
+			"snap-to-sequential-points"
+		]));
+	}
+});
+//#endregion
+export { M as default };