@glasshome/ui 1.2.0 → 1.3.0

package/dist/{utils-C2Qf83PT.js → utils-B020EZLJ.js}

@@ -203,39 +203,39 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		sub: "text-3xl",
 		gap: "gap-2"
 	}
-}, fe = "inline-flex items-end", pe = "flex flex-col gap-0.5", me = "shrink-0", he = "whitespace-nowrap font-bold leading-none tracking-tight", ge = "font-bold text-primary uppercase leading-none tracking-[0.18em]", _e = "glass [--glass-base:var(--popover)] [--glass-rim:0.3] [--glass-lift:0.55]", ve = "bg-background/70 backdrop-blur-sm", ye = "rounded-[var(--radius)]", be = "rounded-[max(0px,calc(var(--radius)-0.75rem))]", xe = "p-3", Se = `${`${be} border border-border/60 bg-card/60`} p-3`, Ce = (e, t) => {
+}, fe = "inline-flex items-end", pe = "flex flex-col gap-0.5", me = "shrink-0", he = "whitespace-nowrap font-bold leading-none tracking-tight", ge = "font-bold text-primary uppercase leading-none tracking-[0.18em]", _e = "glass [--glass-rim:1] [--glass-lift:0.6] [--glass-light:0.05] [--glass-edge:color-mix(in_srgb,var(--border)_90%,transparent)]", ve = "backdrop-blur-[var(--glass-blur,20px)] backdrop-saturate-[1.6]", ye = `${_e} [--glass-base:color-mix(in_srgb,var(--popover)_75%,transparent)]`, be = `${ye} ${ve}`, xe = `${_e} [--glass-base:var(--popover)]`, Se = "bg-background/70 backdrop-blur-md", Ce = "rounded-[var(--radius)]", we = "rounded-[max(0px,calc(var(--radius)-0.75rem))]", Te = "p-3", Ee = `${`${we} border border-border/60 bg-card/60`} p-3`, De = (e, t) => {
 	let n = Array(e.length + t.length);
 	for (let t = 0; t < e.length; t++) n[t] = e[t];
 	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
 	return n;
-}, we = (e, t) => ({
+}, Oe = (e, t) => ({
 	classGroupId: e,
 	validator: t
-}), Te = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+}), ke = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
 	nextPart: e,
 	validators: t,
 	classGroupId: n
-}), V = "-", Ee = [], De = "arbitrary..", Oe = (e) => {
-	let t = je(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
+}), V = "-", Ae = [], je = "arbitrary..", Me = (e) => {
+	let t = Fe(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
-			if (e.startsWith("[") && e.endsWith("]")) return Ae(e);
+			if (e.startsWith("[") && e.endsWith("]")) return Pe(e);
 			let n = e.split(V);
-			return ke(n, +(n[0] === "" && n.length > 1), t);
+			return Ne(n, +(n[0] === "" && n.length > 1), t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
 			if (t) {
 				let t = r[e], i = n[e];
-				return t ? i ? Ce(i, t) : t : i || Ee;
+				return t ? i ? De(i, t) : t : i || Ae;
 			}
-			return n[e] || Ee;
+			return n[e] || Ae;
 		}
 	};
-}, ke = (e, t, n) => {
+}, Ne = (e, t, n) => {
 	if (e.length - t === 0) return n.classGroupId;
 	let r = e[t], i = n.nextPart.get(r);
 	if (i) {
-		let n = ke(e, t + 1, i);
+		let n = Ne(e, t + 1, i);
 		if (n) return n;
 	}
 	let a = n.validators;
@@ -245,58 +245,58 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		let t = a[e];
 		if (t.validator(o)) return t.classGroupId;
 	}
-}, Ae = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, Pe = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
 	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
