@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/HoverCardContent-Bel1gdLZ.js

@@ -0,0 +1,88 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useSurfaceAxis-g0NloYEF.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 { HoverCardContent as p, HoverCardPortal as m, HoverCardRoot as h, HoverCardTrigger as g, useForwardProps as _, useForwardPropsEmits as v } from "reka-ui";
+//#endregion
+//#region src/components/ui/hover-card/HoverCard.vue
+var y = /* @__PURE__ */ a({
+	__name: "HoverCard",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		openDelay: {},
+		closeDelay: {}
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = v(e, t);
+		return (e, t) => (l(), r(d(h), s({ "data-slot": "hover-card" }, d(n)), {
+			default: f(() => [u(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), b = /* @__PURE__ */ a({
+	__name: "HoverCardTrigger",
+	props: {
+		reference: {},
+		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));
+	}
+}), x = /* @__PURE__ */ a({
+	__name: "HoverCardContent",
+	props: {
+		forceMount: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: {},
+		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: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		surface: { default: "glass" }
+	},
+	setup(a) {
+		let o = a, c = _(n(() => {
+			let { class: e, surface: t, ...n } = o;
+			return n;
+		}));
+		return (n, a) => (l(), r(d(m), null, {
+			default: f(() => [i(d(p), s(d(c), {
+				"data-surface": o.surface,
+				class: d(e)("z-hovercard w-64 rounded-panel border [--overlay-pad-inline:1rem] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block) text-popover-foreground outline-none glass-reveal", d(t)(o.surface, "floating"), o.class)
+			}), {
+				default: f(() => [u(n.$slots, "default")]),
+				_: 3
+			}, 16, ["data-surface", "class"])]),
+			_: 3
+		}));
+	}
+});
+//#endregion
+export { b as n, y as r, x as t };

package/dist/{IconChip-BTD-nay5.js → IconChip-DhbdGdFQ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./vReveal-Czsb7zQC.js";
+import { t } from "./vReveal-D9k0jADx.js";
 import { computed as n, createBlock as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, resolveDynamicComponent as l, unref as u, withDirectives as d } from "vue";
 //#region src/components/custom/icon-chip/IconChip.vue?vue&type=script&setup=true&lang.ts
 var f = ["data-duotone"], p = 48, m = 22, h = /* @__PURE__ */ a({

package/dist/{IconTooltip-Bl8gFZ8d.js → IconTooltip-B0zimd2H.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-rzvnXz60.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-BJ_Y5EGX.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 //#endregion
 //#region src/components/custom/icon-tooltip/IconTooltip.vue

package/dist/Input-Cg9DF62r.js

@@ -0,0 +1,57 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./useControlSize-SH1UmJCi.js";
+import { computed as n, createElementBlock as r, defineComponent as i, isRef as a, mergeProps as o, openBlock as s, unref as c, vModelDynamic as l, withDirectives as u } from "vue";
+import { useVModel as d } from "@vueuse/core";
+//#endregion
+//#region src/components/ui/input/Input.vue
+var f = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: {
+		defaultValue: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		size: {},
+		type: {},
+		placeholder: {},
+		disabled: { type: [Boolean, String] },
+		required: { type: [Boolean, String] },
+		inputmode: {},
+		autocomplete: {},
+		pattern: {},
+		name: {},
+		readonly: { type: [Boolean, String] }
+	},
+	emits: ["update:modelValue"],
+	setup(i, { emit: f }) {
+		let p = i, m = d(p, "modelValue", f, {
+			passive: !0,
+			defaultValue: p.defaultValue
+		}), h = n(() => ({
+			type: p.type,
+			placeholder: p.placeholder,
+			disabled: p.disabled,
+			required: p.required,
+			inputmode: p.inputmode,
+			autocomplete: p.autocomplete,
+			pattern: p.pattern,
+			name: p.name,
+			readonly: p.readonly
+		}));
+		return (n, i) => u((s(), r("input", o({
+			"onUpdate:modelValue": i[0] ||= (e) => a(m) ? m.value = e : null,
+			"data-slot": "input"
+		}, {
+			...n.$attrs,
+			...h.value
+		}, { class: c(e)("input-pill [--control-surface-bg:var(--input-on-glass)] file:border-0 file:bg-transparent file:text-(length:--control-text-sm) file:font-medium", c(t)(p.size), p.class) }), null, 16)), [[l, c(m)]]);
+	}
+});
+//#endregion
+export { f as t };

package/dist/{Notification-VUwexFUf.js → Notification-CphK7AAm.js}

@@ -1,4 +1,4 @@
-import { d as e, g as t, h as n, m as r, t as i } from "./vendor-CKmzio-i.js";
+import { _ as e, f as t, g as n, h as r, t as i } from "./vendor-B2qOlYY3.js";
 import { t as a } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { Fragment as o, TransitionGroup as s, createBlock as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 //#region src/components/ui/notification/Notification.vue?vue&type=script&setup=true&lang.ts
@@ -15,8 +15,8 @@ var b = { class: "flex-1 text-sm font-medium" }, x = ["onClick"], S = /* @__PURE
 		}, S = {
 			success: n,
 			error: r,
-			warning: t,
-			info: e
+			warning: e,
+			info: t
 		};
 		return (e, t) => (m(), c(s, {
 			"data-slot": "notification",

package/dist/NumberFieldContent-D8cXeyO4.js

@@ -0,0 +1,140 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { i as t, s as n } from "./vendor-B2qOlYY3.js";
+import { n as r } from "./button-5dY1Dvhd.js";
+import { t as i } from "./useControlSize-SH1UmJCi.js";
+import { computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, openBlock as f, renderSlot as p, unref as m, withCtx as h } from "vue";
+import { NumberFieldDecrement as g, NumberFieldIncrement as _, NumberFieldInput as v, NumberFieldRoot as y, useForwardProps as b, useForwardPropsEmits as x } from "reka-ui";
+//#endregion
+//#region src/components/ui/number-field/NumberField.vue
+var S = /* @__PURE__ */ l({
+	__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 r = t, i = n, s = x(a(() => {
+			let { class: e, ...t } = r;
+			return t;
+		}), i);
+		return (t, n) => (f(), o(m(y), u({ "data-slot": "number-field" }, m(s), { class: m(e)("grid gap-1.5", r.class) }), {
+			default: h(() => [p(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), C = /* @__PURE__ */ l({
+	inheritAttrs: !1,
+	__name: "NumberFieldInput",
+	props: { size: {} },
+	setup(t) {
+		let n = t, r = { inputmode: "decimal" };
+		return (t, a) => (f(), o(m(v), u({
+			...r,
+			...t.$attrs
+		}, {
+			"data-slot": "input",
+			class: m(e)("input-pill rounded-field px-9 py-2 text-center", m(i)(n.size))
+		}), null, 16, ["class"]));
+	}
+}), w = /* @__PURE__ */ l({
+	__name: "NumberFieldIncrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let i = n, s = b(a(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (n, a) => (f(), o(m(_), u({ "data-slot": "increment" }, m(s), { "as-child": "" }), {
+			default: h(() => [c(m(r), {
+				variant: "ghost",
+				size: "icon",
+				class: d(m(e)("absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
+			}, {
+				default: h(() => [p(n.$slots, "default", {}, () => [c(m(t), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), T = /* @__PURE__ */ l({
+	__name: "NumberFieldDecrement",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let i = t, s = b(a(() => {
+			let { class: e, ...t } = i;
+			return t;
+		}));
+		return (t, a) => (f(), o(m(g), u({ "data-slot": "decrement" }, m(s), { "as-child": "" }), {
+			default: h(() => [c(m(r), {
+				variant: "ghost",
+				size: "icon",
+				class: d(m(e)("absolute top-1/2 -translate-y-1/2 left-0 disabled:cursor-not-allowed disabled:opacity-20", i.class))
+			}, {
+				default: h(() => [p(t.$slots, "default", {}, () => [c(m(n), { class: "size-icon-sm" })])]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 16));
+	}
+}), E = /* @__PURE__ */ l({
+	__name: "NumberFieldContent",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let n = t;
+		return (t, r) => (f(), s("div", { class: d(m(e)("relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5", n.class)) }, [p(t.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { S as a, C as i, T as n, w as r, E as t };

package/dist/PagerDots-Cjx96la-.js

@@ -0,0 +1,98 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { Fragment as n, computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, nextTick as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, unref as f, useModel as p, watch as m } from "vue";
+//#region src/components/custom/pager-dots/pagerWindow.ts
+function h(e, t, n) {
+	let r = Math.max(1, Math.min(n, e)), i = e <= r ? 0 : Math.max(0, Math.min(t - Math.floor(r / 2), e - r)), a = Math.min(r, e), o = Array.from({ length: a }, (e, t) => i + t);
+	return {
+		shown: o,
+		clippedStart: o.length > 0 && o[0] > 0,
+		clippedEnd: o.length > 0 && o[o.length - 1] < e - 1
+	};
+}
+//#endregion
+//#region src/components/custom/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-orientation"
+], _ = [
+	"role",
+	"aria-selected",
+	"aria-current",
+	"aria-label",
+	"data-active",
+	"data-edge",
+	"onClick"
+], v = /* @__PURE__ */ t(/* @__PURE__ */ a({
+	__name: "PagerDots",
+	props: /* @__PURE__ */ o({
+		count: {},
+		orientation: { default: "horizontal" },
+		windowFit: {},
+		ring: {
+			type: Boolean,
+			default: !0
+		},
+		pattern: { default: "tabs" },
+		ariaLabel: { default: "Pager" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		active: { default: 0 },
+		activeModifiers: {}
+	}),
+	emits: /* @__PURE__ */ o(["select"], ["update:active"]),
+	setup(t, { emit: a }) {
+		let o = t, v = a, y = p(t, "active"), b = u(null), x = /* @__PURE__ */ new Map();
+		function S(e, t) {
+			t ? x.set(e, t) : x.delete(e);
+		}
+		let C = r(() => o.windowFit && o.windowFit > 0 ? h(o.count, y.value, o.windowFit) : {
+			shown: Array.from({ length: Math.max(0, o.count) }, (e, t) => t),
+			clippedStart: !1,
+			clippedEnd: !1
+		}), w = r(() => C.value.shown);
+		m(w, (e) => {
+			let t = b.value;
+			if (!t || !t.contains(document.activeElement)) return;
+			let n = document.activeElement;
+			e.some((e) => x.get(e) === n) || s(() => x.get(y.value)?.focus());
+		});
+		function T(e) {
+			y.value = e, v("select", e);
+		}
+		return (r, a) => (l(), i("div", {
+			ref_key: "rootEl",
+			ref: b,
+			"data-slot": "pager-dots",
+			role: t.pattern === "group" ? "group" : "tablist",
+			"aria-label": t.ariaLabel,
+			"aria-orientation": t.pattern === "group" ? void 0 : t.orientation,
+			"data-orientation": t.orientation,
+			class: c(f(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", o.class))
+		}, [(l(!0), i(n, null, d(w.value, (e, n) => (l(), i("button", {
+			key: e,
+			ref_for: !0,
+			ref: (t) => S(e, t),
+			type: "button",
+			role: t.pattern === "group" ? void 0 : "tab",
+			"aria-selected": t.pattern === "group" ? void 0 : e === y.value,
+			"aria-current": t.pattern === "group" && e === y.value ? "true" : void 0,
+			"aria-label": `Go to slide ${e + 1}`,
+			"data-active": e === y.value ? "" : void 0,
+			"data-edge": n === 0 && C.value.clippedStart || n === w.value.length - 1 && C.value.clippedEnd ? "" : void 0,
+			"data-slot": "pager-dot",
+			class: "pager-dot focus-ring tap-squish",
+			onClick: (t) => T(e)
+		}, null, 8, _))), 128))], 10, g));
+	}
+}), [["__scopeId", "data-v-8a305958"]]);
+//#endregion
+export { h as n, v as t };