@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/separator-CgZInrX-.js

@@ -1,75 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, openBlock as c, toDisplayString as l, unref as u, useAttrs as d, useId as f } from "vue";
-import { Separator as p } from "reka-ui";
-//#endregion
-//#region src/components/separator/Separator.vue
-var m = /*#__PURE__*/ t(/* @__PURE__ */ o({
-	inheritAttrs: !1,
-	__name: "Separator",
-	props: {
-		orientation: { default: "horizontal" },
-		decorative: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		label: {}
-	},
-	setup(t) {
-		let o = t, m = d(), h = `${f()}-label`, g = n(() => o.label?.trim()), _ = n(() => {
-			let { as: e, asChild: t, "as-child": n, ...r } = m;
-			return r;
-		}), v = n(() => {
-			let { class: e, label: t, ...n } = o;
-			return n;
-		}), y = n(() => {
-			let { role: e, "aria-orientation": t, "aria-label": n, "aria-labelledby": r, ...i } = _.value;
-			if (o.decorative) return {
-				...i,
-				role: "none",
-				"data-orientation": o.orientation
-			};
-			let a = typeof n == "string" && n.trim() ? n : void 0, s = typeof r == "string" && r.trim() ? r : a ? void 0 : h;
-			return {
-				...i,
-				role: "separator",
-				"data-orientation": o.orientation,
-				"aria-orientation": o.orientation === "vertical" ? "vertical" : void 0,
-				"aria-label": s ? void 0 : a,
-				"aria-labelledby": s
-			};
-		});
-		return (t, n) => g.value ? (c(), i("div", s({ key: 0 }, y.value, {
-			"data-slot": "separator",
-			class: u(e)("separator separator-labelled", o.class)
-		}), [
-			n[0] ||= a("span", {
-				class: "separator-segment",
-				"aria-hidden": "true"
-			}, null, -1),
-			a("span", {
-				id: h,
-				class: "separator-label"
-			}, l(g.value), 1),
-			n[1] ||= a("span", {
-				class: "separator-segment",
-				"aria-hidden": "true"
-			}, null, -1)
-		], 16)) : (c(), r(u(p), s({ key: 1 }, {
-			..._.value,
-			...v.value
-		}, {
-			"data-slot": "separator",
-			class: u(e)("separator", o.class)
-		}), null, 16, ["class"]));
-	}
-}), [["__scopeId", "data-v-13d05a1a"]]);
-//#endregion
-export { m as t };

package/dist/slider-DzqeQmMu.js