-	return r ? De + r : void 0;
-})(), je = (e) => {
+	return r ? je + r : void 0;
+})(), Fe = (e) => {
 	let { theme: t, classGroups: n } = e;
-	return Me(n, t);
-}, Me = (e, t) => {
-	let n = Te();
+	return Ie(n, t);
+}, Ie = (e, t) => {
+	let n = ke();
 	for (let r in e) {
 		let i = e[r];
-		Ne(i, n, r, t);
+		Le(i, n, r, t);
 	}
 	return n;
-}, Ne = (e, t, n, r) => {
+}, Le = (e, t, n, r) => {
 	let i = e.length;
 	for (let a = 0; a < i; a++) {
 		let i = e[a];
-		Pe(i, t, n, r);
+		Re(i, t, n, r);
 	}
-}, Pe = (e, t, n, r) => {
+}, Re = (e, t, n, r) => {
 	if (typeof e == "string") {
-		Fe(e, t, n);
+		ze(e, t, n);
 		return;
 	}
 	if (typeof e == "function") {
-		Ie(e, t, n, r);
+		Be(e, t, n, r);
 		return;
 	}
-	Le(e, t, n, r);
-}, Fe = (e, t, n) => {
-	let r = e === "" ? t : Re(t, e);
+	Ve(e, t, n, r);
+}, ze = (e, t, n) => {
+	let r = e === "" ? t : He(t, e);
 	r.classGroupId = n;
-}, Ie = (e, t, n, r) => {
-	if (ze(e)) {
-		Ne(e(r), t, n, r);
+}, Be = (e, t, n, r) => {
+	if (Ue(e)) {
+		Le(e(r), t, n, r);
 		return;
 	}
-	t.validators === null && (t.validators = []), t.validators.push(we(n, e));
-}, Le = (e, t, n, r) => {
+	t.validators === null && (t.validators = []), t.validators.push(Oe(n, e));
+}, Ve = (e, t, n, r) => {
 	let i = Object.entries(e), a = i.length;
 	for (let e = 0; e < a; e++) {
 		let [a, o] = i[e];
-		Ne(o, Re(t, a), n, r);
+		Le(o, He(t, a), n, r);
 	}
-}, Re = (e, t) => {
+}, He = (e, t) => {
 	let n = e, r = t.split(V), i = r.length;
 	for (let e = 0; e < i; e++) {
 		let t = r[e], i = n.nextPart.get(t);
-		i || (i = Te(), n.nextPart.set(t, i)), n = i;
+		i || (i = ke(), n.nextPart.set(t, i)), n = i;
 	}
 	return n;
-}, ze = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Be = (e) => {
+}, Ue = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, We = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -314,19 +314,19 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			e in n ? n[e] = t : i(e, t);
 		}
 	};
-}, Ve = "!", He = ":", Ue = [], We = (e, t, n, r, i) => ({
+}, Ge = "!", Ke = ":", qe = [], Je = (e, t, n, r, i) => ({
 	modifiers: e,
 	hasImportantModifier: t,
 	baseClassName: n,
 	maybePostfixModifierPosition: r,
 	isExternal: i
-}), Ge = (e) => {
+}), Ye = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
 		let t = [], n = 0, r = 0, i = 0, a, o = e.length;
 		for (let s = 0; s < o; s++) {
 			let o = e[s];
 			if (n === 0 && r === 0) {
-				if (o === He) {
+				if (o === Ke) {
 					t.push(e.slice(i, s)), i = s + 1;
 					continue;
 				}
@@ -338,13 +338,13 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			o === "[" ? n++ : o === "]" ? n-- : o === "(" ? r++ : o === ")" && r--;
 		}
 		let s = t.length === 0 ? e : e.slice(i), c = s, l = !1;
-		s.endsWith(Ve) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Ve) && (c = s.slice(1), l = !0);
+		s.endsWith(Ge) ? (c = s.slice(0, -1), l = !0) : s.startsWith(Ge) && (c = s.slice(1), l = !0);
 		let u = a && a > i ? a - i : void 0;
-		return We(t, l, c, u);
+		return Je(t, l, c, u);
 	};
 	if (t) {
-		let e = t + He, n = r;
-		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : We(Ue, !1, t, void 0, !0);
+		let e = t + Ke, n = r;
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : Je(qe, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -354,7 +354,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		});
 	}
 	return r;
