@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/prng-Bz_1Tydc.js

@@ -0,0 +1,15 @@
+//#region src/utils/prng.ts
+function e(e) {
+	return () => {
+		e |= 0, e = e + 1831565813 | 0;
+		let t = Math.imul(e ^ e >>> 15, 1 | e);
+		return t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t, ((t ^ t >>> 14) >>> 0) / 4294967296;
+	};
+}
+function t(e) {
+	let t = 5381;
+	for (let n = 0; n < e.length; n++) t = (t << 5) + t + e.charCodeAt(n) | 0;
+	return t >>> 0;
+}
+//#endregion
+export { e as n, t };

package/dist/progress.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Progress-Bs44qWEM.js";
-export { e as Progress };
+import { a as e, i as t, n, r, t as i } from "./Progress-DjM86vfb.js";
+export { i as Progress, e as ProgressDefault, t as ProgressGradient, n as ProgressSectioned, r as useProgressGeometry };

package/dist/reactive.js

@@ -1,3 +1,3 @@
-import { t as e } from "./useTimer-6FoosoDY.js";
-import { t } from "./useInterval-B58LmYth.js";
+import { t as e } from "./useTimer-DGgoxTXL.js";
+import { t } from "./useInterval-CHVYFpXV.js";
 export { t as useInterval, e as useTimer };

package/dist/responsive-tabs.js

@@ -1,15 +1,14 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-BvvvAbuh.js";
-import { t as o } from "./UnderlineTabs-B4FV2zi_.js";
-import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-BGn3rjs9.js";
+import { t as o } from "./UnderlineTabs-Cq_AD03t.js";
+import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, normalizeClass as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useModel as C, withCtx as w } from "vue";
 //#endregion
 //#region src/components/custom/responsive-tabs/ResponsiveTabs.vue