@@ -1,162 +0,0 @@
-import { t as e } from "./useMotionAxis-D-rtIhca.js";
-import { t } from "./useTouchGate-B4mzQcHJ.js";
-import { t as n } from "./useDragVelocity-6ONX0sr0.js";
-import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { i } from "./dockContext-BUTlGRNJ.js";
-import { n as a } from "./valueDomain-SbVzoHMH.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, renderList as v, unref as y, useAttrs as b, useTemplateRef as x, withCtx as S } from "vue";
-import { SliderRange as C, SliderRoot as w, SliderThumb as T, SliderTrack as E, useForwardPropsEmits as D } from "reka-ui";
-//#region src/components/dock/composables/useDockHold.ts
-function O(e, t = {}) {
-	let n = i(), r = t.enabled ?? (() => !0), a = !1;
-	function o() {
-		!r() || a || !n || (n.keepOpen(), a = !0);
-	}
-	function s() {
-		!a || !n || (n.release(), a = !1);
-	}
-	function c() {
-		s(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c));
-	}
-	function l() {
-		o(), !(typeof window > "u") && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c), window.addEventListener("blur", c));
-	}
-	let u = null;
-	return g(() => {
-		u = e(), u && (u.addEventListener("pointerdown", l), u.addEventListener("touchstart", l, { passive: !0 }));
-	}), h(() => {
-		u && (u.removeEventListener("pointerdown", l), u.removeEventListener("touchstart", l)), typeof window < "u" && (window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), window.removeEventListener("blur", c)), s();
-	}), { isHeld: n?.held };
-}
-//#endregion
-//#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var k = {
-	key: 0,
-	class: "slider-marks",
-	"aria-hidden": "true"
-}, A = /*#__PURE__*/ r(/* @__PURE__ */ f({
-	__name: "Slider",
-	props: {
-		modelValue: {},
-		defaultValue: {},
-		disabled: { type: Boolean },
-		orientation: {},
-		dir: {},
-		inverted: { type: Boolean },
-		min: {},
-		max: {},
-		step: {},
-		minStepsBetweenThumbs: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "standard" },
-		size: { default: "md" },
-		marks: {},
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		keepDockOpen: {
-			type: Boolean,
-			default: !0
-		},
-		motion: {},
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue", "valueCommit"],
-	setup(r, { emit: f }) {
-		let A = r, j = f, M = s(() => A.variant), N = s(() => A.size), P = s(() => A.keepDockOpen), F = s(() => a(A.marks, A.min ?? 0, A.max ?? 100)), I = D(s(() => {
-			let { class: e, variant: t, size: n, marks: r, invalid: i, keepDockOpen: a, motion: o, ...s } = A;
-			return {
-				...s,
-				thumbAlignment: "contain"
-			};
-		}), j), L = i(), R = x("sliderRootRef");
-		function z() {
-			let e = R.value;
-			return e ? e instanceof HTMLElement ? e : e.$el ?? null : null;
-		}
-		O(z, { enabled: () => P.value });
-		let B = e(() => A.motion);
-		n({
-			host: () => B.armed.value ? z() : null,
-			axis: () => A.orientation === "vertical" ? "y" : "x"
-		});
-		let V = t();
-		function H(e) {
-			let t = z(), n = e.touches[0];
-			!t || !n || V.handleTouchStart(t, n.clientY) || (e.preventDefault(), e.stopPropagation());
-		}
-		function U(e) {
-			V.handleScrollCheck(e);
-		}
-		function W() {
-			V.handleTouchEnd();
-		}
-		g(() => {
-			let e = z();
-			e && (e.addEventListener("touchstart", H, { passive: !1 }), e.addEventListener("touchmove", U, { passive: !0 }), e.addEventListener("touchend", W, { passive: !0 }));
-		}), h(() => {
-			let e = z();
-			e && (e.removeEventListener("touchstart", H), e.removeEventListener("touchmove", U), e.removeEventListener("touchend", W));
-		});
-		let G = s(() => L?.held.value === !0), K = s(() => V.isActive.value);
-		return b(), g(() => {}), (e, t) => (_(), c(y(w), p({
-			"data-slot": "slider",
-			ref_key: "sliderRootRef",
-			ref: R,
-			class: ["glass-slider", A.class],
-			"data-control-target": "",
-			"data-variant": M.value,
-			"data-size": N.value,
-			"data-invalid": A.invalid || void 0,
-			"data-held": G.value || void 0,
-			"data-touch-active": K.value || void 0,
-			"data-inverted": A.inverted || void 0,
-			"data-motion": y(B).dataMotion.value,
-			style: y(B).hostStyle.value
-		}, y(I)), {
-			default: S(({ modelValue: t }) => [d(y(E), { class: "slider-track" }, {
-				default: S(() => [F.value.length ? (_(), u("span", k, [(_(!0), u(o, null, v(F.value, (e) => (_(), u("span", {
-					key: e.value,
-					class: "slider-mark",
-					style: m({ "--value-mark-position": `${e.position * 100}%` })
-				}, null, 4))), 128))])) : l("", !0), d(y(C), { class: "slider-range glass-liquid-fill" })]),
-				_: 1
-			}), (_(!0), u(o, null, v(t, (t, n) => (_(), c(y(T), {
-				key: n,
-				"aria-label": e.$attrs["aria-label"] ?? void 0,
-				"aria-labelledby": e.$attrs["aria-labelledby"] ?? void 0,
-				"aria-describedby": e.$attrs["aria-describedby"] ?? void 0,
-				"aria-errormessage": e.$attrs["aria-errormessage"] ?? void 0,
-				"aria-invalid": A.invalid || void 0,
-				class: "slider-thumb glass-specular-track"
-			}, null, 8, [
-				"aria-label",
-				"aria-labelledby",
-				"aria-describedby",
-				"aria-errormessage",
-				"aria-invalid"
-			]))), 128))]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-variant",
-			"data-size",
-			"data-invalid",
-			"data-held",
-			"data-touch-active",
-			"data-inverted",
-			"data-motion",
-			"style"
-		]));
-	}
-}), [["__scopeId", "data-v-4f4cab01"]]);
-//#endregion
-export { A as t };

package/dist/springPresets-rCii5KqX.js

@@ -1,52 +0,0 @@
-//#region src/composables/motion/spring/springPresets.ts
-var e = [
-	{
-		name: "smooth",
-		response: .58,
-		dampingFraction: .8,
-		comment: "Patient entrances, fades, and scale-ins with a quiet sense of weight."
-	},
-	{
-		name: "snappy",
-		response: .48,
-		dampingFraction: .74,
-		comment: "Quick, weighty control movement for indicators, progress, and reveals."
-	},
-	{
-		name: "bouncy",
-		response: .6,
-		dampingFraction: .6,
-		comment: "Playful emphasis for dialogs, success moments, and the completion seal."
-	},
-	{
-		name: "gentle",
-		response: .82,
-		dampingFraction: 1,
-		comment: "A calm, patient arrival with no overshoot."
-	},
-	{
-		name: "dock",
-		response: .3,
-		dampingFraction: .82,
-		comment: "A brisk liquid morph for the dock and its coordinated contents."
-	},
-	{
-		name: "press",
-		response: .2,
-		dampingFraction: .8,
-		comment: "A responsive press with a subtle rebound and continuous interruption."
-	},
-	{
-		name: "transient",
-		response: .62,
-		dampingFraction: .9,
-		comment: "A centered materialize bloom for brief surfaces such as Toast."
-	}
-];
-function t(t) {
-	let n = e.find((e) => e.name === t);
-	if (!n) throw Error(`Unknown spring preset: ${t}`);
-	return n;
-}
-//#endregion
-export { t as n, e as t };

package/dist/styles/draw-in.css

@@ -1 +0,0 @@
-:root { --draw-in-duration: calc(0.52s * var(--motion-tempo)); } @keyframes draw-rule-in { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes draw-rule-wipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } } .draw-rule, [data-draw-in] { transform-origin: var(--draw-in-origin, left); transform: scaleX(1); } @media (prefers-reduced-motion: no-preference) { .draw-rule:not(.draw-rule--wipe), [data-draw-in]:not([data-draw-in="wipe"]) { transform: scaleX(0); animation: draw-rule-in var(--draw-in-duration) var(--ease-out-expo) var(--draw-in-delay, 0s) both; } .draw-rule--wipe, [data-draw-in="wipe"] { transform: none; clip-path: inset(0 100% 0 0); animation: draw-rule-wipe var(--draw-in-duration) var(--ease-out-expo) var(--draw-in-delay, 0s) both; } }

