@mkbabb/glass-ui 0.3.0 → 2.0.0

package/dist/confirm-dialog.js

@@ -0,0 +1,69 @@
+import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { n as t } from "./button-BlOW34DT.js";
+import { t as n } from "./_plugin-vue_export-helper-n-_DRHWS.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";
+var b = e("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), x = {
+	key: 0,
+	class: "w-[calc(100%-2rem)] sm:max-w-sm bg-card text-card-foreground border border-border rounded-dialog shadow-lg"
+}, S = { class: "p-6 grid gap-4" }, C = { class: "grid gap-2" }, w = { class: "font-display text-lg font-semibold leading-none tracking-tight" }, T = { class: "fira-code text-sm text-muted-foreground" }, E = { class: "flex justify-end gap-2" }, D = /* @__PURE__ */ n(/* @__PURE__ */ u({
+	__name: "ConfirmDialog",
+	props: /* @__PURE__ */ d({
+		title: {},
+		description: {},
+		confirmLabel: {},
+		destructive: { type: Boolean },
+		loading: { type: Boolean }
+	}, {
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: /* @__PURE__ */ d(["confirm"], ["update:open"]),
+	setup(e, { emit: n }) {
+		let u = e, d = g(e, "open"), D = n;
+		function O() {
+			u.loading || (D("confirm"), d.value = !1);
+		}
+		return (n, u) => (f(), i(r, { name: "fade" }, {
+			default: _(() => [d.value ? (f(), o("div", {
+				key: 0,
+				class: "absolute inset-0 z-popover grid place-items-center bg-overlay-scrim rounded-dialog",
+				onClick: u[1] ||= y((t) => !e.loading && (d.value = !1), ["self"]),
+				onKeydown: u[2] ||= v((t) => !e.loading && (d.value = !1), ["escape"])
+			}, [l(r, {
+				name: "confirm-panel",
+				appear: ""
+			}, {
+				default: _(() => [d.value ? (f(), o("div", x, [s("div", S, [s("div", C, [s("h2", w, m(e.title), 1), s("div", T, [p(n.$slots, "default", {}, () => [c(m(e.description), 1)], !0)])]), s("div", E, [l(h(t), {
+					variant: "outline",
+					class: "cursor-pointer rounded-pill",
+					disabled: e.loading,
+					onClick: u[0] ||= (e) => d.value = !1
+				}, {
+					default: _(() => [...u[3] ||= [c(" Cancel ", -1)]]),
+					_: 1
+				}, 8, ["disabled"]), l(h(t), {
+					variant: e.destructive ? "destructive" : "default",
+					class: "cursor-pointer gap-1.5 rounded-pill",
+					disabled: e.loading,
+					onClick: O
+				}, {
+					default: _(() => [e.loading ? (f(), i(h(b), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : a("", !0), p(n.$slots, "action", {}, () => [c(m(e.confirmLabel), 1)], !0)]),
+					_: 3
+				}, 8, ["variant", "disabled"])])])])) : a("", !0)]),
+				_: 3
+			})], 32)) : a("", !0)]),
+			_: 3
+		}));
+	}
+}), [["__scopeId", "data-v-01b48b6e"]]);
+//#endregion
+export { D as ConfirmDialog };

package/dist/context-menu.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/context-menu";

package/dist/context-menu.js

@@ -0,0 +1,3 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-DCkweFW9.js";
+import { n as l, r as u, t as d } from "./ContextMenuContent-CvXfU5qz.js";
+export { u as ContextMenu, s as ContextMenuCheckboxItem, d as ContextMenuContent, t as ContextMenuItem, o as ContextMenuLabel, r as ContextMenuRadioGroup, a as ContextMenuRadioItem, n as ContextMenuSeparator, e as ContextMenuShortcut, c as ContextMenuSubContent, i as ContextMenuSubTrigger, l as ContextMenuTrigger };

package/dist/controls.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/controls";

package/dist/controls.js

@@ -0,0 +1,51 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as n } from "./useGlobalDark-PMiP5Jku.js";
+import { computed as r, createBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, resolveDynamicComponent as l, unref as u, useAttrs as d, watchEffect as f, withCtx as p } from "vue";
+//#endregion
+//#region src/components/custom/controls/DarkModeToggle.vue
+var m = /* @__PURE__ */ t(/* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "DarkModeToggle",
+	props: {
+		passive: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "md" },
+		disableTransitions: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(t) {
+		let o = t, m = d(), h = r(() => e("dark-mode-toggle-button", "relative isolate inline-flex shrink-0 items-center justify-center", "cursor-pointer border-0 bg-transparent", "rounded-[var(--radius-pill)]", "opacity-80", "focus-ring", m.class)), { isDark: g, toggleDark: _, setDisableTransitions: v } = n(), y = r(() => {
+			let { class: e, ...t } = m;
+			return o.passive ? t : {
+				type: "button",
+				"aria-label": g.value ? "Switch to light mode" : "Switch to dark mode",
+				"aria-pressed": g.value ? "true" : "false",
+				...t
+			};
+		});
+		return f(() => {
+			v(o.disableTransitions);
+		}), (e, n) => (c(), i(l(t.passive ? "div" : "button"), s({
+			class: h.value,
+			"data-size": o.size
+		}, y.value, { onClick: n[0] ||= (e) => !t.passive && u(_)() }), {
+			default: p(() => [...n[1] ||= [a("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 472.39 472.39",
+				class: "block h-full w-full fill-[var(--foreground)]"
+			}, [a("g", { class: "toggle-sun" }, [a("path", { d: "M403.21,167V69.18H305.38L236.2,0,167,69.18H69.18V167L0,236.2l69.18,69.18v97.83H167l69.18,69.18,69.18-69.18h97.83V305.38l69.18-69.18Zm-167,198.17a129,129,0,1,1,129-129A129,129,0,0,1,236.2,365.19Z" })]), a("g", { class: "toggle-circle" }, [a("circle", {
+				cx: "236.2",
+				cy: "236.2",
+				r: "90"
+			})])], -1)]]),
+			_: 1
+		}, 16, ["class", "data-size"]));
+	}
+}), [["__scopeId", "data-v-f361509a"]]);
+//#endregion
+export { m as DarkModeToggle };

package/dist/createLucideIcon-Bn9a1b70.js

@@ -0,0 +1,43 @@
+import { computed as e, h as t, inject as n } from "vue";
+//#region node_modules/@lucide/vue/dist/esm/shared/src/utils/isEmptyString.mjs
+var r = (e) => e === "", i = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), s = (e) => {
+	let t = o(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}, c = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, l = Symbol("lucide-icons");
+function u() {
+	return n(l, {});
+}
+//#endregion
+//#region node_modules/@lucide/vue/dist/esm/Icon.mjs
+var d = ({ name: n, iconNode: o, absoluteStrokeWidth: l, "absolute-stroke-width": d, strokeWidth: f, "stroke-width": p, size: m, color: h, ...g }, { slots: _ }) => {
+	let { size: v, color: y, strokeWidth: b = 2, absoluteStrokeWidth: x = !1, class: S = "" } = u(), C = e(() => {
+		let e = r(l) || r(d) || l === !0 || d === !0 || x === !0, t = f || p || b || c["stroke-width"];
+		return e ? Number(t) * 24 / Number(m ?? v ?? c.width) : t;
+	});
+	return t("svg", {
+		...c,
+		...g,
+		width: m ?? v ?? c.width,
+		height: m ?? v ?? c.height,
+		stroke: h ?? y ?? c.stroke,
+		"stroke-width": C.value,
+		class: i("lucide", S, ...n ? [`lucide-${a(s(n))}-icon`, `lucide-${a(n)}`] : ["lucide-icon"])
+	}, [...o.map((e) => t(...e)), ..._.default ? [_.default()] : []]);
+}, f = (e, n) => (r, { slots: i, attrs: a }) => t(d, {
+	...a,
+	...r,
+	iconNode: n,
+	name: e
+}, i.default ? { default: i.default } : void 0);
+//#endregion
+export { f as t };

package/dist/dark.d.ts

@@ -0,0 +1 @@
+export { useGlobalDark } from "./composables/dark";

package/dist/dark.js

@@ -0,0 +1,2 @@
+import { t as e } from "./useGlobalDark-PMiP5Jku.js";
+export { e as useGlobalDark };

package/dist/data-table.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/data-table";

package/dist/data-table.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./DataTable-Ce00dbHD.js";
+export { t as DataTable, e as DataTablePagination };

package/dist/dialog.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/dialog";

package/dist/dialog.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "./DialogContent-CmCijgX9.js";
+import { a as n, i as r, n as i, o as a, r as o, s, t as c } from "./DialogFooter-DRdaCok0.js";
+export { e as Dialog, s as DialogClose, t as DialogContent, o as DialogDescription, c as DialogFooter, n as DialogHeader, i as DialogScrollContent, r as DialogTitle, a as DialogTrigger };

package/dist/disco-glyph.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/disco-glyph";

package/dist/disco-glyph.js

@@ -0,0 +1,2 @@
+import { t as e } from "./DiscoGlyph-wRA02zAJ.js";
+export { e as DiscoGlyph };

package/dist/dock.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/dock";