@mkbabb/glass-ui 10.1.4 → 11.0.0

package/dist/tabs-NgTRPGZx.js

@@ -0,0 +1,229 @@
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./useBarShape-CmP35Z8o.js";
+import { t as n } from "./useMotionAxis-D-rtIhca.js";
+import { a as r, c as i, l as a, r as o, s } from "./select-Dt5dXm87.js";
+import { t as c } from "./useSelectionGroup-DAQv5Lb5.js";
+import { t as l } from "./useDragMorph-BEI74U0t.js";
+import { Fragment as u, computed as d, createBlock as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeModels as v, mergeProps as y, nextTick as b, normalizeClass as x, normalizeStyle as S, onBeforeUnmount as C, onBeforeUpdate as w, onMounted as T, openBlock as E, ref as D, renderList as O, renderSlot as k, toDisplayString as A, unref as j, useModel as M, watch as N, withCtx as P } from "vue";
+//#region src/components/tabs/composables/useTabDragMorph.ts
+function F(e) {
+	let { indicatorRef: t, isVertical: n, isUnderline: r, draggable: i, stripOptions: a, buttonRefs: o, model: s } = e, c = d(() => i() && !r.value);
+	function u() {
+		return a.value.map((e, t) => {
+			let r = o.value[t]?.getBoundingClientRect(), i = r ? n.value ? r.top + r.height / 2 : r.left + r.width / 2 : 0;
+			return {
+				value: e.value,
+				center: i
+			};
+		});
+	}
+	let f = l({
+		handle: t,
+		axis: () => n.value ? "y" : "x",
+		snapTargets: u,
+		onSnap: (e) => {
+			s.value !== e && (s.value = e);
+		}
+	});
+	return N(() => [
+		t.value,
+		a.value.length,
+		n.value,
+		c.value
+	], () => {
+		c.value && t.value && b(() => f.refresh());
+	}, { immediate: !0 }), {
+		dragEnabled: c,
+		drag: f
+	};
+}
+//#endregion
+//#region src/components/tabs/composables/useTabResponsive.ts
+function I(e) {
+	let { responsive: t, options: n, model: r } = e, i = d(() => {
+		let e = t();
+		return e === !1 ? null : e === !0 ? {} : e;
+	}), a = d(() => i.value?.breakpoint ?? "640px"), o = d(() => i.value?.desktopOptions ?? n.value), s = D(!0), c = null;
+	function l(e) {
+		"currentTarget" in e && e.currentTarget && e.currentTarget !== c || (s.value = e.matches);
+	}
+	let u = d(() => {
+		if (!i.value) return r.value;
+		let e = o.value;
+		return e.some((e) => e.value === r.value) ? r.value : e.find((e) => !e.disabled)?.value;
+	}), f = d(() => i.value ? o.value : n.value), p = d(() => i.value?.ariaLabel ?? n.value.find((e) => e.value === r.value)?.label ?? "Select"), m = d(() => !!i.value && !s.value), h = !1;
+	function g() {
+		if (c?.removeEventListener("change", l), c = null, !h || !i.value || typeof window > "u" || !window.matchMedia) {
+			s.value = !0;
+			return;
+		}
+		c = window.matchMedia(`(min-width: ${a.value})`), s.value = c.matches, c.addEventListener("change", l);
+	}
+	return N([i, a], g), T(() => {
+		h = !0, g();
+	}), C(() => {
+		h = !1, c?.removeEventListener("change", l), c = null;
+	}), {
+		responsiveCfg: i,
+		breakpoint: a,
+		desktopOptions: o,
+		isDesktop: s,
+		stripValue: u,
+		stripOptions: f,
+		mobileAriaLabel: p,
+		showMobileSelect: m
+	};
+}
+//#endregion
+//#region src/components/tabs/SegmentedTabs.vue?vue&type=script&setup=true&lang.ts
+var L = [
+	"role",
+	"aria-label",
+	"aria-orientation",
+	"data-motion",
+	"data-shape"
+], R = [
+	"role",
+	"tabindex",
+	"disabled",
+	"onClick"
+], z = /* @__PURE__ */ _({
+	__name: "SegmentedTabs",
+	props: /*@__PURE__*/ v({
+		options: {},
+		ariaLabel: {},
+		variant: { default: "pill" },
+		semantics: {},
+		activation: { default: "automatic" },
+		orientation: { default: "horizontal" },
+		responsive: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		motion: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l) {
+		let _ = l, v = n(() => _.motion), b = M(l, "modelValue"), C = D(null), T = t(C), N = D(null), z = D([]), B = d(() => _.variant === "underline"), V = d(() => _.orientation === "vertical"), H = d(() => _.semantics === "tabs" || !_.semantics && B.value), { responsiveCfg: U, stripValue: W, stripOptions: G, mobileAriaLabel: K, showMobileSelect: q } = I({
+			responsive: () => _.responsive,
+			options: d(() => _.options),
+			model: b
+		}), J = c({
+			options: G,
+			model: d({
+				get: () => W.value ?? void 0,
+				set: (e) => {
+					e != null && (b.value = e);
+				}
+			}),
+			role: d(() => H.value ? "tablist" : "group"),
+			vertical: V,
+			activation: d(() => _.activation),
+			containerRef: C,
+			indicatorRef: N,
+			buttonRefs: z
+		}), { select: Y, rovingTabindex: X, singleSliderStyle: ee } = J, Z = J.onKeydown, Q = (e) => J.isSelected(e);
+		w(() => {
+			z.value = [];
+		});
+		let { dragEnabled: $, drag: te } = F({
+			indicatorRef: N,
+			isVertical: V,
+			isUnderline: B,
+			draggable: () => v.armed.value,
+			stripOptions: G,
+			buttonRefs: z,
+			model: b
+		});
+		function ne(e) {
+			let t = _.options.find((t) => t.value === e);
+			t && (b.value = t.value);
+		}
+		return (t, n) => j(q) ? (E(), p("div", {
+			key: 0,
+			class: x(j(e)("segmented-tabs__mobile w-fit", _.class))
+		}, [g(j(a), {
+			"model-value": b.value,
+			"onUpdate:modelValue": ne
+		}, {
+			default: P(() => [g(j(s), {
+				"aria-label": _.ariaLabel ?? j(K),
+				"data-control-target": "",
+				class: x(j(e)("segmented-tabs__trigger text-small w-auto min-w-input-sm", j(U)?.triggerClass))
+			}, {
+				default: P(() => [g(j(i))]),
+				_: 1
+			}, 8, ["aria-label", "class"]), g(j(r), null, {
+				default: P(() => [(E(!0), p(u, null, O(l.options, (e) => (E(), f(j(o), {
+					key: e.value,
+					value: e.value,
+					disabled: e.disabled
+				}, {
+					default: P(() => [h(A(e.label), 1)]),
+					_: 2
+				}, 1032, ["value", "disabled"]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["model-value"])], 2)) : (E(), p("div", {
+			key: 1,
+			ref_key: "containerRef",
+			ref: C,
+			role: H.value ? "tablist" : "group",
+			"aria-label": _.ariaLabel,
+			"aria-orientation": H.value ? V.value ? "vertical" : "horizontal" : void 0,
+			"data-motion": j(v).dataMotion.value,
+			"data-shape": j(T),
+			style: S(j(v).hostStyle.value),
+			class: x(j(e)("segmented-tabs", `segmented-tabs--${l.variant}`, V.value && "segmented-tabs--vertical", !B.value && "glass-capsule-track", _.class)),
+			onKeydown: n[0] ||= (...e) => j(Z) && j(Z)(...e)
+		}, [m("div", {
+			ref_key: "indicatorRef",
+			ref: N,
+			"aria-hidden": "true",
+			class: x([
+				"segmented-indicator",
+				"segmented-indicator--js",
+				B.value ? "paper-ink-mark" : "glass-capsule",
+				j($) && "glass-drag-grabbable",
+				j($) && j(te).dragging.value && "glass-drag-lift"
+			]),
+			style: S(j(ee))
+		}, null, 6), (E(!0), p(u, null, O(j(G), (e, n) => (E(), p("button", y({
+			key: e.value,
+			type: "button",
+			ref_for: !0,
+			ref: (e) => {
+				e && (z.value[n] = e);
+			},
+			class: "segmented-tab",
+			role: H.value ? "tab" : void 0,
+			tabindex: j(X)(n)
+		}, { ref_for: !0 }, {
+			...Q(e.value) ? { "data-active": "" } : {},
+			...H.value ? {
+				"aria-selected": Q(e.value) ? "true" : "false",
+				"aria-controls": e.controls || void 0
+			} : { "aria-pressed": Q(e.value) ? "true" : "false" }
+		}, {
+			disabled: e.disabled,
+			class: [e.disabled && "is-disabled"],
+			onClick: (t) => j(Y)(e.value, n)
+		}), [k(t.$slots, "option", {
+			option: e,
+			active: Q(e.value)
+		}, () => [h(A(e.label), 1)])], 16, R))), 128))], 46, L));
+	}
+});
+//#endregion
+export { z as t };

package/dist/tabs.js

@@ -1,2 +1,2 @@
-import { t as e } from "./tabs-C5sC0fBE.js";
+import { t as e } from "./tabs-NgTRPGZx.js";
 export { e as SegmentedTabs };

package/dist/textarea.js

@@ -1,5 +1,5 @@
 import { t as e } from "./class-names-FlXcvRRT.js";
-import { n as t } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
+import { n as t } from "./control.css_vue_type_style_index_0_src_true_lang-D2hdtjs4.js";
 import { computed as n, createElementBlock as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useAttrs as l, useModel as u, vModelText as d, withDirectives as f } from "vue";
 //#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
 var p = [

package/dist/timeline.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.tl[data-v-85f5a464]{row-gap:var(--space-body);grid-template-columns:100%;display:grid;position:relative}.tl__track[data-v-85f5a464],.tl__marks[data-v-85f5a464]{grid-area:1/1;align-self:center}.tl__track[data-v-85f5a464]{block-size:var(--timeline-track-h);background:oklch(from var(--card) calc(l - .04) c h)}.tl__marks[data-v-85f5a464]{pointer-events:none;min-block-size:1.5rem;margin:0;padding:0;list-style:none;position:relative}.tl__mark-seat[data-v-85f5a464]{top:50%;left:calc(var(--tl-at) * 100%);pointer-events:none;line-height:0;display:flex;position:absolute;translate:-50% -50%}.tl__mark-seat[data-v-85f5a464]>*{pointer-events:auto}.tl__span[data-v-85f5a464]{inset-block:0;left:calc(var(--tl-l) * 100%);width:calc(var(--tl-w) * 100%);position:absolute;overflow:hidden}.tl__fill[data-v-85f5a464]{background:var(--tl-accent);transform:translateX(calc((var(--tl-f) - 1) * 100%));position:absolute;inset:0}.tl__track[data-advancing] .tl__fill[data-v-85f5a464]{will-change:transform}.tl__cap[data-v-85f5a464]{inset-block:0;inline-size:var(--timeline-track-h);border-radius:var(--radius-pill);background:var(--tl-accent);box-shadow:var(--glass-rim-top);transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));pointer-events:none;position:absolute;right:0}.tl .track-flow[data-v-85f5a464]{--track-flow-peak:var(--fill-selected)}.tl__mark[data-v-85f5a464]{cursor:pointer;background:0 0;border:0;place-items:center;min-block-size:1.5rem;min-inline-size:1.5rem;padding:0;display:grid}@media (pointer:coarse){.tl__marks[data-v-85f5a464]{min-block-size:var(--touch-target)}.tl__mark[data-v-85f5a464]{min-inline-size:var(--touch-target);min-block-size:var(--touch-target)}}.tl__mark[data-v-85f5a464]:focus-visible{box-shadow:var(--focus-ring-shadow);border-radius:var(--radius-pill);outline:none}.tl__disc[data-v-85f5a464]{inline-size:var(--space-family);block-size:var(--space-family);background:var(--card);border:1px solid color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) * 100%), oklch(0% 0 0/0));transform:scaleX(var(--stretch,1)) scaleY(calc(1 / var(--stretch,1)));border-radius:50%;place-items:center;display:grid}.tl__mark[data-crossing] .tl__disc[data-v-85f5a464]{will-change:transform}.tl__mark[data-state=active] .tl__disc[data-v-85f5a464]{border-color:var(--tl-accent);border-width:2px}.tl__mark[data-state=completed] .tl__disc[data-v-85f5a464]{background:var(--tl-accent);border-color:var(--tl-accent)}.tl__mark[aria-current=step] .tl__disc[data-v-85f5a464]{box-shadow:0 0 0 2px color-mix(in oklab, var(--foreground) calc(var(--ink-perimeter) / 2 * 100%), oklch(0% 0 0/0))}.tl__check[data-v-85f5a464]{block-size:100%;inline-size:100%;overflow:visible}.tl__check path[data-v-85f5a464]{fill:none;stroke:contrast-color(var(--tl-accent));stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:0;animation:tl-check-85f5a464 var(--spring-dock-duration) var(--spring-dock) both}@media (hover:hover){.tl__mark:hover .tl__disc[data-v-85f5a464]{scale:var(--scale-hover);background:color-mix(in oklab, var(--tl-accent) calc(var(--fill-hover) * 100%), var(--card))}.tl__mark[data-state=completed]:hover .tl__disc[data-v-85f5a464]{background:var(--tl-accent)}}.tl__detail[data-v-85f5a464]{animation:tl-detail-85f5a464 var(--spring-dock-duration) var(--spring-dock) both;grid-area:2/1}@media (prefers-reduced-motion:reduce){.tl__check path[data-v-85f5a464]{animation:none}.tl__detail[data-v-85f5a464]{animation-duration:.01ms}.tl__mark:hover .tl__disc[data-v-85f5a464]{scale:1}}}@keyframes tl-check-85f5a464{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}@keyframes tl-detail-85f5a464{0%{opacity:0;translate:calc(var(--tl-dir) * var(--space-atom)) 0}to{opacity:1;translate:0}}

package/dist/timeline.js

@@ -1,6 +1,7 @@
-import { t as e } from "./useSpring-9u2_shxV.js";
+import "./timeline.css";
+import { t as e } from "./useSpring-Aof0nTRt.js";
 import { n as t } from "./springPresets-Cbe0Voqg.js";
-import { t as n } from "./useLiquidPress-h1scrPtP.js";
+import { t as n } from "./useLiquidPress-D5mjZC6U.js";
 import { t as r } from "./useLiquidFlex-TJZmRqyY.js";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, renderSlot as ee, unref as g, watch as _ } from "vue";
@@ -284,6 +285,6 @@ var E = [
 			}, void 0, !0)])) : s("", !0)
 		], 4));
 	}
