@mkbabb/glass-ui 6.0.0 → 7.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/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/badge-C0C-rTBu.js

@@ -1,80 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { createCommentVNode as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o, unref as s } from "vue";
-import { cva as c } from "class-variance-authority";
-//#region src/components/badge/Badge.vue?vue&type=script&setup=true&lang.ts
-var l = [
-	"data-variant",
-	"data-tone",
-	"data-size",
-	"data-surface",
-	"data-cast"
-], u = {
-	key: 0,
-	class: "cartoon-cast",
-	"aria-hidden": "true"
-}, d = /* @__PURE__ */ r({
-	__name: "Badge",
-	props: {
-		variant: {},
-		tone: {},
-		size: {},
-		surface: {},
-		cast: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let c = r;
-		return (d, p) => (a(), n("div", {
-			"data-slot": "badge",
-			"data-variant": r.variant,
-			"data-tone": r.tone,
-			"data-size": r.size,
-			"data-surface": r.surface === "glass" ? "glass" : void 0,
-			"data-cast": r.cast ? "" : void 0,
-			class: i(s(e)(s(f)({
-				variant: r.variant,
-				tone: r.tone,
-				size: r.size,
-				surface: r.surface
-			}), c.class))
-		}, [r.cast ? (a(), n("span", u)) : t("", !0), o(d.$slots, "default")], 10, l));
-	}
-}), f = c("badge-atom focus-ring inline-flex items-center gap-1.5 rounded-badge font-semibold transition-control wrap-anywhere [&_svg:not([class*=size-])]:size-(--ui-glyph-sm) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
-	variants: {
-		variant: {
-			default: "bg-primary text-primary-foreground hover:bg-primary/80",
-			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-			outline: "badge-atom--outline text-foreground"
-		},
-		tone: {
-			neutral: "",
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 dark:bg-[hsl(0_70%_45%)] dark:hover:bg-[hsl(0_70%_45%)]/85",
-			success: "bg-success text-success-foreground hover:bg-success/80",
-			warning: "bg-warning text-warning-foreground hover:bg-warning/80",
-			info: "bg-info text-info-foreground hover:bg-info/80"
-		},
-		size: {
-			sm: "text-[length:var(--control-text-sm)] leading-[1.1] px-2 py-0.5",
-			md: "text-[length:var(--control-text)] leading-[1.1] px-2.5 py-1",
-			lg: "text-[length:calc(var(--type-body)*var(--ui-scale))] leading-[1.1] px-3 py-1.5"
-		},
-		surface: {
-			loud: "",
-			glass: "badge-atom--glass glass-capsule glass-atom"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		tone: "neutral",
-		size: "md",
-		surface: "loud"
-	}
-});
-//#endregion
-export { d as n, f as t };

package/dist/button-32mg6xA8.js