-}, Ke = (e) => {
+}, Xe = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	return e.orderSensitiveModifiers.forEach((e, n) => {
 		t.set(e, 1e6 + n);
@@ -366,18 +366,18 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		}
 		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
-}, qe = (e) => ({
-	cache: Be(e.cacheSize),
-	parseClassName: Ge(e),
-	sortModifiers: Ke(e),
-	postfixLookupClassGroupIds: Je(e),
-	...Oe(e)
-}), Je = (e) => {
+}, Ze = (e) => ({
+	cache: We(e.cacheSize),
+	parseClassName: Ye(e),
+	sortModifiers: Xe(e),
+	postfixLookupClassGroupIds: Qe(e),
+	...Me(e)
+}), Qe = (e) => {
 	let t = Object.create(null), n = e.postfixLookupClassGroups;
 	if (n) for (let e = 0; e < n.length; e++) t[n[e]] = !0;
 	return t;
-}, Ye = /\s+/, Xe = (e, t) => {
-	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split(Ye), l = "";
+}, $e = /\s+/, et = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i, sortModifiers: a, postfixLookupClassGroupIds: o } = t, s = [], c = e.trim().split($e), l = "";
 	for (let e = c.length - 1; e >= 0; --e) {
 		let t = c[e], { isExternal: u, modifiers: d, hasImportantModifier: f, baseClassName: p, maybePostfixModifierPosition: m } = n(t);
 		if (u) {
@@ -401,7 +401,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			}
 			h = !1;
 		}
-		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), ee = f ? _ + Ve : _, v = ee + g;
+		let _ = d.length === 0 ? "" : d.length === 1 ? d[0] : a(d).join(":"), ee = f ? _ + Ge : _, v = ee + g;
 		if (s.indexOf(v) > -1) continue;
 		s.push(v);
 		let y = i(g, h);
@@ -412,33 +412,33 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		l = t + (l.length > 0 ? " " + l : l);
 	}
 	return l;
-}, Ze = (...e) => {
+}, tt = (...e) => {
 	let t = 0, n, r, i = "";
-	for (; t < e.length;) (n = e[t++]) && (r = Qe(n)) && (i && (i += " "), i += r);
+	for (; t < e.length;) (n = e[t++]) && (r = nt(n)) && (i && (i += " "), i += r);
 	return i;
-}, Qe = (e) => {
+}, nt = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
-	for (let r = 0; r < e.length; r++) e[r] && (t = Qe(e[r])) && (n && (n += " "), n += t);
+	for (let r = 0; r < e.length; r++) e[r] && (t = nt(e[r])) && (n && (n += " "), n += t);
 	return n;