package/dist/styles/glass/accent-tone.css

@@ -1 +0,0 @@
-@layer components { .accent-tone { --accent-band-strength: 18%; --accent-edge-strength: 55%; --accent-band: color-mix( in oklab, var(--surface, var(--card)), var(--tone, var(--primary)) var(--accent-band-strength) ); --accent-edge: color-mix( in oklab, transparent, var(--tone, var(--primary)) var(--accent-edge-strength) ); --accent-ink: var(--accent-ink-resolved, var(--foreground)); } }

package/dist/styles/glass/grain-overlay.css

@@ -1 +0,0 @@
-@layer components { .glass-wash::after, .glass-quiet::after, .glass-resting::after, .glass-floating::after, .glass-overlay::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background-image: var(--paper-clean-texture); background-repeat: repeat; background-size: var(--paper-texture-size); opacity: var(--glass-grain-opacity); transition: opacity var(--glass-grain-engage-duration, 120ms) linear; pointer-events: none; mix-blend-mode: overlay; } @media (prefers-reduced-motion: reduce) { .glass-wash::after, .glass-quiet::after, .glass-resting::after, .glass-floating::after, .glass-overlay::after { transition: none; } } .dark .glass-wash::after, .dark .glass-quiet::after, .dark .glass-resting::after, .dark .glass-floating::after, .dark .glass-overlay::after { mix-blend-mode: soft-light; } }

package/dist/styles/glass/material-roles.css

