@mkbabb/glass-ui 10.1.4 → 11.0.0

package/dist/handmark.js

@@ -1,7 +1,9 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { n as t } from "./constants-Dk96HZHu.js";
-import { n, t as r } from "./prng-2uS6J_A1.js";
-import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, renderList as g, renderSlot as _, unref as v, useId as ee, watch as y } from "vue";
+import "./handmark.css";
+import { t as e } from "./useIntersectionPause-CzKR3EyP.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { n } from "./constants-Dk96HZHu.js";
+import { n as r, t as i } from "./prng-2uS6J_A1.js";
+import { Fragment as a, computed as o, createElementBlock as s, createElementVNode as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, ref as g, renderList as _, renderSlot as v, unref as y, useId as ee, watch as te } from "vue";
 //#region src/components/handmark/stroke.ts
 var b = [
 	"underline",
@@ -12,7 +14,7 @@ var b = [
 O * .9115 * 1.055 * 1.036;
 var A = (e) => Math.round(e * 1e3) / 1e3, j = (e) => e * Math.PI / 180;
 function M(e) {
-	let t = n(e >>> 0);
+	let t = r(e >>> 0);
 	return {
 		next: t,
 		span: (e, n) => e + t() * (n - e),
@@ -58,7 +60,7 @@ function R(e, t) {
 		b: O * (S * t / 2 + .08 * t)
 	};
 }
-function te(e, t) {
+function ne(e, t) {
 	return R(e, t).a - e.width / 2;
 }
 function z(e, t) {
@@ -121,29 +123,29 @@ function W(e, t) {
 	}
 	return `${U(i.concat(a.reverse()))} Z`;
 }
-function ne(e) {
+function G(e) {
 	return e.length ? `${U(e)} Z` : "";
 }
 function re(e, t) {
-	return (r(e) ^ t * 2654435761) >>> 0;
+	return (i(e) ^ t * 2654435761) >>> 0;
 }
 //#endregion
 //#region src/components/handmark/HandMark.vue?vue&type=script&setup=true&lang.ts
-var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "height"], G = [
+var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "height"], ce = [
 	"id",
 	"x",
 	"y",
 	"width",
 	"height"
-], ce = [
+], le = [
 	"data-i",
 	"d",
 	"stroke-width"
-], le = [
+], ue = [
 	"d",
 	"fill",
 	"mask"
-], K = /*#__PURE__*/ e(/* @__PURE__ */ c({
+], K = /*#__PURE__*/ t(/* @__PURE__ */ l({
 	__name: "HandMark",
 	props: {
 		shape: { default: "underline" },
@@ -155,11 +157,11 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 			default: !0
 		}
 	},
-	setup(e, { expose: n }) {
-		let r = e, c = (e) => Math.ceil(e * 1e3) / 1e3, b = (e) => Math.floor(e * 1e3) / 1e3, x = ee().replace(/[^a-zA-Z0-9_-]/g, ""), S = h(null), C = h([]), T = h([]), E = h(0), D = h(1), O = h(0), k = h(!1), A = a(() => {
-			let e = Number(r.color);
+	setup(t, { expose: r }) {
+		let i = t, l = (e) => Math.ceil(e * 1e3) / 1e3, b = (e) => Math.floor(e * 1e3) / 1e3, x = ee().replace(/[^a-zA-Z0-9_-]/g, ""), S = g(null), C = g([]), T = g([]), E = g(0), D = g(1), O = g(0), k = g(!1), A = o(() => {
+			let e = Number(i.color);
 			return Number.isFinite(e) ? e : 78;
-		}), j = a(() => r.shape === "highlight" ? "var(--hm-band)" : r.color), M = a(() => ({
+		}), j = o(() => i.shape === "highlight" ? "var(--hm-band)" : i.color), M = o(() => ({
 			"--hm-h": `${A.value}`,
 			"--hm-reserve": E.value ? `${E.value}px` : "0px"
 		}));
@@ -174,13 +176,13 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 			return t ?? document.body;
 		}
 		function V(e, t) {
-			let n = R(e), i = Array.from(n.querySelectorAll(`.hm[data-shape="${r.shape}"]`)), a = /* @__PURE__ */ new Set();
+			let n = R(e), r = Array.from(n.querySelectorAll(`.hm[data-shape="${i.shape}"]`)), a = /* @__PURE__ */ new Set();
 			for (let e of Array.from(n.querySelectorAll(".hm"))) {
 				let n = e.getBoundingClientRect();
 				n.height > 0 && n.top < t - 1 && a.add(Math.round(n.top));
 			}
 			return {
-				index: Math.max(0, i.indexOf(e)),
+				index: Math.max(0, r.indexOf(e)),
 				line: a.size
 			};
 		}
@@ -207,16 +209,16 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 			return n.detach?.(), r.sort((e, t) => e.y - t.y || e.x - t.x);
 		}
 		function K(e, t) {
-			let n = t / 2 + 1, r = (e) => b(Math.min(...e) - n), i = (e) => c(Math.max(...e) + n), a = e.map((e) => e.x), o = e.map((e) => e.y), s = r(a), l = r(o);
+			let n = t / 2 + 1, r = (e) => b(Math.min(...e) - n), i = (e) => l(Math.max(...e) + n), a = e.map((e) => e.x), o = e.map((e) => e.y), s = r(a), c = r(o);
 			return {
 				x: s,
-				y: l,
-				width: c(i(a) - s),
-				height: c(i(o) - l)
+				y: c,
+				width: l(i(a) - s),
+				height: l(i(o) - c)
 			};
 		}
-		function ue(e, t, n) {
-			if (r.shape === "highlight") {
+		function de(e, t, n) {
+			if (i.shape === "highlight") {
 				let r = B(e, {
 					fs: t,
 					seed: n
@@ -228,78 +230,78 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 					y: (r[i - 1].y + r[i].y) / 2
 				}], o = w * t * 1.6;
 				return {
-					ink: ne(r),
+					ink: G(r),
 					guide: U(a),
 					length: I(a),
 					stroke: o,
 					window: K(r.concat(a), o)
 				};
 			}
-			let i = N(r.weight * D.value, t), a = r.shape === "circle" ? z(e, {
+			let r = N(i.weight * D.value, t), a = i.shape === "circle" ? z(e, {
 				fs: t,
 				seed: n
 			}) : L(e, {
 				fs: t,
 				seed: n,
-				kind: r.shape === "strike" ? "strike" : "underline"
+				kind: i.shape === "strike" ? "strike" : "underline"
 			});
 			return {
-				ink: W(a, i),
+				ink: W(a, r),
 				guide: U(a),
 				length: I(a),
-				stroke: i * 1.6,
-				window: K(a, i * 1.6)
+				stroke: r * 1.6,
+				window: K(a, r * 1.6)
 			};
 		}
 		function q() {
 			let e = S.value;
 			if (!e) return;
-			let n = H(e);
-			if (n.length === 0) return;
-			let i = parseFloat(getComputedStyle(e).fontSize) || 16, a = (C.value[0] ?? e).getBoundingClientRect(), { index: o, line: s } = V(e, n[0].y), l = r.seed ?? re((e.textContent ?? "").trim(), o), u = s * 4 * t, d = [];
-			for (let e of n) {
+			let t = H(e);
+			if (t.length === 0) return;
+			let r = parseFloat(getComputedStyle(e).fontSize) || 16, a = (C.value[0] ?? e).getBoundingClientRect(), { index: o, line: s } = V(e, t[0].y), c = i.seed ?? re((e.textContent ?? "").trim(), o), u = s * 4 * n, d = [];
+			for (let e of t) {
 				let t = {
 					x: e.x - a.left,
 					y: e.y - a.top,
 					width: e.width,
 					height: e.height
-				}, n = ue(t, i, l + d.length), r = P(n.length);
+				}, n = de(t, r, c + d.length), i = P(n.length);
 				d.push({
 					ink: n.ink,
 					guide: n.guide,
 					stroke: n.stroke,
 					window: n.window,
 					box: {
-						width: c(t.width),
-						height: c(t.height)
+						width: l(t.width),
+						height: l(t.height)
 					},
 					delay: u,
-					duration: r
-				}), u += r;
+					duration: i
+				}), u += i;
 			}
-			T.value = d, E.value = r.shape === "circle" ? Math.max(0, te({
+			T.value = d, E.value = i.shape === "circle" ? Math.max(0, ne({
 				x: 0,
 				y: 0,
-				width: n[0].width,
-				height: n[0].height
-			}, i)) : 0;
+				width: t[0].width,
+				height: t[0].height
+			}, r)) : 0;
 		}
 		function J(e = 0) {
 			if (typeof document > "u" || !S.value) return;
-			let t = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? !1, n = getComputedStyle(S.value).getPropertyValue("--spring-press").trim(), i = e > 0 && n ? n : F();
+			let t = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ?? !1, n = getComputedStyle(S.value).getPropertyValue("--spring-press").trim(), r = e > 0 && n ? n : F();
 			for (let n of Array.from(S.value.querySelectorAll(".hm-guide"))) {
 				let a = n.getTotalLength?.() ?? 0;
 				if (!a) continue;
 				let o = T.value[Number(n.dataset.i ?? 0)];
-				n.style.strokeDasharray = `${a}`, n.style.strokeDashoffset = "0", !(!r.draw || t || typeof n.animate != "function") && n.animate([{ strokeDashoffset: a * (1 - e) }, { strokeDashoffset: 0 }], {
+				n.style.strokeDasharray = `${a}`, n.style.strokeDashoffset = "0", !(!i.draw || t || typeof n.animate != "function") && n.animate([{ strokeDashoffset: a * (1 - e) }, { strokeDashoffset: 0 }], {
 					duration: e > 0 ? 220 : o?.duration ?? 400,
 					delay: e > 0 ? 0 : o?.delay ?? 0,
-					easing: i,
+					easing: r,
 					fill: "both"
 				});
 			}
 		}
-		function de() {
+		function fe() {
 			J(0);
 		}
 		function Y() {
@@ -316,50 +318,59 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 				k.value = !0, O.value = 0;
 			}, 90);
 		}
+		let pe = {
+			capture: !0,
+			passive: !0
+		};
+		e(S, {
+			resume: () => {
+				S.value && (Z = S.value.getBoundingClientRect().top), document.addEventListener("scroll", Q, pe);
+			},
+			pause: () => {
+				document.removeEventListener("scroll", Q, { capture: !0 }), X !== null && window.clearTimeout(X), X = null, k.value = !0, O.value = 0;
+			}
+		});
 		let $ = null;
-		return p(() => {
-			q(), l(() => {
+		return m(() => {
+			q(), u(() => {
 				q(), J(0);
 			}), document.fonts?.ready?.then(() => {
 				q(), J(0);
-			}), typeof ResizeObserver < "u" && S.value && ($ = new ResizeObserver(() => q()), $.observe(S.value)), Z = S.value?.getBoundingClientRect().top ?? 0, document.addEventListener("scroll", Q, {
-				capture: !0,
-				passive: !0
-			});
-		}), f(() => {
+			}), typeof ResizeObserver < "u" && S.value && ($ = new ResizeObserver(() => q()), $.observe(S.value)), Z = S.value?.getBoundingClientRect().top ?? 0;
+		}), p(() => {
 			$?.disconnect(), X !== null && window.clearTimeout(X), document.removeEventListener("scroll", Q, { capture: !0 });
-		}), y(() => [
-			r.shape,
-			r.weight,
-			r.seed
-		], () => q()), n({ play: de }), (t, n) => (m(), o("span", {
+		}), te(() => [
+			i.shape,
+			i.weight,
+			i.seed
+		], () => q()), r({ play: fe }), (e, n) => (h(), s("span", {
 			class: "hm",
 			ref_key: "root",
 			ref: S,
-			"data-shape": e.shape,
-			style: d(M.value),
+			"data-shape": t.shape,
+			style: f(M.value),
 			onPointerenter: Y,
 			onPointerdown: Y,
 			onFocusin: Y
-		}, [e.shape === "strike" ? (m(), o("del", ae, [_(t.$slots, "default", {}, void 0, !0)])) : e.shape === "highlight" ? (m(), o("mark", oe, [_(t.$slots, "default", {}, void 0, !0)])) : _(t.$slots, "default", {}, void 0, !0, 2), (m(!0), o(i, null, g(T.value, (e, t) => (m(), o("svg", {
+		}, [t.shape === "strike" ? (h(), s("del", ae, [v(e.$slots, "default", {}, void 0, !0)])) : t.shape === "highlight" ? (h(), s("mark", oe, [v(e.$slots, "default", {}, void 0, !0)])) : v(e.$slots, "default", {}, void 0, !0, 2), (h(!0), s(a, null, _(T.value, (e, t) => (h(), s("svg", {
 			key: t,
 			ref_for: !0,
 			ref_key: "frames",
 			ref: C,
-			class: u(["hm-mark", { "hm-mark--settling": k.value }]),
+			class: d(["hm-mark", { "hm-mark--settling": k.value }]),
 			width: e.box.width,
 			height: e.box.height,
-			style: d({ transform: `translateY(${-O.value}px)` }),
+			style: f({ transform: `translateY(${-O.value}px)` }),
 			"aria-hidden": "true",
 			focusable: "false"
-		}, [s("defs", null, [s("mask", {
-			id: `${v(x)}-${t}`,
+		}, [c("defs", null, [c("mask", {
+			id: `${y(x)}-${t}`,
 			maskUnits: "userSpaceOnUse",
 			x: e.window.x,
 			y: e.window.y,
 			width: e.window.width,
 			height: e.window.height
-		}, [s("path", {
+		}, [c("path", {
 			class: "hm-guide",
 			"data-i": t,
 			d: e.guide,
@@ -368,13 +379,13 @@ var ie = ["data-shape"], ae = { key: 0 }, oe = { key: 1 }, se = ["width", "heigh
 			"stroke-width": e.stroke,
 			"stroke-linecap": "round",
 			"stroke-linejoin": "round"
-		}, null, 8, ce)], 8, G)]), s("path", {
+		}, null, 8, le)], 8, ce)]), c("path", {
 			class: "hm-ink",
 			d: e.ink,
 			fill: j.value,
-			mask: `url(#${v(x)}-${t})`
-		}, null, 8, le)], 14, se))), 128))], 44, ie));
+			mask: `url(#${y(x)}-${t})`
+		}, null, 8, ue)], 14, se))), 128))], 44, ie));
 	}
-}), [["__scopeId", "data-v-0e9beb0b"]]);
+}), [["__scopeId", "data-v-742c788a"]]);
 //#endregion
 export { K as HandMark, b as SHAPES, B as handBand, L as handLine, z as handRing, P as markDuration, F as minJerk, U as serialize, W as strokeRibbon };

package/dist/index.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.avatar{--avatar-size:var(--control-h-md);inline-size:var(--avatar-size);block-size:var(--avatar-size);vertical-align:middle;isolation:isolate;display:inline-grid;position:relative}.avatar[data-size=md]{--avatar-size:calc(var(--control-h-md) * 1.618)}.avatar[data-size=lg]{--avatar-size:calc(var(--control-h-md) * 2.618)}.avatar__identity,.avatar__image,.avatar__fallback{block-size:100%;inline-size:100%}.avatar__identity{border:1px solid oklch(from var(--foreground) l c h / var(--ink-edge));background:var(--glass-plate-wash);color:var(--foreground);box-shadow:var(--glass-material-rim), var(--shadow-sm);place-items:center;display:grid;overflow:hidden}.avatar__image,.avatar__fallback{grid-area:1/1}.avatar__image{object-fit:cover}.avatar__fallback{background:color-mix(in srgb, var(--secondary) 82%, transparent);font-size:var(--type-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);-webkit-user-select:none;user-select:none;place-items:center;line-height:1;display:grid}.avatar[data-size=md] .avatar__fallback{font-size:var(--type-subheading)}.avatar[data-size=lg] .avatar__fallback{font-size:var(--type-display-2)}.avatar__status{z-index:1;font-size:calc(var(--avatar-size) / 2);background:var(--background);box-shadow:0 0 0 1px oklch(from var(--foreground) l c h / var(--ink-edge));place-items:center;display:grid;position:absolute;inset-block-end:-.125rem;inset-inline-end:-.125rem}.avatar[data-shape=circle] .avatar__identity{border-radius:var(--radius-circle)}.avatar[data-shape=square] .avatar__identity{border-radius:var(--radius-media)}.avatar__status{border-radius:var(--radius-circle)}}

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export { Collapsible, CollapsibleContent, CollapsibleTrigger, type CollapsibleCo
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ComboboxEmptyProps, type ComboboxGroupProps, type ComboboxInputEmits, type ComboboxInputProps, type ComboboxItemEmits, type ComboboxItemProps, type ComboboxListEmits, type ComboboxSeparatorProps, type ComboboxValue, type CommandDialogEmits, type CommandDialogProps, type CommandEmits, type CommandListProps, type CommandProps, } from "./components/command/index.js";
 export { DataTable, type DataTableColumn, type DataTableProps, type DataTableRowAttrs, type DataTableRowIndex, type DataTableRowRef, type DataTableSort, type DataTableStatus, } from "./components/data-table/index.js";
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type DialogContentProps, type DialogDescriptionProps, type DialogDismiss, type DialogProps, type DialogTitleProps, } from "./components/dialog/index.js";
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuEmits, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerAction, type DropdownMenuTriggerProps, type MenuTrigger, } from "./components/menu/index.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuEmits, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerAction, type DropdownMenuTriggerProps, ContextMenu, type ContextMenuEmits, type ContextMenuProps, } from "./components/menu/index.js";
 export { Label, type LabelProps, type LabelRequirement } from "./components/label/index.js";
 export { NumberField, NumberFieldInput, NumberFieldStep, type NumberFieldProps, type NumberFieldStepProps, } from "./components/number-field/index.js";
 export { Popover, PopoverContent, PopoverTrigger, type PopoverContentEmits, type PopoverContentProps, type PopoverEmits, type PopoverProps, type PopoverTriggerMode, type PopoverTriggerProps, } from "./components/popover/index.js";

package/dist/{input-eLZ_AU7l.js → input-BLF2pMHE.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 { createElementBlock as n, defineComponent as r, mergeModels as i, mergeProps as a, openBlock as o, unref as s, useAttrs as c, useModel as l, vModelDynamic as u, withDirectives as d } from "vue";
 //#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
 var f = [

package/dist/input.js

@@ -1,2 +1,2 @@
-import { t as e } from "./input-eLZ_AU7l.js";
+import { t as e } from "./input-BLF2pMHE.js";
 export { e as Input };

package/dist/{label-CE03H1KL.js → label-ryNPL7e6.js}

@@ -1,3 +1,4 @@
+import "./label.css";
 import { t as e } from "./class-names-FlXcvRRT.js";
 import { t } from "./primitive-B2t2jdqM.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";

package/dist/label.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.label[data-v-fa2ffe4d]{color:var(--foreground);font-family:var(--font-text);font-size:var(--control-label);font-weight:500;line-height:var(--type-leading-small)}.label[data-disabled][data-v-fa2ffe4d]{cursor:not-allowed;color:oklch(from var(--foreground) l 0 h / .45)}.label-requirement[data-v-fa2ffe4d]{color:var(--muted-foreground);font-size:var(--type-caption);margin-inline-start:4px;font-weight:400}}

package/dist/label.js

@@ -1,2 +1,2 @@
-import { t as e } from "./label-CE03H1KL.js";
+import { t as e } from "./label-ryNPL7e6.js";
 export { e as Label };

package/dist/labeled-field.css

@@ -0,0 +1 @@
+@layer theme, base, components, utilities;@layer components{.labeled-field[data-v-ea78fd3a],.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{min-inline-size:0;display:grid}.labeled-field[data-v-ea78fd3a]{gap:var(--space-atom);inline-size:100%}.labeled-field-copy[data-v-ea78fd3a],.labeled-field-control[data-v-ea78fd3a]{gap:var(--space-residue)}.labeled-field-description[data-v-ea78fd3a],.labeled-field-error[data-v-ea78fd3a]{font-size:var(--type-small);line-height:var(--type-leading-small);margin:0}.labeled-field-description[data-v-ea78fd3a]{color:var(--muted-foreground)}.labeled-field-error[data-v-ea78fd3a]{color:var(--destructive)}.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-body);grid-template-columns:minmax(8rem,.382fr) minmax(0,1fr);align-items:start}@media (width<=36rem){.labeled-field[data-layout=horizontal][data-v-ea78fd3a]{gap:var(--space-atom);grid-template-columns:minmax(0,1fr)}}}

package/dist/labeled-field.js

@@ -1,8 +1,9 @@
+import "./labeled-field.css";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./label-CE03H1KL.js";
-import { t as n } from "./slider-5uoY-cLG.js";
-import { t as r } from "./switch-BYUZ6g9G.js";
-import { t as i } from "./input-eLZ_AU7l.js";
+import { t } from "./label-ryNPL7e6.js";
+import { t as n } from "./slider-CZiKrWGg.js";
+import { t as r } from "./switch-DLfGYU35.js";
+import { t as i } from "./input-BLF2pMHE.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
 //#region src/components/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
 var S = [