-}, $e = (e, ...t) => {
-	let n, r, i, a, o = (o) => (n = qe(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
+}, rt = (e, ...t) => {
+	let n, r, i, a, o = (o) => (n = Ze(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o)), s = (e) => {
 		let t = r(e);
 		if (t) return t;
-		let a = Xe(e, n);
+		let a = et(e, n);
 		return i(e, a), a;
 	};
-	return a = o, (...e) => a(Ze(...e));
-}, et = [], H = (e) => {
-	let t = (t) => t[e] || et;
+	return a = o, (...e) => a(tt(...e));
+}, it = [], H = (e) => {
+	let t = (t) => t[e] || it;
 	return t.isThemeGetter = !0, t;
-}, tt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, nt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, rt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, it = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, at = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ot = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, st = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ct = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => rt.test(e), W = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => !!e && Number.isInteger(Number(e)), lt = (e) => e.endsWith("%") && W(e.slice(0, -1)), K = (e) => it.test(e), ut = () => !0, dt = (e) => at.test(e) && !ot.test(e), ft = () => !1, pt = (e) => st.test(e), mt = (e) => ct.test(e), ht = (e) => !q(e) && !X(e), gt = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), _t = (e) => Q(e, jt, ft), q = (e) => tt.test(e), J = (e) => Q(e, Mt, dt), vt = (e) => Q(e, Nt, W), yt = (e) => Q(e, Ft, ut), bt = (e) => Q(e, Pt, ft), xt = (e) => Q(e, kt, ft), St = (e) => Q(e, At, mt), Y = (e) => Q(e, It, pt), X = (e) => nt.test(e), Z = (e) => $(e, Mt), Ct = (e) => $(e, Pt), wt = (e) => $(e, kt), Tt = (e) => $(e, jt), Et = (e) => $(e, At), Dt = (e) => $(e, It, !0), Ot = (e) => $(e, Ft, !0), Q = (e, t, n) => {
-	let r = tt.exec(e);
+}, at = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ot = /^\((?:(\w[\w-]*):)?(.+)\)$/i, st = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ut = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, dt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ft = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => st.test(e), W = (e) => !!e && !Number.isNaN(Number(e)), G = (e) => !!e && Number.isInteger(Number(e)), pt = (e) => e.endsWith("%") && W(e.slice(0, -1)), K = (e) => ct.test(e), mt = () => !0, ht = (e) => lt.test(e) && !ut.test(e), gt = () => !1, _t = (e) => dt.test(e), vt = (e) => ft.test(e), yt = (e) => !q(e) && !X(e), bt = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), xt = (e) => Q(e, Ft, gt), q = (e) => at.test(e), J = (e) => Q(e, It, ht), St = (e) => Q(e, Lt, W), Ct = (e) => Q(e, zt, mt), wt = (e) => Q(e, Rt, gt), Tt = (e) => Q(e, Nt, gt), Et = (e) => Q(e, Pt, vt), Y = (e) => Q(e, Bt, _t), X = (e) => ot.test(e), Z = (e) => $(e, It), Dt = (e) => $(e, Rt), Ot = (e) => $(e, Nt), kt = (e) => $(e, Ft), At = (e) => $(e, Pt), jt = (e) => $(e, Bt, !0), Mt = (e) => $(e, zt, !0), Q = (e, t, n) => {
+	let r = at.exec(e);
 	return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
 }, $ = (e, t, n = !1) => {
-	let r = nt.exec(e);
+	let r = ot.exec(e);
 	return r ? r[1] ? t(r[1]) : n : !1;
-}, kt = (e) => e === "position" || e === "percentage", At = (e) => e === "image" || e === "url", jt = (e) => e === "length" || e === "size" || e === "bg-size", Mt = (e) => e === "length", Nt = (e) => e === "number", Pt = (e) => e === "family-name", Ft = (e) => e === "number" || e === "weight", It = (e) => e === "shadow", Lt = /*#__PURE__*/ $e(() => {
+}, Nt = (e) => e === "position" || e === "percentage", Pt = (e) => e === "image" || e === "url", Ft = (e) => e === "length" || e === "size" || e === "bg-size", It = (e) => e === "length", Lt = (e) => e === "number", Rt = (e) => e === "family-name", zt = (e) => e === "number" || e === "weight", Bt = (e) => e === "shadow", Vt = /*#__PURE__*/ rt(() => {
 	let e = H("color"), t = H("font"), n = H("text"), r = H("font-weight"), i = H("tracking"), a = H("leading"), o = H("breakpoint"), s = H("container"), c = H("spacing"), l = H("radius"), u = H("shadow"), d = H("inset-shadow"), f = H("text-shadow"), p = H("drop-shadow"), m = H("blur"), h = H("perspective"), g = H("aspect"), _ = H("ease"), ee = H("animate"), v = () => [
 		"auto",
 		"avoid",
@@ -575,8 +575,8 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		q
 	], ae = () => [
 		...y(),
-		wt,
-		xt,
+		Ot,
+		Tt,
 		{ position: [X, q] }
 	], oe = () => ["no-repeat", { repeat: [
 		"",
@@ -588,11 +588,11 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		"auto",
 		"cover",
 		"contain",
-		Tt,
-		_t,
+		kt,
+		xt,
 		{ size: [X, q] }
 	], M = () => [
-		lt,
+		pt,
 		Z,
 		J
 	], N = () => [
@@ -631,9 +631,9 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 		"luminosity"
 	], I = () => [
 		W,
-		lt,
-		wt,
-		xt
+		pt,
+		Ot,
+		Tt
 	], le = () => [
 		"",
 		"none",
@@ -671,7 +671,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			aspect: ["video"],
 			blur: [K],
 			breakpoint: [K],
-			color: [ut],
+			color: [mt],
 			container: [K],
 			"drop-shadow": [K],
 			ease: [
@@ -679,7 +679,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				"out",
 				"in-out"
 			],
-			font: [ht],
+			font: [yt],
 			"font-weight": [
 				"thin",
 				"extralight",
@@ -739,7 +739,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				X,
 				q
 			] }],
-			"container-named": [gt],
+			"container-named": [bt],
 			columns: [{ columns: [
 				W,
 				q,
@@ -1002,8 +1002,8 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			"font-style": ["italic", "not-italic"],
 			"font-weight": [{ font: [
 				r,
-				Ot,
-				yt
+				Mt,
+				Ct
 			] }],
 			"font-stretch": [{ "font-stretch": [
 				"ultra-condensed",
@@ -1015,12 +1015,12 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				"expanded",
 				"extra-expanded",
 				"ultra-expanded",
-				lt,
+				pt,
 				q
 			] }],
 			"font-family": [{ font: [
-				Ct,
-				bt,
+				Dt,
+				wt,
 				t
 			] }],
 			"font-features": [{ "font-features": [q] }],
@@ -1039,7 +1039,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				W,
 				"none",
 				X,
-				vt
+				St
 			] }],
 			leading: [{ leading: [a, ...S()] }],
 			"list-image": [{ "list-image": [
@@ -1198,8 +1198,8 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 						q
 					]
 				},
-				Et,
-				St
+				At,
+				Et
 			] }],
 			"bg-color": [{ bg: j() }],
 			"gradient-from-pos": [{ from: M() }],
@@ -1281,14 +1281,14 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				"",
 				"none",
 				u,
-				Dt,
+				jt,
 				Y
 			] }],
 			"shadow-color": [{ shadow: j() }],
 			"inset-shadow": [{ "inset-shadow": [
 				"none",
 				d,
-				Dt,
+				jt,
 				Y
 			] }],
 			"inset-shadow-color": [{ "inset-shadow": j() }],