@@ -1,194 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useLiquidPress-BYcwwGQV.js";
-import { t as n } from "./vSpecular-CQFmLNzA.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f, withDirectives as p } from "vue";
-import { Primitive as m } from "reka-ui";
-import { cva as h } from "class-variance-authority";
-//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
-var g = {
-	key: 0,
-	class: "cartoon-cast",
-	"aria-hidden": "true"
-}, _ = /* @__PURE__ */ s({
-	__name: "Button",
-	props: {
-		variant: {},
-		size: {},
-		tone: {},
-		iconOnly: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: {},
-		liquid: { type: Boolean },
-		punch: { type: Boolean },
-		type: {},
-		disabled: { type: [Boolean, String] },
-		loading: { type: Boolean },
-		asChild: { type: Boolean },
-		as: { default: "button" }
-	},
-	setup(s) {
-		let h = s, _ = r(() => h.loading === !0 || h.disabled === !0 || h.disabled === "true"), y = r(() => ({
-			type: h.type ?? (!h.asChild && h.as === "button" ? "button" : void 0),
-			disabled: _.value
-		})), b = r(() => {
-			if (h.surface === "veil") return "veil-surface";
-			if (h.surface === "opaque") return "glass-opaque";
-		}), x = new Set(["primary-audacious", "gold-audacious"]), S = r(() => h.punch === !0 || x.has(h.variant ?? "default")), C = r(() => S.value ? "btn-punch" : void 0), w = t({
-			disabled: () => _.value,
-			pressVar: "--glass-btn-press-t",
-			maxStretch: () => S.value ? 1.09 : 1.04
-		}), T = new Set([
-			"default",
-			"glass",
-			"glass-wash",
-			"primary-audacious",
-			"gold-audacious",
-			"outline",
-			"secondary",
-			"accent",
-			"ai"
-		]), E = r(() => T.has(h.variant ?? "default")), D = r(() => ({
-			...w.pressStyle.value,
-			...S.value ? { "--cartoon-press-t": w.value.value.toFixed(4) } : {}
-		})), O = r(() => h.liquid ? "glass-lens" : void 0);
-		return (t, r) => p((l(), i(d(m), c({
-			as: s.as,
-			"as-child": s.asChild,
-			"data-slot": "button",
-			"data-variant": s.variant,
-			"data-size": s.size,
-			"data-tone": s.tone,
-			"data-icon-only": s.iconOnly || void 0,
-			"data-surface": s.surface,
-			"data-loading": s.loading || void 0,
-			"data-press-armed": d(w).armed ? "" : void 0,
-			"aria-busy": s.loading || void 0
-		}, y.value, {
-			class: d(e)(d(v)({
-				variant: s.variant,
-				size: s.size,
-				iconOnly: s.iconOnly,
-				tone: s.tone
-			}), b.value, O.value, C.value, h.class),
-			style: D.value,
-			onPointerdown: d(w).handlers.onPointerdown,
-			onPointerup: d(w).handlers.onPointerup,
-			onPointercancel: d(w).handlers.onPointercancel,
-			onPointerleave: d(w).handlers.onPointerleave,
-			onPointerenter: d(w).handlers.onPointerenter,
-			onKeydown: d(w).handlers.onKeydown,
-			onKeyup: d(w).handlers.onKeyup,
-			onBlur: d(w).handlers.onBlur
-		}), {
-			default: f(() => [S.value ? (l(), o("span", g)) : a("", !0), u(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as",
-			"as-child",
-			"data-variant",
-			"data-size",
-			"data-tone",
-			"data-icon-only",
-			"data-surface",
-			"data-loading",
-			"data-press-armed",
-			"aria-busy",
-			"class",
-			"style",
-			"onPointerdown",
-			"onPointerup",
-			"onPointercancel",
-			"onPointerleave",
-			"onPointerenter",
-			"onKeydown",
-			"onKeyup",
-			"onBlur"
-		])), [[d(n), E.value]]);
-	}
-}), v = h("btn-pill tap-squish focus-ring whitespace-nowrap text-[length:var(--control-text)] font-medium cursor-pointer [--scale-press:var(--scale-press-btn)] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled [&_svg:not([class*=size-])]:size-(--ui-glyph) [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
-	variants: {
-		variant: {
-			default: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground",
-			"primary-audacious": "glass-wash btn-glass glass-deep glass-capsule glass-capsule-hover btn-punch text-foreground",
-			"gold-audacious": "glass-wash btn-glass glass-capsule glass-capsule-hover btn-punch text-foreground [--glass-accent:var(--color-gold)] [--glass-accent-strength:32%]",
-			outline: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground border-(--glass-border-floating) [--glass-capsule-fill:var(--glass-bg-quiet-tinted)]",
-			secondary: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground [--glass-capsule-fill:var(--glass-bg-quiet-tinted)]",
-			accent: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground border-(--glass-border-resting) [--glass-capsule-fill:var(--glass-bg-quiet-tinted)]",
-			ghost: "glass-capsule-hover bg-transparent text-foreground/70 hover:bg-foreground/8 hover:text-foreground active:bg-foreground/12 aria-pressed:bg-foreground/10 aria-pressed:text-foreground",
-			glass: "glass-wash btn-glass glass-capsule glass-capsule-hover text-foreground",
-			"glass-wash": "glass-wash btn-glass text-foreground/70 hover:bg-foreground/[0.04] hover:border-(--surface-tint-22) hover:text-foreground active:bg-foreground/[0.08] aria-pressed:bg-foreground/[0.1] aria-pressed:text-foreground",
-			ai: "glass-wash btn-glass glass-capsule glass-capsule-hover text-(--accent-ai-ink) [--glass-accent:oklch(0.78_0.14_75)] [--glass-accent-strength:34%]",
-			link: "text-primary underline-offset-4 hover:underline active:opacity-80 [--scale-press:1]"
-		},
-		size: {
-			xs: "h-(--control-h-xs)",
-			sm: "h-(--control-h-sm)",
-			md: "h-(--control-h-md)",
-			lg: "h-(--control-h-lg)"
-		},
-		iconOnly: {
-			true: "p-0",
-			false: ""
-		},
-		tone: {
-			neutral: "",
-			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 active:bg-destructive/80 aria-pressed:bg-destructive/85"
-		}
-	},
-	compoundVariants: [
-		{
-			iconOnly: !1,
-			size: "xs",
-			class: "rounded-pill px-2 text-[length:var(--control-text-sm)]"
-		},
-		{
-			iconOnly: !1,
-			size: "sm",
-			class: "rounded-pill px-3"
-		},
-		{
-			iconOnly: !1,
-			size: "md",
-			class: "px-4 py-2 has-[>svg]:px-3"
-		},
-		{
-			iconOnly: !1,
-			size: "lg",
-			class: "rounded-pill px-8 has-[>svg]:px-5"
-		},
-		{
-			iconOnly: !0,
-			size: "xs",
-			class: "w-(--control-h-xs)"
-		},
-		{
-			iconOnly: !0,
-			size: "sm",
-			class: "w-(--control-h-sm)"
-		},
-		{
-			iconOnly: !0,
-			size: "md",
-			class: "w-(--control-h-md)"
-		},
-		{
-			iconOnly: !0,
-			size: "lg",
-			class: "w-(--control-h-lg)"
-		}
-	],
-	defaultVariants: {
-		variant: "default",
-		size: "md",
-		iconOnly: !1,
-		tone: "neutral"
-	}
-});
-//#endregion
-export { _ as n, v as t };