-var C = /* @__PURE__ */ p({
+var T = /* @__PURE__ */ p({
 	__name: "ResponsiveTabs",
-	props: {
+	props: /* @__PURE__ */ m({
 		options: {},
 		desktopOptions: { default: null },
-		modelValue: {},
 		breakpoint: { default: "640px" },
 		class: { type: [
 			Boolean,
@@ -31,52 +30,59 @@ var C = /* @__PURE__ */ p({
 			String,
 			Object,
 			Array
-		] }
-	},
+		] },
+		ariaLabel: {}
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
 	emits: ["update:modelValue"],
-	setup(p, { emit: C }) {
-		let w = p, T = C, E = v(!0), D = null;
+	setup(p) {
+		let m = p, T = C(p, "modelValue"), E = y(!0), D = null;
 		function O(e) {
 			E.value = e.matches;
 		}
-		g(() => {
-			typeof window > "u" || !window.matchMedia || (D = window.matchMedia(`(min-width: ${w.breakpoint})`), E.value = D.matches, D.addEventListener("change", O));
-		}), h(() => {
+		_(() => {
+			typeof window > "u" || !window.matchMedia || (D = window.matchMedia(`(min-width: ${m.breakpoint})`), E.value = D.matches, D.addEventListener("change", O));
+		}), g(() => {
 			D?.removeEventListener("change", O), D = null;
 		});
-		let k = c(() => w.desktopOptions ?? w.options), A = c(() => {
+		let k = c(() => m.desktopOptions ?? m.options), A = c(() => {
 			let e = k.value;
-			return e.some((e) => e.value === w.modelValue) ? w.modelValue : e[0]?.value ?? w.modelValue;
-		});
-		function j(e) {
-			typeof e == "string" && T("update:modelValue", e);
+			return e.some((e) => e.value === T.value) ? T.value : e[0]?.value ?? T.value;
+		}), j = c(() => m.ariaLabel ?? m.options.find((e) => e.value === T.value)?.label ?? "Select");
+		function M(e) {
+			typeof e == "string" && (T.value = e);
 		}
-		return (c, h) => E.value ? (_(), l(x(o), {
+		return (c, g) => E.value ? (v(), l(S(o), {
 			key: 0,
 			options: k.value,
 			"model-value": A.value,
-			class: m(x(e)("responsive-tabs__desktop text-body", w.class, p.desktopClass)),
-			"onUpdate:modelValue": j
+			class: h(S(e)("responsive-tabs__desktop text-body", m.class, p.desktopClass)),
+			"onUpdate:modelValue": M
 		}, null, 8, [
 			"options",
 			"model-value",
 			"class"
-		])) : (_(), u("div", {
+		])) : (v(), u("div", {
 			key: 1,
-			class: m(x(e)("responsive-tabs__mobile w-fit", w.class))
-		}, [f(x(a), {
-			"model-value": p.modelValue,
-			"onUpdate:modelValue": j
+			class: h(S(e)("responsive-tabs__mobile w-fit", m.class))
+		}, [f(S(a), {
+			"model-value": T.value,
+			"onUpdate:modelValue": M
 		}, {
-			default: S(() => [f(x(t), { class: m(x(e)("responsive-tabs__trigger text-small w-auto min-w-input-sm", p.mobileTriggerClass)) }, {
-				default: S(() => [f(x(r))]),
+			default: w(() => [f(S(t), {
+				"aria-label": j.value,
+				class: h(S(e)("responsive-tabs__trigger text-small w-auto min-w-input-sm", p.mobileTriggerClass))
+			}, {
+				default: w(() => [f(S(r))]),
 				_: 1
-			}, 8, ["class"]), f(x(n), null, {
-				default: S(() => [(_(!0), u(s, null, y(p.options, (e) => (_(), l(x(i), {
+			}, 8, ["aria-label", "class"]), f(S(n), null, {
+				default: w(() => [(v(!0), u(s, null, b(p.options, (e) => (v(), l(S(i), {
 					key: e.value,
 					value: e.value
 				}, {
-					default: S(() => [d(b(e.label), 1)]),
+					default: w(() => [d(x(e.label), 1)]),
 					_: 2
 				}, 1032, ["value"]))), 128))]),
 				_: 1
@@ -86,4 +92,4 @@ var C = /* @__PURE__ */ p({
 	}
 });
 //#endregion
-export { C as ResponsiveTabs };
+export { T as ResponsiveTabs };

package/dist/scrolling-text.js

@@ -1,2 +1,2 @@
-import { t as e } from "./ScrollingText-1Qjnwz6H.js";
+import { t as e } from "./ScrollingText-P9o_DuMn.js";
 export { e as ScrollingText };

package/dist/search.js

@@ -3,10 +3,10 @@ import { n as t, t as n } from "./minimize-2-BP27-qBY.js";
 import { t as r } from "./search-DBG8qaRs.js";
 import { t as i } from "./x-C4pz9nbD.js";
 import { n as a } from "./badge-Cl6JZ1B7.js";
-import { n as o } from "./button-DS3ULf5i.js";
-import { n as s, t as c } from "./DialogContent-B61rP8lj.js";
-import { n as l, r as u, t as d } from "./PopoverContent-CxEEUL7Y.js";
-import { t as f } from "./useTextHighlight-CLST6an0.js";
+import { n as o } from "./button-Ckn3eDfB.js";
+import { n as s, t as c } from "./DialogContent-IQ8_BRrC.js";
+import { t as l } from "./useTextHighlight-Dmtofpk2.js";
+import { n as u, r as d, t as f } from "./PopoverContent-B8WtJECb.js";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, onScopeDispose as w, openBlock as T, ref as E, renderList as D, renderSlot as O, resolveDynamicComponent as k, toDisplayString as A, unref as j, watch as M, withCtx as N } from "vue";
 //#region src/components/custom/search/composables/fuzzySearchIndex.ts
 function P(e, t) {
@@ -160,7 +160,7 @@ var H = ["placeholder", "value"], U = ["onClick", "onMouseenter"], W = { class:
 		function R(e) {
 			return w.typeLabel ? w.typeLabel(e.item) : e.item.type ?? "";
 		}
-		let z = E(null), B = E(null), V = f("glass-search-mark");
+		let z = E(null), B = E(null), V = l("glass-search-mark");
 		function X(e, t) {
 			let n = t.toLowerCase().trim().split(/\s+/).filter(Boolean);
 			if (n.length === 0) return [];
@@ -186,11 +186,11 @@ var H = ["placeholder", "value"], U = ["onClick", "onMouseenter"], W = { class:
 			}
 			S(() => V.setFromMatches(e, w.state.query.value, X));
 		}
-		return (f, m) => (T(), _("div", { class: C(["fuzzy-search relative", `fuzzy-search--${e.variant}`]) }, [b(j(u), {
+		return (l, m) => (T(), _("div", { class: C(["fuzzy-search relative", `fuzzy-search--${e.variant}`]) }, [b(j(d), {
 			open: F.value,
 			"onUpdate:open": m[6] ||= (e) => F.value = e
 		}, {
-			default: N(() => [b(j(l), { "as-child": "" }, {
+			default: N(() => [b(j(u), { "as-child": "" }, {
 				default: N(() => [v("div", { class: C(["input-bar", e.variant === "floating" && "!border-none !bg-transparent !p-0 !rounded-none"]) }, [
 					b(j(r), { class: "h-3.5 w-3.5 shrink-0 text-muted-foreground/70" }),
 					v("input", {
@@ -236,7 +236,7 @@ var H = ["placeholder", "value"], U = ["onClick", "onMouseenter"], W = { class:
 					})) : g("", !0)
 				], 2)]),
 				_: 1
-			}), b(j(d), {
+			}), b(j(f), {
 				align: "start",
 				"side-offset": 4,
 				portal: !1,

package/dist/select.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-BvvvAbuh.js";
-import { t as s } from "./SelectGroup-DAgcsfFw.js";
-import { n as c, t as l } from "./SelectSeparator-DN1jzLaI.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./SelectScrollDownButton-BGn3rjs9.js";
+import { t as s } from "./SelectGroup-CMdoCjRE.js";
+import { n as c, t as l } from "./SelectSeparator-CaJnPF3_.js";
 export { a as Select, t as SelectContent, s as SelectGroup, i as SelectItem, c as SelectLabel, o as SelectScrollDownButton, n as SelectScrollUpButton, l as SelectSeparator, e as SelectTrigger, r as SelectValue };

package/dist/separator.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Separator-DXxac0j8.js";
+import { t as e } from "./Separator-C2XtAXRp.js";
 export { e as Separator };

package/dist/sheet.js

@@ -1,2 +1,2 @@
-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 "./sheet-BnvZRXPq.js";
+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 "./sheet-CQYYrkr9.js";
 export { r as Sheet, s as SheetClose, a as SheetContent, o as SheetDescription, i as SheetFooter, e as SheetHeader, n as SheetTitle, t as SheetTrigger, c as sheetVariants };

package/dist/{slider-wx8ifVFB.js → slider-BOh8ycfZ.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { i as n } from "./dockContext-DM58L1Jt.js";
-import { t as r } from "./useTouchGate-XX8gHfay.js";
+import { t as n } from "./useTouchGate-CS5Csc2h.js";
+import { i as r } from "./dockContext-spUj_-E5.js";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, onBeforeUnmount as d, openBlock as f, renderList as p, unref as m, useTemplateRef as h, watch as g, withCtx as _ } from "vue";
 import { SliderRange as v, SliderRoot as y, SliderThumb as b, SliderTrack as x, useForwardPropsEmits as S } from "reka-ui";
 import { cva as C } from "class-variance-authority";
@@ -40,8 +40,8 @@ var w = /* @__PURE__ */ t(/* @__PURE__ */ l({
 	setup(t, { emit: l }) {
 		let C = t, w = l, E = a(() => C.variant ?? "standard"), D = a(() => C.size ?? "md"), O = a(() => C.keepDockOpen ?? !0), k = S(a(() => {
 			let { class: e, variant: t, size: n, keepDockOpen: r, ...i } = C;
-			return (E.value === "timeline" || E.value === "glass-pill" || E.value === "glass-scrubber") && !i.thumbAlignment && (i.thumbAlignment = "contain"), i;
-		}), w), A = n(), j = !1;
+			return E.value === "spectrum" && !i.thumbAlignment && (i.thumbAlignment = "contain"), i;
+		}), w), A = r(), j = !1;
 		function M() {
 			!O.value || j || (A?.keepOpen(), j = !0);
 		}
@@ -55,7 +55,7 @@ var w = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			};
 			window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e);
 		}
-		let F = h("sliderRootRef"), I = r();
+		let F = h("sliderRootRef"), I = n();
 		function L() {
 			let e = F.value;
 			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
@@ -108,15 +108,11 @@ var w = /* @__PURE__ */ t(/* @__PURE__ */ l({
 			"data-touch-active"
 		]));
 	}
-}), [["__scopeId", "data-v-41099404"]]), T = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
+}), [["__scopeId", "data-v-78e48602"]]), T = C("glass-slider focus-ring relative flex w-full touch-none select-none items-center transition-colors", {
 	variants: {
 		variant: {
 			standard: "",
-			spectrum: "",
-			timeline: "",
-			"glass-pill": "",
-			"glass-cartoon": "",
-			"glass-scrubber": ""
+			spectrum: ""
 		},
 		size: {
 			sm: "[--slider-track-height:0.25rem] [--slider-thumb-size:0.75rem]",

package/dist/slider.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./slider-wx8ifVFB.js";
+import { n as e, t } from "./slider-BOh8ycfZ.js";
 export { e as Slider, t as sliderVariants };

package/dist/sortable-list.js

@@ -1,19 +1,13 @@
 import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t } from "./useSortable-DLK9kwZp.js";
-import { computed as n, createBlock as r, defineComponent as i, inject as a, mergeProps as o, openBlock as s, provide as c, renderSlot as l, resolveDynamicComponent as u, toRef as d, unref as f, withCtx as p } from "vue";
+import { n as t } from "./createContext-DBMGRlx4.js";
+import { t as n } from "./useSortable-DnyGXKKY.js";
+import { computed as r, createBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, resolveDynamicComponent as l, toRef as u, unref as d, withCtx as f } from "vue";
 //#region src/components/custom/sortable-list/context.ts
-var m = Symbol("glass-ui:sortable");
+var p = t("glass-ui:sortable", "[glass-ui:sortable] <SortableItem> must be used inside <SortableList>"), m = p.KEY;
 function h(e) {
-	c(m, e);
+	p.provide(e);
 }
-function g() {
-	let e = a(m);
-	if (!e) throw Error("[glass-ui:sortable] <SortableItem> must be used inside <SortableList>");
-	return e;
-}
-//#endregion
-//#region src/components/custom/sortable-list/SortableList.vue
-var _ = /* @__PURE__ */ i({
+var g = p.use, _ = /* @__PURE__ */ a({
 	__name: "SortableList",
 	props: {
 		items: {},
@@ -24,62 +18,66 @@ var _ = /* @__PURE__ */ i({
 		as: { default: "div" }
 	},
 	emits: ["reorder", "insert"],
-	setup(e, { expose: n, emit: i }) {
-		let a = e, c = i, m = t({
-			items: d(a, "items"),
+	setup(e, { expose: t, emit: r }) {
+		let a = e, p = r, m = n({
+			items: u(a, "items"),
 			getId: a.getId,
 			group: a.group,
 			handleSelector: a.handleSelector,
 			axis: a.axis,
-			onReorder: (e) => c("reorder", e),
-			onInsert: (e, t) => c("insert", e, t)
+			onReorder: (e) => p("reorder", e),
+			onInsert: (e, t) => p("insert", e, t)
 		});
-		return h(m), n({
+		return h(m), t({
 			isDragging: m.isDragging,
 			dragId: m.dragId
-		}), (t, n) => (s(), r(u(e.as), o({ ref: f(m).container.ref }, f(m).container.dataAttrs), {
-			default: p(() => [l(t.$slots, "default", {
-				isDragging: f(m).isDragging.value,
-				dragId: f(m).dragId.value
+		}), (t, n) => (s(), i(l(e.as), o({ ref: d(m).container.ref }, d(m).container.dataAttrs), {
+			default: f(() => [c(t.$slots, "default", {
+				isDragging: d(m).isDragging.value,
+				dragId: d(m).dragId.value
 			})]),
 			_: 3
 		}, 16));
 	}
-}), v = /* @__PURE__ */ e(/* @__PURE__ */ i({
+}), v = /* @__PURE__ */ e(/* @__PURE__ */ a({
 	__name: "SortableItem",
 	props: {
 		id: {},
 		as: { default: "div" }
 	},
 	setup(e) {
-		let t = e, i = g(), a = n(() => i.registerItem(t.id)), c = n(() => i.dragId.value === t.id);
-		return (t, n) => (s(), r(u(e.as), o({
+		let t = e, n = g(), a = r(() => n.registerItem(t.id)), u = r(() => n.dragId.value === t.id);
+		return (t, n) => (s(), i(l(e.as), o({
 			ref: a.value.ref,
 			class: [
 				"sortable-item",
 				a.value.class.value,
-				{ "is-sortable-dragging": c.value }
+				{ "is-sortable-dragging": u.value }
 			]
 		}, a.value.dataAttrs, { onPointerdown: a.value.onPointerdown }), {
-			default: p(() => [l(t.$slots, "default", { isBeingDragged: c.value }, void 0, !0)]),
+			default: f(() => [c(t.$slots, "default", { isBeingDragged: u.value }, void 0, !0)]),
 			_: 3
 		}, 16, ["class", "onPointerdown"]));
 	}
-}), [["__scopeId", "data-v-ca5cd3d7"]]), y = /* @__PURE__ */ e(/* @__PURE__ */ i({
+}), [["__scopeId", "data-v-ca5cd3d7"]]), y = /* @__PURE__ */ e(/* @__PURE__ */ a({
 	__name: "SortableHandle",
-	props: { as: { default: "span" } },
+	props: {
+		as: { default: "span" },
+		type: {}
+	},
 	setup(e) {
-		let t = e, i = n(() => t.as === "span");
-		return (t, n) => (s(), r(u(e.as), {
+		let t = e, n = r(() => t.as === "span"), a = r(() => t.as === "button" ? { type: t.type } : {});
+		return (t, r) => (s(), i(l(e.as), o({
 			class: "sortable-handle",
-			"data-sortable-handle": "",
-			role: i.value ? "button" : void 0,
-			tabindex: i.value ? 0 : void 0
-		}, {
-			default: p(() => [l(t.$slots, "default", {}, void 0, !0)]),
+			"data-sortable-handle": ""
+		}, a.value, {
+			role: n.value ? "button" : void 0,
+			tabindex: n.value ? 0 : void 0
+		}), {
+			default: f(() => [c(t.$slots, "default", {}, void 0, !0)]),
 			_: 3
-		}, 8, ["role", "tabindex"]));
+		}, 16, ["role", "tabindex"]));
 	}
-}), [["__scopeId", "data-v-695f8df8"]]);
+}), [["__scopeId", "data-v-814313b7"]]);
 //#endregion
 export { m as SORTABLE_CONTEXT, y as SortableHandle, v as SortableItem, _ as SortableList, h as provideSortableContext, g as useSortableContext };

package/dist/stacked-icons.js

@@ -51,7 +51,7 @@ var h = {
 					class: s([
 						_.value,
 						"relative flex items-center justify-center rounded-pill transform-gpu",
-						"transition-[transform,box-shadow,opacity] duration-[var(--duration-fast)] ease-[var(--spring-snappy)]",
+						"transition-[transform,box-shadow,opacity] duration-fast ease-spring-snappy",
 						n > 0 ? v.value : "",
 						o.expandOnHover && n > 0 ? o.direction === "vertical" ? "group-hover/stack:translate-y-1.5 group-hover/stack:scale-105" : "group-hover/stack:translate-x-1.5 group-hover/stack:scale-105" : ""
 					]),
@@ -66,7 +66,7 @@ var h = {
 						_.value,
 						"relative flex items-center justify-center rounded-pill",
 						"border-2 border-background bg-[color-mix(in_srgb,var(--background)_96%,transparent)] text-xs font-semibold text-muted-foreground/60 shadow-cartoon-sm",
-						"transform-gpu transition-[background-color,color,transform,box-shadow] duration-[var(--duration-fast)] ease-[var(--spring-snappy)]",
+						"transform-gpu transition-[background-color,color,transform,box-shadow] duration-fast ease-spring-snappy",
 						"hover:bg-background hover:text-muted-foreground hover:shadow-cartoon-md",
 						v.value,
 						o.expandOnHover ? o.direction === "vertical" ? "group-hover/stack:translate-y-1.5 group-hover/stack:scale-105" : "group-hover/stack:translate-x-1.5 group-hover/stack:scale-105" : ""

package/dist/styles/animations.css

@@ -331,7 +331,7 @@
         scale: var(--top-layer-enter-scale, 0.96);
         transition-property: opacity, scale, display, overlay;
         transition-duration: var(--duration-normal);
-        transition-timing-function: var(--ease-apple-spring);
+        transition-timing-function: var(--spring-bouncy);
         transition-behavior: allow-discrete;
     }
 

package/dist/styles/cards.css

@@ -38,7 +38,7 @@
        mints the stacking context once. Longhand maps `translate(x, y)` 1:1. */
     translate: 0;
     transition:
-        translate var(--duration-normal) var(--ease-apple-spring),
+        translate var(--duration-normal) var(--spring-bouncy),
         box-shadow var(--duration-normal) var(--ease-apple);
 
     &:hover:not(:disabled) {