@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/configurator.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, r, t as i } from "./ConfiguratorRow-BR4l-ixA.js";
-import { n as a, t as o } from "./useConfiguratorState-DNlOh6c8.js";
+import { a as e, i as t, n, r, t as i } from "./ConfiguratorRow-CaP7U3ZA.js";
+import { n as a, t as o } from "./useConfiguratorState-4xblKfwd.js";
 export { r as CONFIGURATOR_DENSITY_KEY, a as Configurator, n as ConfiguratorLayer, i as ConfiguratorRow, t as provideConfiguratorDensity, o as useConfiguratorState, e as useOptionalConfiguratorDensity };

package/dist/confirm-dialog.js

@@ -1,14 +1,13 @@
-import { u as e } from "./vendor-CKmzio-i.js";
-import { n as t } from "./button-DYCUa-tH.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { Transition 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, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _, withKeys as v, withModifiers as y } from "vue";
-//#region src/components/custom/confirm-dialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var b = {
-	key: 0,
-	class: "w-[calc(100%-2rem)] sm:max-w-sm bg-card text-card-foreground border border-border rounded-dialog shadow-lg"
-}, x = { class: "p-6 grid gap-4" }, S = { class: "grid gap-2" }, C = { class: "font-display text-lg font-semibold leading-none tracking-tight" }, w = { class: "fira-code text-sm text-muted-foreground" }, T = { class: "flex justify-end gap-2" }, E = /* @__PURE__ */ n(/* @__PURE__ */ u({
+import { u as e } from "./vendor-B2qOlYY3.js";
+import { n as t } from "./button-5dY1Dvhd.js";
+import { n, t as r } from "./DialogContent-6JtTB5x2.js";
+import { i, n as a, r as o, t as s } from "./DialogFooter-9phqcRIS.js";
+import { createBlock as c, createCommentVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+//#endregion
+//#region src/components/custom/confirm-dialog/ConfirmDialog.vue
+var b = /* @__PURE__ */ f({
 	__name: "ConfirmDialog",
-	props: /* @__PURE__ */ d({
+	props: /* @__PURE__ */ p({
 		title: {},
 		description: {},
 		confirmLabel: {},
@@ -21,47 +20,63 @@ var b = {
 		},
 		openModifiers: {}
 	}),
-	emits: /* @__PURE__ */ d(["confirm"], ["update:open"]),
-	setup(n, { emit: u }) {
-		let d = n, E = g(n, "open"), D = u;
-		function O() {
-			d.loading || (D("confirm"), E.value = !1);
+	emits: /* @__PURE__ */ p(["confirm"], ["update:open"]),
+	setup(f, { emit: p }) {
+		let b = f, x = v(f, "open"), S = p;
+		function C() {
+			b.loading || (S("confirm"), x.value = !1);
+		}
+		function w(e) {
+			b.loading && e.preventDefault();
 		}
-		return (u, d) => (f(), i(r, { name: "fade" }, {
-			default: _(() => [E.value ? (f(), o("div", {
-				key: 0,
-				class: "absolute inset-0 z-popover grid place-items-center bg-overlay-scrim rounded-dialog",
-				onClick: d[1] ||= y((e) => !n.loading && (E.value = !1), ["self"]),
-				onKeydown: d[2] ||= v((e) => !n.loading && (E.value = !1), ["escape"])
-			}, [l(r, {
-				name: "confirm-panel",
-				appear: ""
+		return (p, v) => (m(), c(_(n), {
+			open: x.value,
+			"onUpdate:open": v[1] ||= (e) => x.value = e
+		}, {
+			default: y(() => [d(_(r), {
+				surface: "glass",
+				class: "w-[calc(100%-2rem)] sm:max-w-sm",
+				"show-close": !1,
+				onEscapeKeyDown: w,
+				onInteractOutside: w
 			}, {
-				default: _(() => [E.value ? (f(), o("div", b, [s("div", x, [s("div", S, [s("h2", C, m(n.title), 1), s("div", w, [p(u.$slots, "default", {}, () => [c(m(n.description), 1)], !0)])]), s("div", T, [l(h(t), {
-					variant: "outline",
-					class: "cursor-pointer rounded-pill",
-					disabled: n.loading,
-					onClick: d[0] ||= (e) => E.value = !1
-				}, {
-					default: _(() => [...d[3] ||= [c(" Cancel ", -1)]]),
-					_: 1
-				}, 8, ["disabled"]), l(h(t), {
-					variant: n.destructive ? "destructive" : "default",
-					class: "cursor-pointer gap-1.5 rounded-pill",
-					disabled: n.loading,
-					onClick: O
-				}, {
-					default: _(() => [n.loading ? (f(), i(h(e), {
-						key: 0,
-						class: "size-4 animate-spin"
-					})) : a("", !0), p(u.$slots, "action", {}, () => [c(m(n.confirmLabel), 1)], !0)]),
+				default: y(() => [d(_(i), null, {
+					default: y(() => [d(_(o), { class: "font-display font-semibold" }, {
+						default: y(() => [u(g(f.title), 1)]),
+						_: 1
+					}), d(_(a), { class: "fira-code" }, {
+						default: y(() => [h(p.$slots, "default", {}, () => [u(g(f.description), 1)])]),
+						_: 3
+					})]),
+					_: 3
+				}), d(_(s), { class: "gap-2" }, {
+					default: y(() => [d(_(t), {
+						variant: "outline",
+						class: "cursor-pointer rounded-pill",
+						disabled: f.loading,
+						onClick: v[0] ||= (e) => x.value = !1
+					}, {
+						default: y(() => [...v[2] ||= [u(" Cancel ", -1)]]),
+						_: 1
+					}, 8, ["disabled"]), d(_(t), {
+						variant: f.destructive ? "destructive" : "default",
+						class: "cursor-pointer gap-1.5 rounded-pill",
+						disabled: f.loading,
+						onClick: C
+					}, {
+						default: y(() => [f.loading ? (m(), c(_(e), {
+							key: 0,
+							class: "size-4 animate-spin"
+						})) : l("", !0), h(p.$slots, "action", {}, () => [u(g(f.confirmLabel), 1)])]),
+						_: 3
+					}, 8, ["variant", "disabled"])]),
 					_: 3
-				}, 8, ["variant", "disabled"])])])])) : a("", !0)]),
+				})]),
 				_: 3
-			})], 32)) : a("", !0)]),
+			})]),
 			_: 3
-		}));
+		}, 8, ["open"]));
 	}
-}), [["__scopeId", "data-v-01b48b6e"]]);
+});
 //#endregion
-export { E as ConfirmDialog };
+export { b as ConfirmDialog };