@@ -1302,7 +1302,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 			"text-shadow": [{ "text-shadow": [
 				"none",
 				f,
-				Dt,
+				jt,
 				Y
 			] }],
 			"text-shadow-color": [{ "text-shadow": j() }],
@@ -1419,7 +1419,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				"",
 				"none",
 				p,
-				Dt,
+				jt,
 				Y
 			] }],
 			"drop-shadow-color": [{ "drop-shadow": j() }],
@@ -1725,7 +1725,7 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 				W,
 				Z,
 				J,
-				vt
+				St
 			] }],
 			stroke: [{ stroke: ["none", ...j()] }],
 			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
@@ -1916,8 +1916,8 @@ var I = "glass glass-sink [--glass-base:var(--field)] [--glass-edge:var(--field-
 });
 //#endregion
 //#region src/lib/utils.ts
-function Rt(...e) {
-	return Lt(p(e));
+function Ht(...e) {
+	return Vt(p(e));
 }
 //#endregion
-export { e as $, A, w as B, M as C, oe as D, se as E, ie as F, _ as G, te as H, ne as I, d as J, a as K, S as L, j as M, E as N, k as O, T as P, u as Q, re as R, F as S, N as T, b as U, y as V, v as W, o as X, s as Y, t as Z, ge as _, Se as a, I as b, B as c, me as d, n as et, ue as f, pe as g, de as h, xe as i, O as j, C as k, R as l, fe as m, be as n, c as nt, _e as o, he as p, l as q, ye as r, i as rt, ve as s, Rt as t, r as tt, z as u, le as v, ae as w, ce as x, L as y, D as z };
+export { o as $, oe as A, S as B, I as C, ae as D, M as E, j as F, te as G, D as H, E as I, _ as J, b as K, T as L, C as M, A as N, N as O, O as P, s as Q, ie as R, L as S, F as T, w as U, re as V, y as W, l as X, a as Y, d as Z, fe as _, Ee as a, c as at, ge as b, ye as c, B as d, t as et, R as f, he as g, ue as h, Te as i, r as it, k as j, se as k, xe as l, me as m, we as n, e as nt, ve as o, i as ot, z as p, v as q, Ce as r, n as rt, be as s, Ht as t, u as tt, Se as u, de as v, ce as w, le as x, pe as y, ne as z };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@glasshome/ui",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "SolidJS component library for GlassHome, built on Kobalte",
 	"type": "module",
 	"homepage": "https://github.com/glasshome/ui#readme",

package/scripts/check-structural-classes.ts

@@ -1,4 +1,4 @@
-// Gate B3 (sdk-2.md): a package class string may not depend on the consumer's
+// Gate B3 (sdk-contract-hardening.md): a package class string may not depend on the consumer's
 // Tailwind scanning package source. Arbitrary variants like `[&>svg]:` are the
 // tell: unlike plain utilities, no consumer's own code coincidentally
 // generates them, so they silently vanish for any consumer whose build never

package/src/lib/overlay-classes.ts

@@ -1,7 +1,23 @@
-/* Floating-panel glass: opaque popover fill so menus stay legible over anything. */
-export const OVERLAY_SURFACE =
-	"glass [--glass-base:var(--popover)] [--glass-rim:0.3] [--glass-lift:0.55]";
+/* Rim/sheen raised above card level (0.3/0.05) so the bevel and highlight read
+ * on large panels instead of smearing into a flat matte gray. */
+const OVERLAY_KNOBS =
+	"glass [--glass-rim:1] [--glass-lift:0.6] [--glass-light:0.05] [--glass-edge:color-mix(in_srgb,var(--border)_90%,transparent)]";
+
+/* Split from the surface the way CARD_BLUR is, so a host can gate it off and
+ * paint a precomputed frost instead. */
+export const OVERLAY_BLUR = "backdrop-blur-[var(--glass-blur,20px)] backdrop-saturate-[1.6]";
+
+export const OVERLAY_SURFACE_BASE = `${OVERLAY_KNOBS} [--glass-base:color-mix(in_srgb,var(--popover)_75%,transparent)]`;
+
+/* Floating-panel glass: translucent popover fill over a blur, so a menu reads
+ * as glass and not as a flat plate. */
+export const OVERLAY_SURFACE = `${OVERLAY_SURFACE_BASE} ${OVERLAY_BLUR}`;
+
+/* Opaque fill, no blur: the drag-animated surfaces (BottomSheet), where
+ * backdrop-blur is too slow on mobile and a translucent fill with no blur
+ * behind it would just be see-through. */
+export const OVERLAY_SURFACE_OPAQUE = `${OVERLAY_KNOBS} [--glass-base:var(--popover)]`;
 
 /* Modal scrim behind dialogs/sheets. BottomSheet keeps its own unblurred scrim
  * (backdrop-blur is too slow on mobile). */
-export const SCRIM_CLASS = "bg-background/70 backdrop-blur-sm";
+export const SCRIM_CLASS = "bg-background/70 backdrop-blur-md";

package/src/styles/globals.css

@@ -26,6 +26,15 @@
 	inherits: false;
 	initial-value: 0.05;
 }
+/* Size of the top-left sheen ellipse, `<x> <y>`. Percentages scale with the
+ * element, which is right for cards but leaves an edge-anchored panel (a side
+ * sheet is narrow and viewport-tall) with a small blob over a flat matte field.
+ * Such surfaces pin absolute lengths so the highlight reads the same as on a
+ * dialog. Untyped: two values, so no single @property syntax fits. */
+@property --glass-sheen {
+	syntax: "*";
+	inherits: false;
+}
 @property --glass-shade {
 	syntax: "<number>";
 	inherits: false;
@@ -122,7 +131,11 @@
 	 * would put the frost above the fill. Layer order top→bottom: light, shade,
 	 * tone wash, base fill, frost. */
 	background:
-		radial-gradient(120% 120% at 22% 8%, oklch(1 0 0 / var(--glass-light)), transparent 58%),
+		radial-gradient(
+			var(--glass-sheen, 120% 120%) at 22% 8%,
+			oklch(1 0 0 / var(--glass-light)),
+			transparent 58%
+		),
 		radial-gradient(120% 120% at 82% 100%, oklch(0 0 0 / var(--glass-shade)), transparent 58%),
 		linear-gradient(
 			var(--glass-wash-angle),