@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/DialogContent-Dl9WkAoS.js

@@ -1,100 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./useSpringMount-CI2jOstM.js";
-import { t as r } from "./ModalOverlay-DVLI2VRr.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
-import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
-//#endregion
-//#region src/components/ui/dialog/Dialog.vue
-var x = /* @__PURE__ */ l({
-	__name: "Dialog",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = b(e, t);
-		return (e, t) => (d(), a(p(v), u({ "data-slot": "dialog" }, p(n)), {
-			default: m(() => [f(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), S = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", C = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", w = /* @__PURE__ */ l({
-	__name: "DialogContent",
-	props: {
-		forceMount: { type: Boolean },
-		disableOutsidePointerEvents: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "glass" },
-		scrimAnimation: {},
-		spring: { type: [Boolean, String] },
-		showClose: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(l, { emit: v }) {
-		let x = l, w = v, T = b(i(() => {
-			let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
-			return a;
-		}), w), E = i(() => x.variant === "opaque" ? "glass-floating rounded-dialog glass-opaque" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
-			open: D.open,
-			preset: typeof x.spring == "string" ? x.spring : "smooth"
-		}) : null, k = i(() => {
-			if (!O) return;
-			let e = O.position.value;
-			return {
-				transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
-				opacity: String(1 - e),
-				animation: "none",
-				transition: "none"
-			};
-		});
-		return (n, i) => (d(), a(p(_), null, {
-			default: m(() => [c(r, {
-				scrim: "glass",
-				animate: "fade",
-				layout: "centered",
-				"scrim-animation": x.scrimAnimation
-			}, null, 8, ["scrim-animation"]), c(p(g), u(p(T), {
-				class: p(e)(S, x.spring ? "" : C, E.value, x.class),
-				style: k.value,
-				"data-spring": x.spring ? typeof x.spring == "string" ? x.spring : "smooth" : void 0
-			}), {
-				default: m(() => [f(n.$slots, "default"), x.showClose ? (d(), a(p(h), {
-					key: 0,
-					class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
-				}, {
-					default: m(() => [c(p(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
-					_: 1
-				})) : o("", !0)]),
-				_: 3
-			}, 16, [
-				"class",
-				"style",
-				"data-spring"
-			])]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { x as n, w as t };

package/dist/Notification-DdwNxIrI.js

@@ -1,100 +0,0 @@
-import { t as e } from "./createLucideIcon-DydS2qgk.js";
-import { t } from "./x-BUwTKe50.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
-var _ = e("circle-alert", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12",
-		y1: "8",
-		y2: "12",
-		key: "1pkeuh"
-	}],
-	["line", {
-		x1: "12",
-		x2: "12.01",
-		y1: "16",
-		y2: "16",
-		key: "4dfq90"
-	}]
-]), v = e("circle-check-big", [["path", {
-	d: "M21.801 10A10 10 0 1 1 17 3.335",
-	key: "yps3ct"
-}], ["path", {
-	d: "m9 11 3 3L22 4",
-	key: "1pflzl"
-}]]), y = e("circle-x", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "m15 9-6 6",
-		key: "1uzhvr"
-	}],
-	["path", {
-		d: "m9 9 6 6",
-		key: "z0biqf"
-	}]
-]), b = e("info", [
-	["circle", {
-		cx: "12",
-		cy: "12",
-		r: "10",
-		key: "1mglay"
-	}],
-	["path", {
-		d: "M12 16v-4",
-		key: "1dtifu"
-	}],
-	["path", {
-		d: "M12 8h.01",
-		key: "e9boi3"
-	}]
-]), x = { class: "flex-1 text-sm font-medium" }, S = ["onClick"], C = /* @__PURE__ */ n(/* @__PURE__ */ l({
-	__name: "Notification",
-	props: { notifications: {} },
-	emits: ["remove"],
-	setup(e) {
-		let n = {
-			success: "bg-success/90 text-success-foreground",
-			error: "bg-destructive/90 text-destructive-foreground",
-			warning: "bg-warning/90 text-warning-foreground",
-			info: "bg-info/90 text-info-foreground"
-		}, l = {
-			success: v,
-			error: y,
-			warning: _,
-			info: b
-		};
-		return (_, v) => (d(), a(i, {
-			"data-slot": "notification",
-			name: "notification",
-			tag: "div",
-			class: "fixed bottom-4 right-4 z-toast flex flex-col gap-2"
-		}, {
-			default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
-				key: e.id,
-				class: u(["glass-floating flex items-center gap-3 rounded-panel px-4 py-3", [n[e.type], "min-w-[300px] max-w-[500px]"]])
-			}, [
-				(d(), a(p(l[e.type]), { class: "h-5 w-5 flex-shrink-0" })),
-				s("p", x, m(e.message), 1),
-				s("button", {
-					onClick: (t) => _.$emit("remove", e.id),
-					class: "rounded-button p-1 transition-colors hover:bg-white/10"
-				}, [c(h(t), { class: "h-4 w-4" })], 8, S)
-			], 2))), 128))]),
-			_: 1
-		}));
-	}
-}), [["__scopeId", "data-v-d1a8b637"]]);
-//#endregion
-export { C as t };

package/dist/NumberFieldContent-CqaN-SvN.js

@@ -1,145 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-DydS2qgk.js";
-import { n } from "./button-ChXMfsud.js";
-import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
-import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
-var b = t("minus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}]]), x = t("plus", [["path", {
-	d: "M5 12h14",
-	key: "1ays0h"
-}], ["path", {
-	d: "M12 5v14",
-	key: "s699le"
-}]]), S = /* @__PURE__ */ s({
-	__name: "NumberField",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		min: {},
-		max: {},
-		step: {},
-		stepSnapping: { type: Boolean },
-		focusOnChange: { type: Boolean },
-		formatOptions: {},
-		locale: {},
-		disabled: { type: Boolean },
-		readonly: { type: Boolean },
-		disableWheelChange: { type: Boolean },
-		invertWheelChange: { type: Boolean },
-		id: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	emits: ["update:modelValue"],
-	setup(t, { emit: n }) {
-		let a = t, o = n, s = y(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}), o);
-		return (t, n) => (u(), i(f(_), c({ "data-slot": "number-field" }, f(s), { class: f(e)("grid gap-1.5", a.class) }), {
-			default: p(() => [d(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), C = /* @__PURE__ */ s({
-	inheritAttrs: !1,
-	__name: "NumberFieldInput",
-	setup(t) {
-		let n = { inputmode: "decimal" };
-		return (t, r) => (u(), i(f(g), c({
-			...n,
-			...t.$attrs
-		}, {
-			"data-slot": "input",
-			class: f(e)("input-pill h-(--control-h-md) rounded-field px-9 py-2 text-sm text-center")
-		}), null, 16, ["class"]));
-	}
-}), w = /* @__PURE__ */ s({
-	__name: "NumberFieldIncrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let a = t, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (t, r) => (u(), i(f(h), c({ "data-slot": "increment" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(n), {
-				variant: "ghost",
-				size: "icon",
-				class: l(f(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
-			}, {
-				default: p(() => [d(t.$slots, "default", {}, () => [o(f(x), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), T = /* @__PURE__ */ s({
-	__name: "NumberFieldDecrement",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let a = t, s = v(r(() => {
-			let { class: e, ...t } = a;
-			return t;
-		}));
-		return (t, r) => (u(), i(f(m), c({ "data-slot": "decrement" }, f(s), { "as-child": "" }), {
-			default: p(() => [o(f(n), {
-				variant: "ghost",
-				size: "icon",
-				class: l(f(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", a.class))
-			}, {
-				default: p(() => [d(t.$slots, "default", {}, () => [o(f(b), { class: "size-icon-sm" })])]),
-				_: 3
-			}, 8, ["class"])]),
-			_: 3
-		}, 16));
-	}
-}), E = /* @__PURE__ */ s({
-	__name: "NumberFieldContent",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
-	setup(t) {
-		let n = t;
-		return (t, r) => (u(), a("div", { class: l(f(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [d(t.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { S as a, C as i, T as n, b as o, w as r, E as t };

package/dist/PopoverContent-BYwt2-4x.js

@@ -1,121 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { i as t } from "./dockContext-BegmJVmx.js";
-import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
-import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
-//#endregion
-//#region src/components/ui/popover/Popover.vue
-var v = /* @__PURE__ */ a({
-	__name: "Popover",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		modal: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(e, { emit: t }) {
-		let n = _(e, t);
-		return (e, t) => (l(), r(d(h), s({ "data-slot": "popover" }, d(n)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), y = /* @__PURE__ */ a({
-	__name: "PopoverTrigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (l(), r(d(g), c(o(t)), {
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), b = /* @__PURE__ */ a({
-	inheritAttrs: !1,
-	__name: "PopoverContent",
-	props: {
-		forceMount: { type: Boolean },
-		side: {},
-		sideOffset: { default: 4 },
-		sideFlip: { type: Boolean },
-		align: { default: "center" },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		portal: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: [
-		"escapeKeyDown",
-		"pointerDownOutside",
-		"focusOutside",
-		"interactOutside",
-		"openAutoFocus",
-		"closeAutoFocus"
-	],
-	setup(a, { emit: o }) {
-		let c = a, h = o, g = _(n(() => {
-			let { class: e, portal: t, ...n } = c;
-			return n;
-		}), h), v = t();
-		return (t, n) => a.portal ? (l(), r(d(m), { key: 0 }, {
-			default: f(() => [i(d(p), s({
-				...d(g),
-				...t.$attrs
-			}, {
-				"data-glass-dock-portal": d(v)?.id ? "" : void 0,
-				"data-glass-dock-owner": d(v)?.id,
-				class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
-			}), {
-				default: f(() => [u(t.$slots, "default")]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"class"
-			])]),
-			_: 3
-		})) : (l(), r(d(p), s({ key: 1 }, {
-			...d(g),
-			...t.$attrs
-		}, {
-			"data-glass-dock-portal": d(v)?.id ? "" : void 0,
-			"data-glass-dock-owner": d(v)?.id,
-			class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
-		}), {
-			default: f(() => [u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"data-glass-dock-portal",
-			"data-glass-dock-owner",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { y as n, v as r, b as t };

package/dist/TabsList-Dttss653.js

@@ -1,105 +0,0 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { TabsIndicator as u, TabsList as d, TabsRoot as f, TabsTrigger as p, useForwardProps as m, useForwardPropsEmits as h } from "reka-ui";
-//#endregion
-//#region src/components/ui/tabs/Tabs.vue
-var g = /* @__PURE__ */ i({
-	__name: "Tabs",
-	props: {
-		defaultValue: {},
-		orientation: {},
-		dir: {},
-		activationMode: {},
-		modelValue: {},
-		unmountOnHide: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = h(e, t);
-		return (e, t) => (o(), n(c(f), a({ "data-slot": "tabs" }, c(r)), {
-			default: l(() => [s(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), _ = /* @__PURE__ */ i({
-	__name: "TabsTrigger",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let i = r, u = m(t(() => {
-			let { class: e, ...t } = i;
-			return t;
-		}));
-		return (t, r) => (o(), n(c(p), a({ "data-slot": "tabs-trigger" }, c(u), { class: c(e)("tap-squish focus-ring relative z-[1] inline-flex items-center justify-center whitespace-nowrap rounded-control p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
-			default: l(() => [s(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), v = /* @__PURE__ */ i({
-	__name: "TabsIndicator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(r) {
-		let i = r, s = t(() => {
-			let { class: e, surface: t, ...n } = i;
-			return n;
-		});
-		return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill transition-[width,translate] duration-normal ease-spring-snappy", i.surface && "bg-(--glass-bg-quiet) [backdrop-filter:var(--glass-blur-quiet)]", i.class) }), null, 16, ["class"]));
-	}
-}), y = /* @__PURE__ */ i({
-	__name: "TabsList",
-	props: {
-		loop: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		indicator: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(i) {
-		let u = i, f = t(() => {
-			let { class: e, indicator: t, ...n } = u;
-			return n;
-		});
-		return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-(--control-h-md) items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
-			default: l(() => [i.indicator ? (o(), n(v, { key: 0 })) : r("", !0), s(t.$slots, "default")]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { g as i, v as n, _ as r, y as t };