@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/DropdownMenuTrigger-BzQtd9lt.js

@@ -1,65 +0,0 @@
-import { computed as e, createBlock as t, defineComponent as n, inject as r, isRef as i, mergeProps as a, openBlock as o, provide as s, renderSlot as c, resolveDynamicComponent as l, unref as u, withCtx as d } from "vue";
-import { ContextMenuCheckboxItem as f, ContextMenuContent as p, ContextMenuGroup as m, ContextMenuItem as h, ContextMenuItemIndicator as g, ContextMenuLabel as _, ContextMenuPortal as v, ContextMenuRadioGroup as y, ContextMenuRadioItem as b, ContextMenuRoot as x, ContextMenuSeparator as S, ContextMenuSub as C, ContextMenuSubContent as w, ContextMenuSubTrigger as T, ContextMenuTrigger as E, DropdownMenuCheckboxItem as D, DropdownMenuContent as O, DropdownMenuGroup as k, DropdownMenuItem as A, DropdownMenuItemIndicator as j, DropdownMenuLabel as M, DropdownMenuPortal as N, DropdownMenuRadioGroup as P, DropdownMenuRadioItem as F, DropdownMenuRoot as I, DropdownMenuSeparator as L, DropdownMenuSub as R, DropdownMenuSubContent as z, DropdownMenuSubTrigger as B, DropdownMenuTrigger as V, injectDropdownMenuRootContext as H, useForwardProps as U } from "reka-ui";
-//#region src/components/dropdown-menu/useMenuTrigger.ts
-var W = Symbol("glass-menu-trigger");
-function G(e) {
-	s(W, e);
-}
-var K = e(() => "click");
-function q() {
-	return r(W, K);
-}
-var J = {
-	Root: [I, x],
-	Trigger: [V, E],
-	Portal: [N, v],
-	Content: [O, p],
-	Item: [A, h],
-	CheckboxItem: [D, f],
-	RadioItem: [F, b],
-	RadioGroup: [P, y],
-	Group: [k, m],
-	Separator: [L, S],
-	Label: [M, _],
-	Sub: [R, C],
-	SubTrigger: [B, T],
-	SubContent: [z, w],
-	ItemIndicator: [j, g]
-};
-function Y(t) {
-	let n = q();
-	return e(() => J[t][+(n.value === "context")]);
-}
-//#endregion
-//#region src/components/dropdown-menu/DropdownMenuTrigger.vue
-var X = /* @__PURE__ */ n({
-	__name: "DropdownMenuTrigger",
-	props: {
-		disabled: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		action: { default: "click" }
-	},
-	setup(n) {
-		let r = n, s = U(e(() => {
-			let { action: e, ...t } = r;
-			return t;
-		})), f = q(), p = Y("Trigger"), m = H(null), h = !1;
-		function g(e) {
-			r.action !== "pointerdown" || f.value !== "click" || !m || r.disabled || e.button !== 0 || e.ctrlKey || (h = !0, m.onOpenToggle(), m.open.value && e.preventDefault());
-		}
-		function _(e) {
-			h && (h = !1, e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()));
-		}
-		return (e, n) => (o(), t(l(u(p)), a({ class: "outline-none" }, u(s), {
-			onPointerdownCapture: g,
-			onPointercancelCapture: n[0] ||= (e) => i(h) ? h.value = !1 : h = !1,
-			onClickCapture: _
-		}), {
-			default: d(() => [c(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-});
-//#endregion
-export { q as i, G as n, Y as r, X as t };

package/dist/FadingScroll-C1ZWEjmG.js

@@ -1,83 +0,0 @@
-import { t as e } from "./useResizeObserver-BcUTquV7.js";
-import { t } from "./supportsCssTimeline-Dz-GVxXM.js";
-import { createElementBlock as n, defineComponent as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, toRef as u, unref as d, watch as f } from "vue";
-//#region src/components/fading-scroll/constants.ts
-var p = t();
-//#endregion
-//#region src/components/fading-scroll/composables/useFadingScroll.ts
-function m(t, n = {}) {
-	let { axis: r = "x", fadeStart: i = !0, fadeEnd: s = !0 } = n, l = c(!p), u = 0, f = null;
-	function m(e, n) {
-		let r = d(t);
-		r && (r.style.setProperty("--fade-start", e ? "var(--fade-scroll-width)" : "0px"), r.style.setProperty("--fade-end", n ? "var(--fade-scroll-width)" : "0px"));
-	}
-	function h() {
-		let e = d(t);
-		if (!e) return;
-		let n = d(r) === "x", a = n ? e.scrollLeft : e.scrollTop, o = n ? e.scrollWidth - e.clientWidth : e.scrollHeight - e.clientHeight, c = a <= 12, l = a >= o - 12;
-		m(d(i) && !c, d(s) && !l);
-	}
-	function g() {
-		u ||= requestAnimationFrame(() => {
-			u = 0, h();
-		});
-	}
-	function _() {
-		let n = d(t);
-		n && (n.addEventListener("scroll", g, { passive: !0 }), f = e(t, h).stop, h());
-	}
-	function v() {
-		d(t)?.removeEventListener("scroll", g), f?.(), f = null, u &&= (cancelAnimationFrame(u), 0);
-	}
-	return o(() => {
-		l.value && _();
-	}), a(v), {
-		active: l,
-		measure: h,
-		stop: v
-	};
-}
-//#endregion
-//#region src/components/fading-scroll/FadingScroll.vue?vue&type=script&setup=true&lang.ts
-var h = [
-	"data-fade-axis",
-	"data-fade-start",
-	"data-fade-end"
-], g = /* @__PURE__ */ r({
-	__name: "FadingScroll",
-	props: {
-		axis: { default: "x" },
-		fadeStart: {
-			type: Boolean,
-			default: !0
-		},
-		fadeEnd: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let t = e, r = c(null);
-		return f(() => [
-			t.axis,
-			t.fadeStart,
-			t.fadeEnd
-		], m(r, {
-			axis: u(t, "axis"),
-			fadeStart: u(t, "fadeStart"),
-			fadeEnd: u(t, "fadeEnd")
-		}).measure), (t, a) => (s(), n("div", {
-			ref_key: "rootRef",
-			ref: r,
-			class: i(["fading-scroll", e.axis === "y" ? "fading-scroll--y" : "fading-scroll--x"]),
-			"data-fade-axis": e.axis,
-			"data-fade-start": e.fadeStart ? "" : void 0,
-			"data-fade-end": e.fadeEnd ? "" : void 0,
-			role: "region",
-			"aria-label": "Scrollable content",
-			tabindex: "0"
-		}, [l(t.$slots, "default")], 10, h));
-	}
-});
-//#endregion
-export { m as n, g as t };

package/dist/Input-B4WQ_CMc.js

@@ -1,57 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useControlSize-CFfOk8I-.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/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 glass-control-edge [--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/PagerDots-BoTQ7g5l.js

@@ -1,307 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useLiquidFlex-Ch4exNvN.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as r } from "./useResizeObserver-BcUTquV7.js";
-import { t as i } from "./useLeadTrail-BYu8dq4G.js";
-import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderList as _, unref as v, useId as y, useModel as b, watch as x } from "vue";
-//#region src/components/pager-dots/pagerWindow.ts
-function S(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
-	};
-}
-var C = .7;
-//#endregion
-//#region src/components/pager-dots/composables/usePagerWorm.ts
-function w(e, t, n) {
-	if (!e) return n;
-	let r = getComputedStyle(e).getPropertyValue(t).trim();
-	if (!r) return n;
-	if (r.endsWith("rem")) {
-		let e = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
-		return (parseFloat(r) || .8125) * e;
-	}
-	return parseFloat(r) || n;
-}
-function T(e) {
-	let { rootEl: n, wormLayerEl: a, bodyAEl: o, bodyBEl: s, neckEl: c, bedDotEls: l, shown: u, vertical: f, active: p } = e, h = t({
-		from: 0,
-		to: 0,
-		axis: "width",
-		squishLaw: "linear",
-		maxStretch: () => w(n.value, "--pager-worm-max-stretch", 1.2) || 1.2
-	});
-	function g(e) {
-		let t = a.value;
-		if (!t) return null;
-		let n = l.get(e);
-		if (!n) {
-			let t = u.value;
-			if (t.length === 0) return null;
-			let r = t.reduce((t, n) => Math.abs(n - e) < Math.abs(t - e) ? n : t);
-			if (n = l.get(r), !n) return null;
-		}
-		let r = t.getBoundingClientRect(), i = n.getBoundingClientRect();
-		return f.value ? i.top + i.height / 2 - r.top : i.left + i.width / 2 - r.left;
-	}
-	function _(e) {
-		let t = o.value, r = s.value, i = c.value, l = a.value;
-		if (!t || !r || !i || !l) return;
-		let u = f.value, d = w(n.value, "--pager-dot-size", 13), p = w(n.value, "--pager-dot-elongated", 36), m = e.hi - e.lo;
-		m > p && (m = p);
-		let g = (e.lo + e.hi) / 2, _ = g - m / 2, y = g + m / 2;
-		h.squish(p > 0 ? m / p : 0), l.style.setProperty("--stretch", h.stretch.value.toFixed(4)), t.style.translate = v(_, u), r.style.translate = v(y, u);
-		let b = d > 0 ? Math.max(m / d, 1e-4) : 1e-4;
-		i.style.translate = v(g, u), i.style.scale = u ? `${C.toFixed(4)} ${b.toFixed(4)}` : `${b.toFixed(4)} ${C.toFixed(4)}`, i.style.opacity = m > .5 ? "1" : "0";
-	}
-	function v(e, t) {
-		return t ? `0 ${e.toFixed(2)}px` : `${e.toFixed(2)}px 0`;
-	}
-	let y = i({ onFrame: _ });
-	function b() {
-		let e = g(p.value);
-		e != null && y.seat(e);
-	}
-	function S() {
-		let e = g(p.value);
-		e != null && y.drive(e);
-	}
-	x(p, () => {
-		d(S);
-	}), x(u, () => {
-		d(S);
-	}), r(n, () => {
-		d(b);
-	}), m(() => {
-		d(b);
-	});
-}
-//#endregion
-//#region src/components/pager-dots/PagerDots.vue?vue&type=script&setup=true&lang.ts
-var E = [
-	"role",
-	"aria-label",
-	"aria-orientation",
-	"data-orientation"
-], D = {
-	class: "pager-bed-layer",
-	"aria-hidden": "true"
-}, O = ["data-active", "data-edge"], k = [
-	"role",
-	"aria-selected",
-	"aria-current",
-	"aria-label",
-	"tabindex",
-	"data-active",
-	"data-edge",
-	"onClick"
-], A = /* @__PURE__ */ n(/* @__PURE__ */ l({
-	__name: "PagerDots",
-	props: /* @__PURE__ */ u({
-		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__ */ u(["select"], ["update:active"]),
-	setup(t, { emit: n }) {
-		let r = t, i = n, l = b(t, "active"), u = y().replace(/[^a-zA-Z0-9_-]/g, ""), m = `pager-worm-filter-${u}`, C = `pager-neck-clip-${u}`, w = g(null), A = g(null), j = g(null), M = g(null), N = g(null), P = /* @__PURE__ */ new Map();
-		function F(e, t) {
-			t ? P.set(e, t) : P.delete(e);
-		}
-		let I = /* @__PURE__ */ new Map();
-		function L(e, t) {
-			t ? I.set(e, t) : I.delete(e);
-		}
-		let R = o(() => r.orientation === "vertical"), z = o(() => r.windowFit && r.windowFit > 0 ? S(r.count, l.value, r.windowFit) : {
-			shown: Array.from({ length: Math.max(0, r.count) }, (e, t) => t),
-			clippedStart: !1,
-			clippedEnd: !1
-		}), B = o(() => z.value.shown);
-		T({
-			rootEl: w,
-			wormLayerEl: A,
-			bodyAEl: j,
-			bodyBEl: M,
-			neckEl: N,
-			bedDotEls: I,
-			shown: B,
-			vertical: R,
-			active: l
-		}), x(B, (e) => {
-			let t = w.value;
-			if (!t || !t.contains(document.activeElement)) return;
-			let n = document.activeElement;
-			e.some((e) => P.get(e) === n) || d(() => P.get(l.value)?.focus());
-		});
-		function V(e) {
-			l.value = e, i("select", e);
-		}
-		let H = o(() => {
-			let e = B.value;
-			return e.length === 0 ? -1 : e.includes(l.value) ? l.value : e[0];
-		});
-		function U(e) {
-			return e === H.value ? 0 : -1;
-		}
-		function W(e) {
-			V(e), d(() => P.get(e)?.focus());
-		}
-		function G(e, t) {
-			let n = r.count;
-			if (n !== 0) for (let r = 1; r <= n; r++) {
-				let i = (e + t * r + n * r) % n;
-				if (!P.get(i)?.disabled) {
-					W(i);
-					return;
-				}
-			}
-		}
-		function K(e) {
-			let t = r.count;
-			if (t === 0) return;
-			let n = e === "first" ? Array.from({ length: t }, (e, t) => t) : Array.from({ length: t }, (e, n) => t - 1 - n);
-			for (let e of n) if (!P.get(e)?.disabled) {
-				W(e);
-				return;
-			}
-		}
-		function q(e) {
-			let t = l.value, n = R.value ? "ArrowDown" : "ArrowRight", r = R.value ? "ArrowUp" : "ArrowLeft", i = !0;
-			switch (e.key) {
-				case n:
-					G(t, 1);
-					break;
-				case r:
-					G(t, -1);
-					break;
-				case "Home":
-					K("first");
-					break;
-				case "End":
-					K("last");
-					break;
-				default:
-					i = !1;
-					break;
-			}
-			i && (e.preventDefault(), e.stopPropagation());
-		}
-		return (n, i) => (h(), s("div", {
-			ref_key: "rootEl",
-			ref: w,
-			"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,
-			style: p({
-				"--pager-goo-filter": `url(#${m})`,
-				"--pager-neck-clip": `url(#${C})`
-			}),
-			onKeydown: q,
-			class: f(v(e)("pager-dots inline-flex items-center justify-center gap-1.5", t.ring && "glass-pager-ring", t.orientation === "vertical" && "flex-col", r.class))
-		}, [
-			c("svg", {
-				class: "pager-worm-defs",
-				width: "1",
-				height: "1",
-				"aria-hidden": "true",
-				focusable: "false"
-			}, [c("defs", null, [c("filter", {
-				id: m,
-				"color-interpolation-filters": "sRGB",
-				x: "-50%",
-				y: "-50%",
-				width: "200%",
-				height: "200%"
-			}, [...i[0] ||= [
-				c("feGaussianBlur", {
-					in: "SourceGraphic",
-					stdDeviation: "4",
-					result: "blur"
-				}, null, -1),
-				c("feColorMatrix", {
-					in: "blur",
-					mode: "matrix",
-					values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -6",
-					result: "goo"
-				}, null, -1),
-				c("feComposite", {
-					in: "SourceGraphic",
-					in2: "goo",
-					operator: "atop"
-				}, null, -1)
-			]]), c("clipPath", {
-				id: C,
-				clipPathUnits: "objectBoundingBox"
-			}, [...i[1] ||= [c("path", { d: "M0,0 C0.25,0 0.36,0.34 0.5,0.34 C0.64,0.34 0.75,0 1,0 L1,1 C0.75,1 0.64,0.66 0.5,0.66 C0.36,0.66 0.25,1 0,1 Z" }, null, -1)]])])]),
-			c("div", D, [(h(!0), s(a, null, _(B.value, (e) => (h(), s("span", {
-				key: e,
-				ref_for: !0,
-				ref: (t) => L(e, t),
-				class: "goo-dot",
-				"data-active": e === l.value ? "" : void 0,
-				"data-edge": e === B.value[0] && z.value.clippedStart || e === B.value[B.value.length - 1] && z.value.clippedEnd ? "" : void 0
-			}, null, 8, O))), 128))]),
-			c("div", {
-				ref_key: "wormLayerEl",
-				ref: A,
-				class: "pager-worm-layer",
-				"aria-hidden": "true"
-			}, [
-				c("span", {
-					ref_key: "bodyAEl",
-					ref: j,
-					class: "goo-body"
-				}, null, 512),
-				c("span", {
-					ref_key: "neckEl",
-					ref: N,
-					class: "goo-neck"
-				}, null, 512),
-				c("span", {
-					ref_key: "bodyBEl",
-					ref: M,
-					class: "goo-body"
-				}, null, 512)
-			], 512),
-			(h(!0), s(a, null, _(B.value, (e, n) => (h(), s("button", {
-				key: e,
-				ref_for: !0,
-				ref: (t) => F(e, t),
-				type: "button",
-				role: t.pattern === "group" ? void 0 : "tab",
-				"aria-selected": t.pattern === "group" ? void 0 : e === l.value,
-				"aria-current": t.pattern === "group" && e === l.value ? "true" : void 0,
-				"aria-label": `Go to slide ${e + 1}`,
-				tabindex: U(e),
-				"data-active": e === l.value ? "" : void 0,
-				"data-edge": n === 0 && z.value.clippedStart || n === B.value.length - 1 && z.value.clippedEnd ? "" : void 0,
-				"data-slot": "pager-dot",
-				class: "pager-dot focus-ring tap-squish",
-				onClick: (t) => V(e)
-			}, null, 8, k))), 128))
-		], 46, E));
-	}
-}), [["__scopeId", "data-v-6b12735a"]]);
-//#endregion
-export { S as n, A as t };

package/dist/Surface-BWRfwyn8.js

@@ -1,59 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useSurfaceAxis-DudiZVOR.js";
-import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { Primitive as u } from "reka-ui";
-//#endregion
-//#region src/components/surface/Surface.vue
-var d = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "Surface",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		deep: {
-			type: Boolean,
-			default: !1
-		},
-		shadow: {
-			type: Boolean,
-			default: !1
-		},
-		grain: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(i) {
-		let d = i, f = n(() => d.deep ? "glass-floating glass-deep" : `glass-${d.tier}`);
-		return (n, p) => (o(), r(c(u), a({
-			as: i.as,
-			"as-child": i.asChild,
-			"data-slot": "surface",
-			"data-tier": i.tier,
-			"data-surface": i.surface,
-			"data-grain": i.grain,
-			class: c(e)(f.value, c(t)(i.surface), i.shadow && i.surface !== "veil" && "shadow-card", !i.grain && "[&::after]:hidden", d.class)
-		}, n.$attrs), {
-			default: l(() => [s(n.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as",
-			"as-child",
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { d as t };

package/dist/accent-tone-solve-Dii9ePhK.js

@@ -1,20 +0,0 @@
-import { cssToOklch as e } from "./color.js";
-import { OKLCHColor as t, rawOklchToOklab as n, safeAccentColor as r } from "@mkbabb/value.js";
-//#region src/composables/color/accent-tone-solve.ts
-var i = "hsl(36 48% 97%)", a = 4.5, o = .18;
-function s(e, t, r) {
-	let [i] = n(e.L, e.C, e.h), [a] = n(t.L, t.C, t.h);
-	return i * (1 - r) + a * r;
-}
-function c(n, c = {}) {
-	let l = c.bandStrength ?? o, u = c.inkContrast ?? a, d = c.surface || i, f, p;
-	try {
-		f = e(n), p = e(d);
-	} catch {
-		return "";
-	}
-	let m = s(p, f, l);
-	return r(new t(f.L, f.C, f.h), m, u * .1).toString();
-}
-//#endregion
-export { c as solveAccentInk };

package/dist/animated-digit.d.ts

@@ -1 +0,0 @@
-export * from "./components/animated-digit";

package/dist/animated-digit.js

@@ -1,44 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./useAnimatedNumber-BRVVaFFc.js";
-import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
-//#region src/components/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
-var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({
-	__name: "AnimatedDigit",
-	props: {
-		value: {},
-		format: {},
-		placeholder: { default: "—" },
-		digitCount: {},
-		mode: { default: "absolute" },
-		damping: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let a = t, f = n(() => a.value ?? null, {
-			mode: a.mode,
-			damping: a.damping
-		}), p = r(() => {
-			if (a.value === null || a.value === void 0) return a.placeholder;
-			let e = f.current.value;
-			return a.format ? a.format(e) : String(Math.round(e));
-		}), m = r(() => {
-			if (typeof a.digitCount == "number") return a.digitCount;
-			let e = p.value;
-			return Math.max(1, e.replace(/[^\d]/g, "").length || e.length);
-		});
-		return (t, n) => (c(), i("span", {
-			class: o(u(e)("animated-digit tabular-nums", t.$props.class)),
-			style: s({ "--digit-count": String(m.value) }),
-			"data-is-animating": u(f).isAnimating.value ? "true" : "false"
-		}, l(p.value), 15, d));
-	}
-}), [["__scopeId", "data-v-30ebd230"]]);
-//#endregion
-export { f as AnimatedDigit };