-}), [["__scopeId", "data-v-4c4ed383"]]);
+}), [["__scopeId", "data-v-85f5a464"]]);
 //#endregion
 export { v as HUE_OFFSET, b as HUE_STOPS, y as HUE_STRIDE, k as Timeline, T as accentFor };

package/dist/toggle-group-DgXcJGD6.js

@@ -0,0 +1,129 @@
+import "./toggle-group.css";
+import { t as e } from "./class-names-FlXcvRRT.js";
+import { t } from "./useBarShape-CmP35Z8o.js";
+import { t as n } from "./control-DJp15L4U.js";
+import { t as r } from "./createContext-BhkE9mLH.js";
+import { t as i } from "./useSelectionGroup-DAQv5Lb5.js";
+import { computed as a, createElementBlock as o, defineComponent as s, mergeModels as c, mergeProps as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, shallowRef as h, triggerRef as g, unref as _, useModel as v } from "vue";
+//#region src/components/toggle-group/context.ts
+var y = r("glass-ui:toggle-group");
+function b(e) {
+	y.provide(e);
+}
+var x = y.use, S = [
+	"role",
+	"data-type",
+	"data-size",
+	"data-orientation"
+], C = /* @__PURE__ */ s({
+	name: "ToggleGroup",
+	__name: "ToggleGroup",
+	props: /*@__PURE__*/ c({
+		type: {},
+		orientation: { default: "horizontal" },
+		size: { default: "md" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = t, s = v(t, "modelValue"), c = p(null), u = h([]);
+		function d(e) {
+			return [...e].sort((e, t) => {
+				if (!e.el || !t.el) return 0;
+				let n = e.el.compareDocumentPosition(t.el);
+				return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+			});
+		}
+		let y = a(() => d(u.value)), x = a(() => y.value.map((e) => ({
+			value: e.value,
+			disabled: e.disabled()
+		}))), C = a(() => y.value.map((e) => e.el).filter((e) => !!e)), w = i({
+			options: x,
+			model: s,
+			mode: a(() => r.type),
+			vertical: a(() => r.orientation === "vertical"),
+			activation: a(() => r.type === "single" ? "automatic" : "manual"),
+			containerRef: c,
+			buttonRefs: C
+		});
+		return b({
+			register(e) {
+				u.value.push(e), g(u);
+			},
+			unregister(e) {
+				let t = u.value.indexOf(e);
+				t >= 0 && u.value.splice(t, 1), g(u);
+			},
+			isSelected: (e) => w.isSelected(e),
+			itemAttrs: (e) => w.itemAttrs(e),
+			tabindex: (e) => w.rovingTabindex(y.value.indexOf(e)),
+			select: (e) => w.select(e.value, y.value.indexOf(e)),
+			disabled: a(() => r.disabled ?? !1)
+		}), (t, i) => (f(), o("div", l({
+			ref_key: "containerRef",
+			ref: c,
+			"data-slot": "toggle-group",
+			class: _(e)("toggle-group", r.class),
+			role: _(w).groupRole.value,
+			"data-type": r.type,
+			"data-size": r.size,
+			"data-orientation": r.orientation
+		}, _(n)(r.invalid), { onKeydown: i[0] ||= (...e) => _(w).onKeydown && _(w).onKeydown(...e) }), [m(t.$slots, "default")], 16, S));
+	}
+}), w = [
+	"data-state",
+	"data-shape",
+	"disabled",
+	"tabindex"
+], T = /* @__PURE__ */ s({
+	name: "ToggleGroupItem",
+	__name: "ToggleGroupItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(n) {
+		let r = n, i = p(null), s = t(i), c = x(), h = {
+			get value() {
+				return r.value;
+			},
+			disabled: () => r.disabled === !0 || (c?.disabled.value ?? !1),
+			el: null
+		};
+		d(() => {
+			h.el = i.value, c?.register(h);
+		}), u(() => c?.unregister(h));
+		let g = a(() => c?.isSelected(r.value) ?? !1), v = a(() => h.disabled());
+		return (t, n) => (f(), o("button", l({
+			ref_key: "el",
+			ref: i,
+			type: "button",
+			"data-slot": "toggle-group-item",
+			class: _(e)("toggle-group__item control-surface glass-control-edge glass-capsule-hover focus-ring", r.class),
+			"data-state": g.value ? "on" : "off",
+			"data-shape": _(s),
+			disabled: v.value || void 0,
+			tabindex: _(c)?.tabindex(h) ?? 0
+		}, _(c)?.itemAttrs(r.value), { onClick: n[0] ||= (e) => _(c)?.select(h) }), [m(t.$slots, "indicator", { selected: g.value }), m(t.$slots, "default")], 16, w));
+	}
+});
+//#endregion
+export { C as n, T as t };

package/dist/toggle-group.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.toggle-group{flex-wrap:wrap;align-items:center;gap:8px;inline-size:fit-content;max-inline-size:100%;display:flex}@media (width<=768px){.toggle-group{gap:4px}}.toggle-group[data-orientation=vertical]{flex-direction:column;align-items:stretch}.toggle-group__item{--toggle-group-item-size:var(--control-h-md);min-inline-size:var(--toggle-group-item-size);min-block-size:var(--toggle-group-item-size);border-radius:calc(var(--toggle-group-item-size) / 2);color:var(--muted-foreground);font:inherit;font-size:var(--control-text);cursor:pointer;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;gap:.5rem;padding-inline:.75rem;font-weight:500;line-height:1;display:inline-flex}.toggle-group__item[data-shape=bar]{border-radius:var(--radius-bar)}.toggle-group[data-size=sm] .toggle-group__item{--toggle-group-item-size:var(--control-h-sm);font-size:var(--control-text-sm);padding-inline:.5rem}.toggle-group[data-size=lg] .toggle-group__item{--toggle-group-item-size:var(--control-h-lg);padding-inline:1.25rem}.toggle-group__item[data-state=on]{background-color:color-mix(in oklab, var(--foreground) 12%, transparent);color:var(--foreground);font-weight:600}.toggle-group__item[data-state=on]:hover:not(:disabled){background-color:color-mix(in oklab, var(--foreground) 16%, transparent)}.toggle-group__item:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.toggle-group[data-invalid] .toggle-group__item{border-color:var(--destructive)}.toggle-group__item>svg{pointer-events:none;flex:none}@media (forced-colors:active){.toggle-group__item{box-shadow:none;background:canvas;border:1px solid buttontext}.toggle-group__item[data-state=on]{color:highlighttext;background:highlight;border-color:highlight}}}

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./toggle-group-CC5b3o1R.js";
+import { n as e, t } from "./toggle-group-DgXcJGD6.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tokens.js