@@ -1 +0,0 @@
-@layer components { [data-material="content"] { --surface-role-shadow: var(--shadow-sm); } [data-material="elevated"] { --surface-role-shadow: var(--shadow-card); } [data-material="functional"] { --surface-role-shadow: var(--shadow-dock); } [data-material="overlay"] { --surface-role-shadow: var(--shadow-modal); } [data-material][data-shadow] { box-shadow: var(--surface-role-shadow); } }

package/dist/styles/glass-refract.css

@@ -1 +0,0 @@
-@layer components { .glass-lens { --glass-refract-filter: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cfilter id=%27glass-refract%27 x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253ClinearGradient id=%2522hx%2522 x1=%25220%2522 y1=%25220%2522 x2=%2522100%2525%2522 y2=%25220%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(255,0,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(128,0,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253ClinearGradient id=%2522vy%2522 x1=%25220%2522 y1=%25220%2522 x2=%25220%2522 y2=%2522100%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgb(0,255,0)%2522/%253E%253Cstop offset=%252214%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%252286%2525%2522 stop-color=%2522rgb(0,128,0)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgb(0,0,0)%2522/%253E%253C/linearGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522black%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523hx)%2522/%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523vy)%2522 style=%2522mix-blend-mode:screen%2522/%253E%253C/svg%253E%27 result=%27map%27/%3E%3CfeDisplacementMap in=%27SourceGraphic%27 in2=%27map%27 scale=%2728%27 xChannelSelector=%27R%27 yChannelSelector=%27G%27 result=%27disp%27/%3E%3CfeImage href=%27data:image/svg+xml,%253Csvg xmlns=%2522http://www.w3.org/2000/svg%2522 width=%2522100%2522 height=%2522100%2522%253E%253CradialGradient id=%2522s%2522 cx=%252230%2525%2522 cy=%252225%2525%2522 r=%252260%2525%2522%253E%253Cstop offset=%25220%2525%2522 stop-color=%2522rgba(255,255,255,0.5)%2522/%253E%253Cstop offset=%2522100%2525%2522 stop-color=%2522rgba(255,255,255,0)%2522/%253E%253C/radialGradient%253E%253Crect width=%2522100%2522 height=%2522100%2522 fill=%2522url(%2523s)%2522/%253E%253C/svg%253E%27 result=%27spec%27/%3E%3CfeBlend in=%27disp%27 in2=%27spec%27 mode=%27screen%27/%3E%3C/filter%3E%3C/svg%3E%23glass-refract"); } @supports (backdrop-filter: url("#glass-refract")) { .glass-material.glass-lens, .glass-lens { -webkit-backdrop-filter: var( --glass-cell-backdrop-filter, var(--glass-blur-resting) var(--glass-refract-filter) ); backdrop-filter: var( --glass-cell-backdrop-filter, var(--glass-blur-resting) var(--glass-refract-filter) ); } } }

package/dist/styles/tokens/manifest.ts

@@ -1,56 +0,0 @@
-/** Public semantic override points, grouped by design responsibility. */
-export const tokenDomains = [
-    "color",
-    "material",
-    "type",
-    "space",
-    "radius",
-    "shadow",
-    "motion",
-    "interaction",
-] as const;
-
-export type TokenDomain = (typeof tokenDomains)[number];
-
-export const semanticTokens = {
-    color: [
-        "--background", "--foreground", "--primary", "--secondary",
-        "--muted", "--accent", "--destructive", "--border",
-    ],
-    material: [
-        "--glass-level", "--glass-depth", "--glass-accent", "--glass-accent-strength",
-        "--glass-opacity-quiet", "--glass-opacity-resting",
-        "--glass-opacity-floating", "--glass-opacity-overlay",
-    ],
-    type: [
-        "--font-stack-text", "--font-stack-display", "--font-stack-mono",
-        "--type-body", "--type-subheading", "--type-heading", "--type-title",
-        "--type-display-1",
-    ],
-    space: [
-        "--ui-scale", "--control-h-sm", "--control-h-md", "--control-h-lg",
-        "--overlay-pad-inline", "--overlay-pad-block", "--card-pad-inline",
-        "--card-pad-block",
-    ],
-    radius: [
-        "--radius", "--radius-sm", "--radius-xl", "--radius-2xl",
-        "--radius-pill", "--radius-card", "--radius-input", "--radius-button",
-    ],
-    shadow: [
-        "--shadow-sm", "--shadow-md", "--shadow-lg", "--shadow-xl",
-        "--shadow-card", "--shadow-dock", "--shadow-modal", "--focus-ring-shadow",
-    ],
-    motion: [
-        "--duration-fast", "--duration-normal", "--duration-slow",
-        "--spring-smooth", "--spring-snappy", "--spring-bouncy",
-        "--ease-standard", "--ease-out",
-    ],
-    interaction: [
-        "--touch-target", "--focus-ring-width", "--focus-ring-color",
-        "--opacity-disabled", "--scale-hover", "--scale-press",
-        "--glass-specular-intensity-rest", "--glass-specular-intensity-hover",
-        "--glass-specular-intensity-active",
-    ],
-} as const satisfies Record<TokenDomain, readonly `--${string}`[]>;
-
-export type SemanticToken = (typeof semanticTokens)[TokenDomain][number];

package/dist/styles/tokens.ts

@@ -1,54 +0,0 @@
-/**
- * Runtime design tokens — the JS/TS projection of glass-ui's CSS custom properties.
- *
- * CSS tokens in `src/styles/tokens.css` drive the rendered UI. Some contexts
- * (echarts configs, Canvas 2D, WebGL, canvas-rendered charts) cannot resolve
- * CSS variables at render time — they need literal numbers and strings.
- *
- * This module provides literal runtime values and the public semantic manifest.
- */
-
-/** Chart container heights (px). Match `--chart-height-*` in tokens.css. */
-export const chartHeights = {
-    compact: 240,
-    default: 360,
-    large: 400,
-} as const;
-
-/** Echarts grid margin (px). Matches `--chart-margin` in tokens.css. */
-export const chartMargin = 20;
-
-/**
- * Neutral divider colors for chart gridlines, axis ticks, overlays.
- * rgba literals — echarts / Canvas 2D can't parse CSS vars in color options.
- * Match `--color-divider-*` in tokens.css.
- */
-export const chartColors = {
-    dividerSubtle: "rgba(128, 128, 128, 0.05)",
-    dividerMedium: "rgba(128, 128, 128, 0.4)",
-    dividerStrong: "rgba(128, 128, 128, 0.7)",
-} as const;
-
-/** Default form-select minimum width (px). Matches `--input-min-width-sm`. */
-export const minWidthInputSm = 80;
-
-/**
- * Stagger increments (ms) for animation cascades driven from JS
- * (e.g. echarts `animationDelay: (idx) => idx * motionStagger.default`,
- * Vue inline-style binding) so the JS-driven cascade and CSS-driven
- * while CSS keeps only the default shared rung:
- *
- *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
- *                         results-table `:nth-child` delays)
- *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
- *                         entrance, useStaggerReveal default)
- *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
- *
- */
-export const motionStagger = {
-    tight: 40,
-    default: 80,
-    relaxed: 120,
-} as const;
-
-export * from "./tokens/manifest";

package/dist/switch-DZjQuFLa.js

@@ -1,54 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { computed as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, unref as c, withCtx as l } from "vue";
-import { SwitchRoot as u, SwitchThumb as d, useForwardPropsEmits as f } from "reka-ui";
-//#region src/components/switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var p = {
-	class: "switch__track glass-wash",
-	"aria-hidden": "true"
-}, m = /* @__PURE__ */ a({
-	__name: "Switch",
-	props: {
-		modelValue: { type: [Boolean, null] },
-		defaultValue: { type: Boolean },
-		disabled: { type: Boolean },
-		id: {},
-		value: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		size: { default: "md" },
-		invalid: {
-			type: Boolean,
-			default: !1
-		},
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(a, { emit: m }) {
-		let h = a, g = m, _ = f(t(() => {
-			let { class: e, size: t, invalid: n, ...r } = h;
-			return r;
-		}), g);
-		return (t, a) => (s(), n(c(u), o({ "data-slot": "switch" }, c(_), {
-			class: c(e)("switch tap-squish", h.class),
-			"data-size": h.size,
-			"data-invalid": h.invalid || void 0,
-			"aria-invalid": h.invalid || void 0
-		}), {
-			default: l(() => [r("span", p, [i(c(d), { class: "switch__thumb" })])]),
-			_: 1
-		}, 16, [
-			"class",
-			"data-size",
-			"data-invalid",
-			"aria-invalid"
-		]));
-	}
-});
-//#endregion
-export { m as t };

package/dist/toggle-group-O6jBo7AE.js

@@ -1,150 +0,0 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./selection-DqIULxRG.js";
-import { t as n } from "./createContext-BhkE9mLH.js";
-import { t as r } from "./primitive-B2t2jdqM.js";
-import { computed as i, createBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, withCtx as p } from "vue";
-import { ToggleGroupItem as m, ToggleGroupRoot as h } from "reka-ui";
-//#region src/components/toggle-group/toggleGroupContext.ts
-var g = n("glass-ui:toggle-group");
-g.KEY;
-function _(e) {
-	g.provide(e);
-}
-var v = g.use, y = [
-	"data-type",
-	"data-variant",
-	"data-size"
-], b = /* @__PURE__ */ s({
-	name: "ToggleGroup",
-	inheritAttrs: !1,
-	__name: "ToggleGroup",
-	props: {
-		type: {},
-		modelValue: {},
-		defaultValue: {},
-		rovingFocus: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		orientation: {},
-		dir: {},
-		loop: {
-			type: Boolean,
-			default: !0
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {},
-		size: {},
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(n, { emit: s }) {
-		let m = n, g = s, v = f(), b = i(() => r(v));
-		_({
-			get variant() {
-				return m.variant;
-			},
-			get size() {
-				return m.size;
-			}
-		});
-		function x(e, n) {
-			if (e !== void 0) {
-				if (m.type === "single" && t(e) || m.type === "multiple" && Array.isArray(e) && e.every(t)) return e;
-				throw TypeError(`[glass-ui] ToggleGroup type="${m.type}" received an invalid ${n}.`);
-			}
-		}
-		function S(e) {
-			if (m.type === "single" && (e === void 0 || t(e)) || m.type === "multiple" && Array.isArray(e) && e.every(t)) return e;
-			throw TypeError(`[glass-ui] ToggleGroup type="${m.type}" emitted an invalid selection model.`);
-		}
-		function C(e) {
-			g("update:modelValue", S(e));
-		}
-		return (t, r) => (l(), a(d(h), {
-			"as-child": "",
-			type: n.type,
-			"model-value": x(n.modelValue, "modelValue"),
-			"default-value": x(n.defaultValue, "defaultValue"),
-			name: n.name,
-			required: n.required,
-			"roving-focus": n.rovingFocus,
-			disabled: n.disabled,
-			orientation: n.orientation,
-			dir: n.dir,
-			loop: n.loop,
-			"onUpdate:modelValue": C
-		}, {
-			default: p(({ modelValue: n }) => [o("div", c(b.value, {
-				"data-slot": "toggle-group",
-				"data-type": m.type,
-				"data-variant": m.variant || "default",
-				"data-size": m.size || "md",
-				class: d(e)("toggle-group", m.class)
-			}), [u(t.$slots, "default", { modelValue: S(n) })], 16, y)]),
-			_: 3
-		}, 8, [
-			"type",
-			"model-value",
-			"default-value",
-			"name",
-			"required",
-			"roving-focus",
-			"disabled",
-			"orientation",
-			"dir",
-			"loop"
-		]));
-	}
-}), x = /* @__PURE__ */ s({
-	name: "ToggleGroupItem",
-	inheritAttrs: !1,
-	__name: "ToggleGroupItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: {},
-		size: {}
-	},
-	setup(t) {
-		let n = t, o = f(), s = i(() => r(o)), h = v(), g = i(() => h?.variant ?? n.variant ?? "default"), _ = i(() => h?.size ?? n.size ?? "md");
-		return (t, r) => (l(), a(d(m), c(s.value, {
-			as: "button",
-			value: n.value,
-			disabled: n.disabled,
-			"data-slot": "toggle-group-item",
-			"data-variant": g.value,
-			"data-size": _.value,
-			class: d(e)("toggle-group__item tap-squish focus-ring", n.class)
-		}), {
-			default: p(() => [u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"value",
-			"disabled",
-			"data-variant",
-			"data-size",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { b as n, x as t };