iryx-ui 0.10.2 → 0.12.0

package/dist/components/Table.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,15 @@
-import { ArrowDown01Icon as e, ArrowRight01Icon as t, ArrowUp01Icon as n, UnfoldMoreIcon as r } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as i } from "../config.js";
-import a from "./Icon.js";
-import o from "./Checkbox.js";
-import s from "./Skeleton.js";
-import { useDataTable as c } from "../composables/data-table.js";
-import { tableTheme as l } from "../theme/table.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, mergeModels as y, normalizeClass as b, normalizeStyle as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useModel as D, withModifiers as O } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import n from "./Checkbox.js";
+import r from "./Skeleton.js";
+import { useDataTable as i } from "../composables/data-table.js";
+import { tableTheme as a } from "../theme/table.js";
+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, normalizeStyle as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useModel as C, withModifiers as w } from "vue";
+import { ArrowDown01Icon as T, ArrowRight01Icon as E, ArrowUp01Icon as D, UnfoldMoreIcon as O } from "@hugeicons/core-free-icons";
 //#region src/components/Table.vue?vue&type=script&setup=true&lang.ts
-var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { key: 1 }, N = ["colspan"], ee = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ v({
+var k = ["aria-label", "aria-busy"], A = ["aria-sort"], ee = ["onClick"], j = { key: 1 }, M = ["colspan"], N = ["data-selected", "onClick"], P = ["aria-expanded", "onClick"], F = ["colspan"], I = /*@__PURE__*/ m({
 	__name: "Table",
-	props: /*@__PURE__*/ y({
+	props: /*@__PURE__*/ h({
 		rows: { default: () => [] },
 		columns: { default: () => [] },
 		total: { default: void 0 },
@@ -49,15 +49,15 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 		expanded: { default: () => [] },
 		expandedModifiers: {}
 	}),
-	emits: /*@__PURE__*/ y(["rowClick"], [
+	emits: /*@__PURE__*/ h(["rowClick"], [
 		"update:sort",
 		"update:page",
 		"update:perPage",
 		"update:selection",
 		"update:expanded"
 	]),
-	setup(v, { expose: y, emit: I }) {
-		let L = v, R = I, z = D(v, "sort"), B = D(v, "page"), V = D(v, "perPage"), H = D(v, "selection"), U = D(v, "expanded"), W = c({
+	setup(m, { expose: h, emit: I }) {
+		let L = m, R = I, z = C(m, "sort"), B = C(m, "page"), V = C(m, "perPage"), H = C(m, "selection"), U = C(m, "expanded"), W = i({
 			rows: () => L.rows,
 			columns: () => L.columns,
 			total: () => L.total,
@@ -68,7 +68,7 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 			perPage: V,
 			selection: H,
 			expanded: U
-		}), G = i(), K = d(() => L.unstyled ?? G.unstyled), q = d(() => l({
+		}), G = e(), K = s(() => L.unstyled ?? G.unstyled), q = s(() => a({
 			size: L.size,
 			striped: L.striped,
 			hoverable: L.hoverable ?? !0,
@@ -82,7 +82,7 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 		function Y(e) {
 			return K.value ? void 0 : q.value[e]();
 		}
-		let X = d(() => K.value ? [L.ui?.root, L.class] : q.value.root({ class: [L.ui?.root, L.class] }));
+		let X = s(() => K.value ? [L.ui?.root, L.class] : q.value.root({ class: [L.ui?.root, L.class] }));
 		function Z(e) {
 			if (K.value) return;
 			let t = e.align ?? (e.numeric ? "end" : "start");
@@ -97,7 +97,7 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 		function ne(e, t) {
 			return typeof t.hidden == "function" ? t.hidden(e) : !1;
 		}
-		let $ = d(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable), re = d(() => L.loading && W.pageRows.value.length === 0), ie = d(() => !L.loading && W.pageRows.value.length === 0);
+		let $ = s(() => W.visibleColumns.value.length + +!!L.selectable + +!!L.expandable), re = s(() => L.loading && W.pageRows.value.length === 0), ie = s(() => !L.loading && W.pageRows.value.length === 0);
 		function ae(e) {
 			if (!e.sortable) return;
 			let t = W.sortOrderFor(e);
@@ -106,110 +106,110 @@ var k = ["aria-label", "aria-busy"], A = ["aria-sort"], j = ["onClick"], M = { k
 		function oe(e) {
 			L.clickableRows && R("rowClick", e);
 		}
-		return y({ table: W }), (i, c) => (S(), m("div", { class: b(X.value) }, [h("table", {
-			class: b(J("table")),
+		return h({ table: W }), (e, i) => (v(), u("div", { class: g(X.value) }, [d("table", {
+			class: g(J("table")),
 			"aria-label": L.label,
 			"aria-busy": L.loading || void 0
 		}, [
-			L.caption || i.$slots.caption ? (S(), m("caption", {
+			L.caption || e.$slots.caption ? (v(), u("caption", {
 				key: 0,
-				class: b(J("caption"))
-			}, [w(i.$slots, "caption", {}, () => [g(T(L.caption), 1)])], 2)) : p("", !0),
-			h("thead", { class: b(J("thead")) }, [h("tr", null, [
-				L.expandable ? (S(), m("th", {
+				class: g(J("caption"))
+			}, [b(e.$slots, "caption", {}, () => [f(x(L.caption), 1)])], 2)) : l("", !0),
+			d("thead", { class: g(J("thead")) }, [d("tr", null, [
+				L.expandable ? (v(), u("th", {
 					key: 0,
-					class: b(Y("headGutter"))
-				}, null, 2)) : p("", !0),
-				L.selectable ? (S(), m("th", {
+					class: g(Y("headGutter"))
+				}, null, 2)) : l("", !0),
+				L.selectable ? (v(), u("th", {
 					key: 1,
-					class: b(Y("headGutter"))
-				}, [_(o, {
-					"model-value": E(W).headerSelection.value,
+					class: g(Y("headGutter"))
+				}, [p(n, {
+					"model-value": S(W).headerSelection.value,
 					"aria-label": "Select all rows on this page",
-					"onUpdate:modelValue": E(W).toggleAll
-				}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("th", {
-					key: t.key,
-					class: b(J("th", Z(t))),
-					style: x(t.width ? { width: t.width } : void 0),
-					"aria-sort": ae(t),
+					"onUpdate:modelValue": S(W).toggleAll
+				}, null, 8, ["model-value", "onUpdate:modelValue"])], 2)) : l("", !0),
+				(v(!0), u(o, null, y(S(W).visibleColumns.value, (n) => (v(), u("th", {
+					key: n.key,
+					class: g(J("th", Z(n))),
+					style: _(n.width ? { width: n.width } : void 0),
+					"aria-sort": ae(n),
 					scope: "col"
-				}, [w(i.$slots, `header-${t.key}`, { column: t }, () => [t.sortable ? (S(), m("button", {
+				}, [b(e.$slots, `header-${n.key}`, { column: n }, () => [n.sortable ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: b(Y("sortButton")),
-					onClick: (e) => E(W).toggleSort(t)
-				}, [g(T(t.label ?? t.key) + " ", 1), _(a, {
-					icon: E(W).sortOrderFor(t) === "asc" ? E(n) : E(W).sortOrderFor(t) === "desc" ? E(e) : E(r),
-					class: b(Y("sortIcon"))
-				}, null, 8, ["icon", "class"])], 10, j)) : (S(), m(u, { key: 1 }, [g(T(t.label ?? t.key), 1)], 64))])], 14, A))), 128))
+					class: g(Y("sortButton")),
+					onClick: (e) => S(W).toggleSort(n)
+				}, [f(x(n.label ?? n.key) + " ", 1), p(t, {
+					icon: S(W).sortOrderFor(n) === "asc" ? S(D) : S(W).sortOrderFor(n) === "desc" ? S(T) : S(O),
+					class: g(Y("sortIcon"))
+				}, null, 8, ["icon", "class"])], 10, ee)) : (v(), u(o, { key: 1 }, [f(x(n.label ?? n.key), 1)], 64))])], 14, A))), 128))
 			])], 2),
-			h("tbody", { class: b(J("tbody")) }, [re.value ? (S(!0), m(u, { key: 0 }, C(L.loadingRows, (e) => (S(), m("tr", {
+			d("tbody", { class: g(J("tbody")) }, [re.value ? (v(!0), u(o, { key: 0 }, y(L.loadingRows, (e) => (v(), u("tr", {
 				key: `skeleton-${e}`,
-				class: b(J("tr"))
+				class: g(J("tr"))
 			}, [
-				L.expandable ? (S(), m("td", {
+				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: b(Y("gutter"))
-				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
-				L.selectable ? (S(), m("td", {
+					class: g(Y("gutter"))
+				}, [p(r, { class: "size-4" })], 2)) : l("", !0),
+				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: b(Y("gutter"))
-				}, [_(s, { class: "size-4" })], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (e) => (S(), m("td", {
+					class: g(Y("gutter"))
+				}, [p(r, { class: "size-4" })], 2)) : l("", !0),
+				(v(!0), u(o, null, y(S(W).visibleColumns.value, (e) => (v(), u("td", {
 					key: e.key,
-					class: b(J("td"))
-				}, [_(s, { class: "h-4 w-24" })], 2))), 128))
-			], 2))), 128)) : ie.value ? (S(), m("tr", M, [h("td", {
+					class: g(J("td"))
+				}, [p(r, { class: "h-4 w-24" })], 2))), 128))
+			], 2))), 128)) : ie.value ? (v(), u("tr", j, [d("td", {
 				colspan: $.value,
-				class: b(J("empty"))
-			}, [w(i.$slots, "empty", {}, () => [g(T(L.emptyText), 1)])], 10, N)])) : (S(!0), m(u, { key: 2 }, C(E(W).pageRows.value, (e) => (S(), m(u, { key: E(W).keyOf(e) }, [h("tr", {
-				class: b([J("tr"), !K.value && E(W).isSelected(e) ? "bg-primary/5" : void 0]),
-				"data-selected": E(W).isSelected(e) || void 0,
-				onClick: (t) => oe(e)
+				class: g(J("empty"))
+			}, [b(e.$slots, "empty", {}, () => [f(x(L.emptyText), 1)])], 10, M)])) : (v(!0), u(o, { key: 2 }, y(S(W).pageRows.value, (r) => (v(), u(o, { key: S(W).keyOf(r) }, [d("tr", {
+				class: g([J("tr"), !K.value && S(W).isSelected(r) ? "bg-primary/5" : void 0]),
+				"data-selected": S(W).isSelected(r) || void 0,
+				onClick: (e) => oe(r)
 			}, [
-				L.expandable ? (S(), m("td", {
+				L.expandable ? (v(), u("td", {
 					key: 0,
-					class: b(Y("gutter")),
-					onClick: c[0] ||= O(() => {}, ["stop"])
-				}, [!L.canExpandRow || L.canExpandRow(e) ? (S(), m("button", {
+					class: g(Y("gutter")),
+					onClick: i[0] ||= w(() => {}, ["stop"])
+				}, [!L.canExpandRow || L.canExpandRow(r) ? (v(), u("button", {
 					key: 0,
 					type: "button",
-					class: b([Y("expandButton"), E(W).isExpanded(e) && !K.value ? "rotate-90" : void 0]),
-					"aria-expanded": E(W).isExpanded(e),
+					class: g([Y("expandButton"), S(W).isExpanded(r) && !K.value ? "rotate-90" : void 0]),
+					"aria-expanded": S(W).isExpanded(r),
 					"aria-label": "Toggle row details",
-					onClick: (t) => E(W).toggleExpanded(e)
-				}, [_(a, { icon: E(t) }, null, 8, ["icon"])], 10, P)) : p("", !0)], 2)) : p("", !0),
-				L.selectable ? (S(), m("td", {
+					onClick: (e) => S(W).toggleExpanded(r)
+				}, [p(t, { icon: S(E) }, null, 8, ["icon"])], 10, P)) : l("", !0)], 2)) : l("", !0),
+				L.selectable ? (v(), u("td", {
 					key: 1,
-					class: b(Y("gutter")),
-					onClick: c[1] ||= O(() => {}, ["stop"])
-				}, [!L.isRowSelectable || L.isRowSelectable(e) ? (S(), f(o, {
+					class: g(Y("gutter")),
+					onClick: i[1] ||= w(() => {}, ["stop"])
+				}, [!L.isRowSelectable || L.isRowSelectable(r) ? (v(), c(n, {
 					key: 0,
-					"model-value": E(W).isSelected(e),
+					"model-value": S(W).isSelected(r),
 					"aria-label": "Select row",
-					"onUpdate:modelValue": (t) => E(W).toggleRow(e)
-				}, null, 8, ["model-value", "onUpdate:modelValue"])) : p("", !0)], 2)) : p("", !0),
-				(S(!0), m(u, null, C(E(W).visibleColumns.value, (t) => (S(), m("td", {
+					"onUpdate:modelValue": (e) => S(W).toggleRow(r)
+				}, null, 8, ["model-value", "onUpdate:modelValue"])) : l("", !0)], 2)) : l("", !0),
+				(v(!0), u(o, null, y(S(W).visibleColumns.value, (t) => (v(), u("td", {
 					key: t.key,
-					class: b(J("td", [
+					class: g(J("td", [
 						Z(t),
 						Q(t),
-						te(e, t)
+						te(r, t)
 					].filter(Boolean).join(" ") || void 0))
-				}, [ne(e, t) ? p("", !0) : w(i.$slots, `cell-${t.key}`, {
+				}, [ne(r, t) ? l("", !0) : b(e.$slots, `cell-${t.key}`, {
 					key: 0,
-					row: e,
+					row: r,
 					column: t,
-					value: E(W).getRowValue(e, t.key)
-				}, () => [g(T(E(W).getRowValue(e, t.key)), 1)])], 2))), 128))
-			], 10, ee), L.expandable && E(W).isExpanded(e) ? (S(), m("tr", {
+					value: S(W).getRowValue(r, t.key)
+				}, () => [f(x(S(W).getRowValue(r, t.key)), 1)])], 2))), 128))
+			], 10, N), L.expandable && S(W).isExpanded(r) ? (v(), u("tr", {
 				key: 0,
-				class: b([J("tr"), Y("expandedRow")])
-			}, [h("td", {
+				class: g([J("tr"), Y("expandedRow")])
+			}, [d("td", {
 				colspan: $.value,
-				class: b(Y("expandedCell"))
-			}, [w(i.$slots, "expanded", { row: e })], 10, F)], 2)) : p("", !0)], 64))), 128))], 2)
+				class: g(Y("expandedCell"))
+			}, [b(e.$slots, "expanded", { row: r })], 10, F)], 2)) : l("", !0)], 64))), 128))], 2)
 		], 10, k)], 2));
 	}
 });

package/dist/components/Toaster.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { Alert02Icon as e, AlertCircleIcon as t, Cancel01Icon as n, CheckmarkCircle02Icon as r, InformationCircleIcon as i } from "../node_modules/.pnpm/@hugeicons_core-free-icons@4.2.3/node_modules/@hugeicons/core-free-icons/dist/esm/index.js";
-import { useIryxUiConfig as a } from "../config.js";
-import o from "./Icon.js";
-import { useToast as s, useToastState as c } from "../composables/toast.js";
-import { toastTheme as l } from "../theme/toast.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
+import { useIryxUiConfig as e } from "../config.js";
+import t from "./Icon.js";
+import { useToast as n, useToastState as r } from "../composables/toast.js";
+import { toastTheme as i } from "../theme/toast.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { Alert02Icon as b, AlertCircleIcon as x, Cancel01Icon as S, CheckmarkCircle02Icon as C, InformationCircleIcon as w } from "@hugeicons/core-free-icons";
 import { ToastAction as T, ToastClose as E, ToastDescription as D, ToastPortal as O, ToastProvider as k, ToastRoot as A, ToastTitle as j, ToastViewport as M } from "reka-ui";
 //#region src/components/Toaster.vue?vue&type=script&setup=true&lang.ts
-var N = /*@__PURE__*/ v({
+var N = /*@__PURE__*/ p({
 	__name: "Toaster",
 	props: {
 		position: {},
@@ -19,12 +19,12 @@ var N = /*@__PURE__*/ v({
 		class: {},
 		ui: {}
 	},
-	setup(v) {
-		let N = v, P = c(), { dismiss: F } = s(), I = {
-			success: r,
-			warning: e,
-			danger: t,
-			info: i
+	setup(p) {
+		let N = p, P = r(), { dismiss: F } = n(), I = {
+			success: C,
+			warning: b,
+			danger: x,
+			info: w
 		};
 		function L(e) {
 			return e.variant && e.variant !== "neutral" ? I[e.variant] : void 0;
@@ -33,16 +33,16 @@ var N = /*@__PURE__*/ v({
 			let t = e.duration ?? N.duration;
 			return t === 0 ? Infinity : t;
 		}
-		let z = a(), B = d(() => N.unstyled ?? z.unstyled);
+		let z = e(), B = o(() => N.unstyled ?? z.unstyled);
 		function V(e) {
-			return l({
+			return i({
 				variant: e.variant,
 				position: N.position,
 				withTitle: !!e.title
 			});
 		}
-		let H = d(() => {
-			let e = l({ position: N.position });
+		let H = o(() => {
+			let e = i({ position: N.position });
 			return B.value ? [N.ui?.viewport, N.class] : e.viewport({ class: [N.ui?.viewport, N.class] });
 		});
 		function U(e, t) {
@@ -52,49 +52,49 @@ var N = /*@__PURE__*/ v({
 		function W(e) {
 			e.action?.onClick(), F(e.id);
 		}
-		return (e, t) => (b(), f(C(k), null, {
-			default: w(() => [(b(!0), m(u, null, x(C(P), (e) => (b(), f(C(A), {
+		return (e, n) => (h(), s(v(k), null, {
+			default: y(() => [(h(!0), l(a, null, g(v(P), (e) => (h(), s(v(A), {
 				key: e.id,
 				duration: R(e),
-				class: y(U(e, "root")),
-				"onUpdate:open": (t) => !t && C(F)(e.id)
+				class: m(U(e, "root")),
+				"onUpdate:open": (t) => !t && v(F)(e.id)
 			}, {
-				default: w(() => [
-					L(e) ? (b(), m("div", {
+				default: y(() => [
+					L(e) ? (h(), l("div", {
 						key: 0,
-						class: y(U(e, "icon"))
-					}, [_(o, { icon: L(e) }, null, 8, ["icon"])], 2)) : p("", !0),
-					h("div", { class: y(U(e, "content")) }, [e.title ? (b(), f(C(j), {
+						class: m(U(e, "icon"))
+					}, [f(t, { icon: L(e) }, null, 8, ["icon"])], 2)) : c("", !0),
+					u("div", { class: m(U(e, "content")) }, [e.title ? (h(), s(v(j), {
 						key: 0,
-						class: y(U(e, "title"))
+						class: m(U(e, "title"))
 					}, {
-						default: w(() => [g(S(e.title), 1)]),
+						default: y(() => [d(_(e.title), 1)]),
 						_: 2
-					}, 1032, ["class"])) : p("", !0), e.description ? (b(), f(C(D), {
+					}, 1032, ["class"])) : c("", !0), e.description ? (h(), s(v(D), {
 						key: 1,
-						class: y(U(e, "description"))
+						class: m(U(e, "description"))
 					}, {
-						default: w(() => [g(S(e.description), 1)]),
+						default: y(() => [d(_(e.description), 1)]),
 						_: 2
-					}, 1032, ["class"])) : p("", !0)], 2),
-					e.action ? (b(), f(C(T), {
+					}, 1032, ["class"])) : c("", !0)], 2),
+					e.action ? (h(), s(v(T), {
 						key: 1,
 						"alt-text": e.action.label,
-						class: y(U(e, "action")),
+						class: m(U(e, "action")),
 						onClick: (t) => W(e)
 					}, {
-						default: w(() => [g(S(e.action.label), 1)]),
+						default: y(() => [d(_(e.action.label), 1)]),
 						_: 2
 					}, 1032, [
 						"alt-text",
 						"class",
 						"onClick"
-					])) : p("", !0),
-					_(C(E), {
+					])) : c("", !0),
+					f(v(E), {
 						"aria-label": N.closeLabel,
-						class: y(U(e, "close"))
+						class: m(U(e, "close"))
 					}, {
-						default: w(() => [_(o, { icon: C(n) }, null, 8, ["icon"])]),
+						default: y(() => [f(t, { icon: v(S) }, null, 8, ["icon"])]),
 						_: 1
 					}, 8, ["aria-label", "class"])
 				]),
@@ -103,8 +103,8 @@ var N = /*@__PURE__*/ v({
 				"duration",
 				"class",
 				"onUpdate:open"
-			]))), 128)), _(C(O), null, {
-				default: w(() => [_(C(M), { class: y(H.value) }, null, 8, ["class"])]),
+			]))), 128)), f(v(O), null, {
+				default: y(() => [f(v(M), { class: m(H.value) }, null, 8, ["class"])]),
 				_: 1
 			})]),
 			_: 1

package/dist/components/index.d.ts

@@ -14,6 +14,7 @@ export { default as ConfirmDialog } from './ConfirmDialog.vue';
 export { default as DatePicker } from './DatePicker.vue';
 export { default as DateRangePicker } from './DateRangePicker.vue';
 export { default as Dialog } from './Dialog.vue';
+export { default as Drawer } from './Drawer.vue';
 export { default as DropdownMenu } from './DropdownMenu.vue';
 export { default as EmptyState } from './EmptyState.vue';
 export { default as FileUpload } from './FileUpload.vue';

package/dist/components/index.js

@@ -15,33 +15,34 @@ import p from "./Dialog.js";
 import m from "./ConfirmDialog.js";
 import h from "./DatePicker.js";
 import g from "./DateRangePicker.js";
-import _ from "./DropdownMenu.js";
-import v from "./EmptyState.js";
-import y from "./FileUpload.js";
-import b from "./Form.js";
-import x from "./Label.js";
-import S from "./FormField.js";
-import C from "./Input.js";
-import w from "./LineChart.js";
-import T from "./NumberInput.js";
-import E from "./Pagination.js";
-import D from "./PasswordInput.js";
-import O from "./Progress.js";
-import k from "./RadioGroup.js";
-import A from "./Select.js";
-import j from "./Separator.js";
-import M from "./Skeleton.js";
-import N from "./Sparkline.js";
-import P from "./Stat.js";
-import F from "./Stepper.js";
-import I from "./Switch.js";
-import L from "./Table.js";
-import R from "./Tabs.js";
-import z from "./Textarea.js";
-import B from "./Toaster.js";
-import V from "./Tooltip.js";
+import _ from "./Drawer.js";
+import v from "./DropdownMenu.js";
+import y from "./EmptyState.js";
+import b from "./FileUpload.js";
+import x from "./Form.js";
+import S from "./Label.js";
+import C from "./FormField.js";
+import w from "./Input.js";
+import T from "./LineChart.js";
+import E from "./NumberInput.js";
+import D from "./Pagination.js";
+import O from "./PasswordInput.js";
+import k from "./Progress.js";
+import A from "./RadioGroup.js";
+import j from "./Select.js";
+import M from "./Separator.js";
+import N from "./Skeleton.js";
+import P from "./Sparkline.js";
+import F from "./Stat.js";
+import I from "./Stepper.js";
+import L from "./Switch.js";
+import R from "./Table.js";
+import z from "./Tabs.js";
+import B from "./Textarea.js";
+import V from "./Toaster.js";
+import H from "./Tooltip.js";
 //#region src/components/index.ts
-var H = /* @__PURE__ */ e({
+var U = /* @__PURE__ */ e({
 	Alert: () => t,
 	App: () => n,
 	Badge: () => r,
@@ -58,31 +59,32 @@ var H = /* @__PURE__ */ e({
 	DatePicker: () => h,
 	DateRangePicker: () => g,
 	Dialog: () => p,
-	DropdownMenu: () => _,
-	EmptyState: () => v,
-	FileUpload: () => y,
-	Form: () => b,
-	FormField: () => S,
-	Input: () => C,
-	Label: () => x,
-	LineChart: () => w,
-	NumberInput: () => T,
-	Pagination: () => E,
-	PasswordInput: () => D,
-	Progress: () => O,
-	RadioGroup: () => k,
-	Select: () => A,
-	Separator: () => j,
-	Skeleton: () => M,
-	Sparkline: () => N,
-	Stat: () => P,
-	Stepper: () => F,
-	Switch: () => I,
-	Table: () => L,
-	Tabs: () => R,
-	Textarea: () => z,
-	Toaster: () => B,
-	Tooltip: () => V
+	Drawer: () => _,
+	DropdownMenu: () => v,
+	EmptyState: () => y,
+	FileUpload: () => b,
+	Form: () => x,
+	FormField: () => C,
+	Input: () => w,
+	Label: () => S,
+	LineChart: () => T,
+	NumberInput: () => E,
+	Pagination: () => D,
+	PasswordInput: () => O,
+	Progress: () => k,
+	RadioGroup: () => A,
+	Select: () => j,
+	Separator: () => M,
+	Skeleton: () => N,
+	Sparkline: () => P,
+	Stat: () => F,
+	Stepper: () => I,
+	Switch: () => L,
+	Table: () => R,
+	Tabs: () => z,
+	Textarea: () => B,
+	Toaster: () => V,
+	Tooltip: () => H
 });
 //#endregion
-export { H as components_exports };
+export { U as components_exports };

package/dist/composables/date.js

@@ -1,25 +1,22 @@
-import { $ad063034c8620db8$export$aa8b41735afcabd2 as e, $ad063034c8620db8$export$d0bdf45af03a6ea3 as t } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/queries.js";
-import { $58246871e4652552$export$6b862160d295c8e as n } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/string.js";
-import "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/CalendarDate.js";
-import { $12a3c853105e5a70$export$ad991b66133851cf as r } from "../node_modules/.pnpm/@internationalized_date@3.12.3/node_modules/@internationalized/date/dist/private/DateFormatter.js";
+import { CalendarDate as e, DateFormatter as t, getLocalTimeZone as n, parseDate as r, today as i } from "@internationalized/date";
 //#region src/composables/date.ts
-var i = /^\d{4}-\d{2}-\d{2}$/;
-function a(e) {
-	if (!(!e || !i.test(e))) try {
-		return n(e);
+var a = /^\d{4}-\d{2}-\d{2}$/;
+function o(e) {
+	if (!(!e || !a.test(e))) try {
+		return r(e);
 	} catch {
 		return;
 	}
 }
-function o(e) {
+function s(e) {
 	return e ? `${e.year.toString().padStart(4, "0")}-${e.month.toString().padStart(2, "0")}-${e.day.toString().padStart(2, "0")}` : null;
 }
-function s() {
-	return o(t(e()));
+function c() {
+	return s(i(n()));
 }
-function c(t, n, i = { dateStyle: "medium" }) {
-	let o = a(t);
-	return o ? new r(n ?? "en-US", i).format(o.toDate(e())) : "";
+function l(e, r, i = { dateStyle: "medium" }) {
+	let a = o(e);
+	return a ? new t(r ?? "en-US", i).format(a.toDate(n())) : "";
 }
 //#endregion
-export { c as formatIsoDate, s as isoToday, a as toCalendarDate, o as toIsoDate };
+export { e as CalendarDate, l as formatIsoDate, c as isoToday, o as toCalendarDate, s as toIsoDate };

package/dist/index.d.ts

@@ -17,6 +17,7 @@ export type { ConfirmDialogProps } from './components/ConfirmDialog.vue';
 export type { DatePickerProps } from './components/DatePicker.vue';
 export type { DateRange, DateRangePickerProps } from './components/DateRangePicker.vue';
 export type { DialogProps } from './components/Dialog.vue';
+export type { DrawerProps, DrawerSide, DrawerSnapPoint } from './components/Drawer.vue';
 export type { DropdownMenuProps } from './components/DropdownMenu.vue';
 export type { EmptyStateProps } from './components/EmptyState.vue';
 export type { FileRejection, FileUploadProps } from './components/FileUpload.vue';