@@ -54,6 +54,8 @@ var e = [
 		"--radius-xl",
 		"--radius-2xl",
 		"--radius-pill",
+		"--radius-circle",
+		"--radius-bar",
 		"--radius-card",
 		"--radius-media",
 		"--radius-button"

package/dist/{tooltip-CZVubnJf.js → tooltip-Do3qCw0r.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./content-BhcJH1bI.js";
-import { t } from "./participation-B7UFdgXB.js";
+import { t } from "./participation-C5y5VZTN.js";
 import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u, withCtx as d } from "vue";
 import { TooltipContent as f, TooltipPortal as p, TooltipProvider as m, TooltipRoot as h, TooltipTrigger as g } from "reka-ui";
 //#endregion

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tooltip-CZVubnJf.js";
+import { i as e, n as t, r as n, t as r } from "./tooltip-Do3qCw0r.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.tw-root[data-v-e8359620]{vertical-align:baseline;max-width:100%;display:inline-grid;position:relative}.tw-reserve[data-v-e8359620]{visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;grid-area:1/1;min-width:0}.tw-visual[data-v-e8359620]{white-space:pre-wrap;overflow-wrap:anywhere;position:absolute;inset:0}.tw-tail[data-v-e8359620]{white-space:nowrap}.tw-cursor[data-v-e8359620]{font-weight:100;display:inline-block}.tw-cursor--blink[data-v-e8359620]{animation:1.06s step-end infinite typewriter-blink}@media (prefers-reduced-motion:reduce){.tw-cursor--blink[data-v-e8359620]{animation:none}}}

package/dist/typewriter.js

@@ -1,3 +1,4 @@
+import "./typewriter.css";
 import { n as e } from "./useReducedMotion-vCXA_vyM.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, onMounted as u, onScopeDispose as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v } from "vue";

package/dist/uniformBridge-CJyy7NOn.js

@@ -0,0 +1,150 @@
+import { a as e, c as t } from "./pointerFieldMappings-DXwlU5uj.js";
+import { warmCatchLight as n } from "./color.js";
+import { m as r, n as i } from "./color-HkUaTAJj.js";
+//#region src/components/aurora/composables/frameLoop.ts
+var a = .001, o = 1e-4;
+function s(n, r, i) {
+	let a = t(n);
+	if (i > 0) {
+		let e = n.acceleration.value, t = n.velocity.value, r = -(e.x * t.x + e.y * t.y);
+		r > 0 && (a.burst = Math.min(1, a.burst + r * 3));
+	}
+	let o = e(a, r);
+	return {
+		x: o.cx,
+		y: o.cy,
+		strength: o.strength,
+		radius: o.radius
+	};
+}
+function c(e) {
+	let t = e.attractorVelocity.value;
+	return e.engagement.value > a || e.speed.value > a || e.burst.value > a || Math.hypot(t.x, t.y) > o;
+}
+function l(e) {
+	let { gl: t, prog: n, uniforms: i, pointerField: a, getCursorScalars: o, getConfig: l, getReducedMotion: u, getRenderTime: d } = e, f = (e) => 1 - e, p = null, m = {
+		x: .5,
+		y: .5,
+		strength: 0,
+		radius: .25
+	};
+	function h() {
+		return +!u();
+	}
+	function g(e) {
+		let r = d(e);
+		if (t.useProgram(n), t.uniform2f(i.uCursor, m.x, f(m.y)), t.uniform1f(i.uCursorStrength, m.strength), t.uniform1f(i.uCursorRadius, m.radius), t.uniform1f(i.uTime, r), l().interactivity?.light) {
+			let e = h(), n = r * .25, a = Math.cos(n) * .5, o = Math.sin(n) * .5, s = (m.x - .5) * 2, c = (.5 - m.y) * 2, l = m.strength * e;
+			a = a * (1 - l) + s * l, o = o * (1 - l) + c * l, t.uniform3f(i.uLightDir, a * e + (1 - e) * -.5, o * e + (1 - e) * .6, .62);
+		}
+		t.clear(t.COLOR_BUFFER_BIT), t.drawArrays(t.TRIANGLES, 0, 3);
+	}
+	function _() {
+		return u() ? !1 : r(l()) ? !0 : c(a);
+	}
+	return {
+		frame: (e) => {
+			let t = h(), n = p === null ? 0 : Math.max(0, (e - p) * 1e3);
+			p = e, a.tick(t === 0 ? 0 : n), m = s(a, o(), t), g(e);
+		},
+		needsAnimation: _
+	};
+}
+//#endregion
+//#region src/components/aurora/composables/uniformBridge.ts
+var u = {
+	x: .5,
+	y: .5,
+	strength: 0,
+	radius: .25
+}, d = {
+	smooth: 0,
+	pastel: 1,
+	watercolor: 2,
+	oil: 3,
+	crayon: 4,
+	vangogh: 5,
+	"oil-pastel": 6,
+	kuwahara: 7,
+	metal: 8,
+	"metal-gradient": 9
+}, f = {
+	shorter: 0,
+	longer: 1,
+	increasing: 2,
+	decreasing: 3
+}, p = {
+	none: 0,
+	radial: 1,
+	swirl: 2,
+	diagonal: 3,
+	multi: 4,
+	tensor: 5
+}, m = {
+	flow: 0,
+	tensor: 1
+}, h = {
+	fbm: 0,
+	cellular: 1,
+	hybrid: 2,
+	curl: 3
+}, g = {
+	oil: 0,
+	knife: 1,
+	chunky: 3
+}, _ = {
+	L: .985,
+	C: .0125,
+	h: 77.5
+};
+function v(e) {
+	return e === void 0 ? n(_.L, _.C, _.h) : Array.isArray(e) ? e : n(e.L, e.C, e.h);
+}
+function y(e) {
+	return d[e.medium];
+}
+function b(e) {
+	return g[e.strokeMode];
+}
+function x(e) {
+	return e.medium === "vangogh" || e.medium === "oil-pastel" || e.medium === "crayon" || e.medium === "kuwahara" ? m.tensor : m[e.strokeOrient ?? "flow"];
+}
+function S(e, t, n, r = !1) {
+	let a = (e) => 1 - e, o = {
+		palette: /* @__PURE__ */ new Float32Array(24),
+		pos: /* @__PURE__ */ new Float32Array(16),
+		rad: /* @__PURE__ */ new Float32Array(8),
+		pb: /* @__PURE__ */ new Float32Array(8),
+		vb: /* @__PURE__ */ new Float32Array(8),
+		dr: /* @__PURE__ */ new Float32Array(8),
+		dp: /* @__PURE__ */ new Float32Array(8),
+		elong: /* @__PURE__ */ new Float32Array(8),
+		angle: /* @__PURE__ */ new Float32Array(8)
+	};
+	return function(s) {
+		e.useProgram(t), i(s.palette, 8, o.palette), e.uniform3fv(n.uPalette, o.palette), e.uniform1i(n.uStopCount, Math.min(s.palette.length, 8));
+		let c = Math.min(s.nuclei.length, 8);
+		e.uniform1i(n.uNucleiCount, c);
+		for (let e = 0; e < c; e++) {
+			let t = s.nuclei[e];
+			o.pos[e * 2 + 0] = t.x, o.pos[e * 2 + 1] = a(t.y), o.rad[e] = t.radius, o.pb[e] = t.paletteBias, o.vb[e] = t.valueBias, o.dr[e] = t.driftRadius, o.dp[e] = t.driftPhase, o.elong[e] = t.elongation ?? 1, o.angle[e] = -(t.angle ?? 0) * Math.PI / 180;
+		}
+		for (let e = c; e < 8; e++) o.pos[e * 2 + 0] = 0, o.pos[e * 2 + 1] = 0, o.rad[e] = 0, o.pb[e] = 0, o.vb[e] = 0, o.dr[e] = 0, o.dp[e] = 0, o.elong[e] = 1, o.angle[e] = 0;
+		e.uniform2fv(n.uNucleiPos, o.pos), e.uniform1fv(n.uNucleiRadius, o.rad), e.uniform1fv(n.uNucleiPaletteBias, o.pb), e.uniform1fv(n.uNucleiValueBias, o.vb), e.uniform1fv(n.uNucleiDriftRadius, o.dr), e.uniform1fv(n.uNucleiDriftPhase, o.dp), e.uniform1fv(n.uNucleiElong, o.elong), e.uniform1fv(n.uNucleiAngle, o.angle), e.uniform1f(n.uSoftmaxBeta, s.softmaxBeta), e.uniform1f(n.uValueVariance, s.valueVariance), e.uniform1f(n.uWarpAmount, s.warpAmount), e.uniform1f(n.uWarpScale, s.warpScale), e.uniform1f(n.uWarpDrift, s.warpDrift), e.uniform1i(n.uWarpMode, h[s.warpMode]), e.uniform1i(n.uNoiseOctaves, s.noiseOctaves), e.uniform1i(n.uMedium, y(s)), e.uniform1i(n.uHuePath, f[s.huePath ?? "shorter"]), e.uniform1i(n.uFlowPattern, p[s.flow.pattern]), e.uniform2f(n.uFlowFocal, s.flow.focalX, a(s.flow.focalY)), e.uniform1f(n.uFlowAngle, s.flow.angle), e.uniform1f(n.uFlowCurl, s.flow.curl);
+		let l = u;
+		e.uniform2f(n.uCursor, l.x, a(l.y)), e.uniform1f(n.uCursorStrength, l.strength), e.uniform1f(n.uCursorRadius, l.radius), e.uniform1f(n.uStrokeAmount, s.strokeAmount), e.uniform1f(n.uStrokeScale, s.strokeScale), e.uniform1f(n.uStrokeAnisotropy, s.strokeAnisotropy), e.uniform1i(n.uStrokeLayers, s.strokeLayers), e.uniform1i(n.uStrokeMode, b(s)), e.uniform1i(n.uStrokeOrient, x(s));
+		{
+			let t = s.lightDir ?? [
+				-.5,
+				.6,
+				.62
+			], r = v(s.lightColor);
+			e.uniform3f(n.uLightDir, t[0], t[1], t[2]), e.uniform3f(n.uLightColor, r[0], r[1], r[2]);
+		}
+		e.uniform1f(n.uWetEdge, s.wetEdge), e.uniform1f(n.uGranulation, s.granulation), e.uniform1f(n.uImpasto, s.impasto), e.uniform1f(n.uBrokenColor, s.brokenColor), e.uniform1f(n.uCanvasGrain, s.canvasGrain), e.uniform1f(n.uMetalPolish, s.metalPolish ?? 1), e.uniform1f(n.uMetalHeightScale, s.metalHeightScale ?? 1), e.uniform1f(n.uNucleiDrift, s.nucleiDrift), e.uniform1f(n.uPaletteDrift, s.paletteDrift), e.uniform1f(n.uBreathDepth, s.breathDepth), e.uniform1f(n.uBreathPeriod, s.breathPeriod), e.uniform1f(n.uSaturation, s.saturation), e.uniform1f(n.uPaperGrain, s.paperGrain), e.uniform1f(n.uAlpha, r ? 1 : s.alpha), e.uniform1f(n.uVividness, s.vividness ?? 1), e.uniform1i(n.uImage, 0), e.uniform1f(n.uBlurMin, s.imageBlur?.min ?? .004), e.uniform1f(n.uBlurMax, s.imageBlur?.max ?? .06);
+		let d = e.drawingBufferHeight > 0 ? e.drawingBufferWidth / e.drawingBufferHeight : 1;
+		e.uniform1f(n.uImageAspect, d);
+	};
+}
+//#endregion
+export { c as a, S as i, d as n, l as o, h as r, s, f as t };

package/dist/useBarShape-CmP35Z8o.js

@@ -0,0 +1,24 @@
+import { onBeforeUnmount as e, shallowRef as t, watch as n } from "vue";
+//#region src/components/_shared/shape/useBarShape.ts
+var r = 20;
+function i(e) {
+	let t = getComputedStyle(e), n = e.getBoundingClientRect(), i = parseFloat(getComputedStyle(e.ownerDocument.documentElement).fontSize) || 16;
+	if (n.width > r * i + .5) return !0;
+	let a = parseFloat(t.minBlockSize);
+	return Number.isFinite(a) && a > 0 && n.height > a + .5;
+}
+function a(r) {
+	let a = t(void 0), o = null, s = (e) => {
+		a.value = i(e) ? "bar" : void 0;
+	};
+	return n(r, (e) => {
+		o?.disconnect(), o = null, !(!e || typeof ResizeObserver > "u") && (o = new ResizeObserver(() => s(e)), o.observe(e));
+	}, {
+		flush: "post",
+		immediate: !0
+	}), e(() => {
+		o?.disconnect(), o = null;
+	}), a;
+}
+//#endregion
+export { a as t };

package/dist/{useCanvas2D-CQRElMyE.js → useCanvas2D-Bhpwua98.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createCanvasLifecycle-hJHobVTn.js";
+import { t as e } from "./createCanvasLifecycle-DS0vEs_G.js";
 import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
 //#region src/composables/glass/canvas2d/useCanvas2D.ts
 var i = "200px";

package/dist/{useDockCtaReceive-BSSgD6mu.js → useDockCtaReceive-Dn_-paqP.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./asElement-CRnm6A2v.js";
-import { i as t, r as n } from "./useDragMorph-B363RUbF.js";
+import { i as t, r as n } from "./useDragMorph-BEI74U0t.js";
 import { readonly as r, ref as i } from "vue";
 //#region src/composables/motion/morph/useDockCtaReceive.ts
 var a = {