@weasel-js/ui 1.6.1 → 1.7.0

package/dist/chunks/PropertyField-DGCecAnV.js

@@ -1,758 +0,0 @@
-import { t as e } from "./dlog-F0I8KsIW.js";
-import { n as t, r as n } from "./Tooltip-Clg2mhSt.js";
-import { t as r } from "./stance-BFQpS_fL.js";
-import { a as i, n as a, r as o } from "./number-D3NEx_8r.js";
-import { t as s } from "./Checkbox-DHXTUHO9.js";
-import { n as c, t as l } from "./InlineRange-eOj6JpJl.js";
-import { t as u } from "./ColorField-BcMcW8Sa.js";
-import { t as d } from "./Select-CzyfaXzp.js";
-import { t as f } from "./FontFamilySelect-DXlMKWfK.js";
-import { t as p } from "./Input-CHmkfYaD.js";
-import { n as m, t as h } from "./NumberField-CwJOMmQR.js";
-import { t as g } from "./ToggleBar-DTjGeS0Q.js";
-import { t as _ } from "./PaintInput-Byhna3H-.js";
-import { t as v } from "./PaintField-DaJukRc6.js";
-import { n as y, t as b } from "./RadioGroup-Bh4-12e-.js";
-import { t as x } from "./Switch-CSYmcM8y.js";
-import { getAlpha01 as S, toHex8 as ee, withAlpha01 as C } from "@weasel-js/core";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { createContext as D, forwardRef as te, useContext as O, useEffect as k, useId as ne, useRef as A, useState as j } from "react";
-import { Focusable as M } from "react-aria-components";
-var N = {
-	panel: "_panel_1pt5q_9",
-	list: "_list_1pt5q_3",
-	row: "_row_1pt5q_4",
-	group: "_group_1pt5q_4",
-	subpanel: "_subpanel_1pt5q_3",
-	card: "_card_1pt5q_37",
-	cardList: "_cardList_1pt5q_37",
-	readout: "_readout_1pt5q_42",
-	readoutInput: "_readoutInput_1pt5q_43",
-	panelTitle: "_panelTitle_1pt5q_72",
-	panelHeader: "_panelHeader_1pt5q_84",
-	panelActions: "_panelActions_1pt5q_97",
-	listPairs: "_listPairs_1pt5q_3",
-	rowColor: "_rowColor_1pt5q_4",
-	span: "_span_1pt5q_505",
-	listOneUp: "_listOneUp_1pt5q_513",
-	densityTight: "_densityTight_1pt5q_524",
-	densityNormal: "_densityNormal_1pt5q_536",
-	densityRoomy: "_densityRoomy_1pt5q_548",
-	alignStart: "_alignStart_1pt5q_574",
-	alignCenter: "_alignCenter_1pt5q_580",
-	alignEnd: "_alignEnd_1pt5q_586",
-	alignBaseline: "_alignBaseline_1pt5q_592",
-	rowInline: "_rowInline_1pt5q_623",
-	rowLabel: "_rowLabel_1pt5q_629",
-	rowBlock: "_rowBlock_1pt5q_654",
-	rowCheckbox: "_rowCheckbox_1pt5q_655",
-	readoutAfter: "_readoutAfter_1pt5q_674",
-	readoutText: "_readoutText_1pt5q_685",
-	help: "_help_1pt5q_702",
-	autoToggle: "_autoToggle_1pt5q_739",
-	readoutGroup: "_readoutGroup_1pt5q_680",
-	readoutUnit: "_readoutUnit_1pt5q_816",
-	fieldUnitGroup: "_fieldUnitGroup_1pt5q_840",
-	toggle: "_toggle_1pt5q_879",
-	rowFramed: "_rowFramed_1pt5q_888",
-	select: "_select_1pt5q_911",
-	dialogTrigger: "_dialogTrigger_1pt5q_986",
-	dialogSummary: "_dialogSummary_1pt5q_1021",
-	dialogGlyph: "_dialogGlyph_1pt5q_1029",
-	alpha: "_alpha_1pt5q_1101",
-	dimmed: "_dimmed_1pt5q_1158",
-	cellReadout: "_cellReadout_1pt5q_1164",
-	unitSuffix: "_unitSuffix_1pt5q_1171",
-	textarea: "_textarea_1pt5q_1177",
-	toggleButton: "_toggleButton_1pt5q_1198",
-	toggleButtonSelected: "_toggleButtonSelected_1pt5q_1224",
-	groupHeadRow: "_groupHeadRow_1pt5q_1249",
-	groupTitle: "_groupTitle_1pt5q_1257",
-	groupLeading: "_groupLeading_1pt5q_1263",
-	groupActions: "_groupActions_1pt5q_1264",
-	note: "_note_1pt5q_1461",
-	groupHead: "_groupHead_1pt5q_1249",
-	groupBody: "_groupBody_1pt5q_4",
-	groupPairs: "_groupPairs_1pt5q_1515",
-	groupOneUp: "_groupOneUp_1pt5q_1528",
-	subpanelTitle: "_subpanelTitle_1pt5q_1668",
-	rowAuto: "_rowAuto_1pt5q_1705"
-}, re = {
-	tight: N.densityTight,
-	normal: N.densityNormal,
-	roomy: N.densityRoomy
-}, ie = {
-	start: N.alignStart,
-	center: N.alignCenter,
-	end: N.alignEnd,
-	baseline: N.alignBaseline
-};
-function P(e, { density: t, align: n }, r) {
-	return [
-		e,
-		t && re[t],
-		n && ie[n],
-		r
-	].filter(Boolean).join(" ");
-}
-var F = D(!1);
-function ae({ title: e, actions: t, selectable: n, children: i, className: a, density: o, align: s, stance: c, tone: l }) {
-	let u = O(F), d = r({
-		stance: c,
-		tone: l
-	}), f = e != null && /* @__PURE__ */ T("h2", {
-		className: N.panelTitle,
-		children: e
-	});
-	return /* @__PURE__ */ E("div", {
-		className: P(N.panel, {
-			density: o,
-			align: s
-		}, a),
-		...d,
-		"data-nested": u || void 0,
-		"data-selectable": (n ?? c === "debug") || void 0,
-		children: [t == null ? f : /* @__PURE__ */ E("div", {
-			className: N.panelHeader,
-			children: [f, /* @__PURE__ */ T("div", {
-				className: N.panelActions,
-				children: t
-			})]
-		}), /* @__PURE__ */ T(F.Provider, {
-			value: !0,
-			children: i
-		})]
-	});
-}
-var oe = te(function({ children: e, className: t, pack: n = "auto-color", density: r, align: i }, a) {
-	let o = `${N.list}${n === "pairs" ? ` ${N.listPairs}` : n === "one-up" ? ` ${N.listOneUp}` : ""}`;
-	return /* @__PURE__ */ T("div", {
-		ref: a,
-		className: P(o, {
-			density: r,
-			align: i
-		}, t),
-		children: e
-	});
-});
-function se({ children: e, className: t }) {
-	return /* @__PURE__ */ T("div", {
-		className: t ? `${N.span} ${t}` : N.span,
-		children: e
-	});
-}
-function I({ children: e, className: t }) {
-	return /* @__PURE__ */ T("p", {
-		className: t ? `${N.note} ${t}` : N.note,
-		children: e
-	});
-}
-function L({ label: e, readout: t, description: n, variant: r = "default", layout: i, span: a, children: o, htmlFor: s, group: c, className: l, density: u, align: d, auto: f, onAutoChange: p, chrome: m }) {
-	let h = r === "color" ? N.rowColor : r === "checkbox" ? N.rowCheckbox : "", g = r === "default" ? "block" : "inline", _ = i ?? g, v = _ === g ? "" : _ === "inline" ? N.rowInline : N.rowBlock, y = P([
-		N.row,
-		h,
-		v,
-		a && N.span,
-		f && N.rowAuto,
-		m === "framed" && N.rowFramed
-	].filter(Boolean).join(" "), {
-		density: u,
-		align: d
-	}, l), b = _ === "inline" && t != null, x = /* @__PURE__ */ E("span", {
-		className: N.rowLabel,
-		children: [
-			p ? /* @__PURE__ */ T(R, {
-				auto: f ?? !1,
-				label: e,
-				onChange: p
-			}) : e,
-			n ? /* @__PURE__ */ T(z, {
-				label: e,
-				description: n
-			}) : null,
-			t != null && !b && /* @__PURE__ */ T("em", {
-				className: N.readout,
-				children: t
-			})
-		]
-	}), S = b ? /* @__PURE__ */ T("em", {
-		className: `${N.readout} ${N.readoutAfter}`,
-		children: t
-	}) : null;
-	return c ? /* @__PURE__ */ E("div", {
-		className: y,
-		children: [
-			x,
-			o,
-			S
-		]
-	}) : /* @__PURE__ */ E("label", {
-		className: y,
-		htmlFor: s,
-		children: [
-			x,
-			o,
-			S
-		]
-	});
-}
-function R({ auto: e, label: t, onChange: n }) {
-	let r = typeof t == "string" ? t : "this setting", i = (t) => {
-		t.preventDefault(), t.stopPropagation(), n(!e);
-	};
-	return /* @__PURE__ */ T("span", {
-		role: "button",
-		tabIndex: 0,
-		className: N.autoToggle,
-		"aria-pressed": !e,
-		"aria-label": `Pin ${r}`,
-		onClick: i,
-		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && i(e);
-		},
-		onMouseDown: (e) => e.stopPropagation(),
-		children: t
-	});
-}
-function z({ label: e, description: r }) {
-	let i = typeof e == "string" ? e : "this setting";
-	return /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(M, { children: /* @__PURE__ */ T("button", {
-		type: "button",
-		className: N.help,
-		"aria-label": `About ${i}`,
-		onClick: (e) => {
-			e.preventDefault(), e.stopPropagation();
-		},
-		onMouseDown: (e) => e.stopPropagation(),
-		children: "ⓘ"
-	}) }), /* @__PURE__ */ T(t, { children: r })] });
-}
-//#endregion
-//#region src/components/Properties/PropertyField.tsx
-function B(e) {
-	let { label: t, readout: n, description: r, layout: i, span: a, density: o, align: s, auto: c, onAutoChange: l, rowClassName: u, controlClassName: d, ...f } = e, p = ne(), m = {
-		...f,
-		name: f.name ?? Q(t),
-		className: d,
-		id: p
-	}, h = m.chrome === "framed", g = H(m), _ = {
-		label: t,
-		description: r,
-		layout: i,
-		span: a,
-		density: o,
-		align: s,
-		auto: c,
-		onAutoChange: l,
-		className: u,
-		chrome: m.chrome,
-		variant: g.variant,
-		group: g.group,
-		htmlFor: g.group || h || m.kind === "font-family" ? void 0 : p
-	};
-	return m.kind === "number" && m.control === "slider" ? /* @__PURE__ */ T(L, {
-		..._,
-		readout: Z(n) ?? /* @__PURE__ */ T(X, { ...m }),
-		children: /* @__PURE__ */ T(Y, { ...m })
-	}) : /* @__PURE__ */ T(L, {
-		..._,
-		readout: n,
-		children: /* @__PURE__ */ T(U, { ...m })
-	});
-}
-function V(e) {
-	let t = e;
-	return t.kind === "number" && t.control === "slider" ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(Y, { ...t }), /* @__PURE__ */ T("span", {
-		className: N.cellReadout,
-		children: /* @__PURE__ */ T(X, { ...t })
-	})] }) : /* @__PURE__ */ T(U, { ...t });
-}
-function H(e) {
-	switch (e.kind) {
-		case "boolean": return {
-			variant: "checkbox",
-			group: e.control === "switch" || e.control === "toggle"
-		};
-		case "enum": return {
-			variant: "default",
-			group: e.control === "radio" || e.control === "toggle"
-		};
-		case "color": return {
-			variant: "color",
-			group: !1
-		};
-		case "paint": return {
-			variant: "default",
-			group: !0
-		};
-		default: return {
-			variant: "default",
-			group: !1
-		};
-	}
-}
-function U(e) {
-	switch (e.kind) {
-		case "boolean": return /* @__PURE__ */ T(G, { ...e });
-		case "number": return /* @__PURE__ */ T(ce, { ...e });
-		case "string": return /* @__PURE__ */ T(de, { ...e });
-		case "enum": return /* @__PURE__ */ T(fe, { ...e });
-		case "color": return /* @__PURE__ */ T(pe, { ...e });
-		case "paint": return /* @__PURE__ */ T(he, { ...e });
-		case "font-family": return /* @__PURE__ */ T(f, {
-			className: e.className,
-			value: e.mixed ? void 0 : e.value,
-			mixed: e.mixed,
-			onChange: e.onChange,
-			weight: e.weight,
-			fontStyle: e.fontStyle,
-			"aria-label": e.name
-		});
-		default: throw Error(`PropertyControl: no control for kind "${e.kind}"`);
-	}
-}
-function W({ mixed: e, unset: t, children: n }) {
-	return !e && !t ? /* @__PURE__ */ T(w, { children: n }) : /* @__PURE__ */ T("span", {
-		className: N.dimmed,
-		title: e ? "Mixed" : "Not set",
-		children: n
-	});
-}
-function G(e) {
-	let t = !e.mixed && e.value === !0, n = A(null);
-	if (k(() => {
-		n.current && (n.current.indeterminate = e.mixed === !0);
-	}), e.control === "toggle") return /* @__PURE__ */ T(g, {
-		mode: "multiple",
-		size: "sm",
-		variant: "flat",
-		className: e.className,
-		ariaLabel: e.name,
-		items: [{
-			value: "on",
-			label: e.glyph ?? e.name?.slice(0, 1),
-			ariaLabel: e.name
-		}],
-		value: t ? ["on"] : [],
-		mixedValues: e.mixed ? ["on"] : [],
-		onChange: (t) => e.onChange(t.includes("on"))
-	});
-	if (e.control === "switch") return /* @__PURE__ */ T(W, {
-		mixed: e.mixed,
-		unset: e.unset,
-		children: /* @__PURE__ */ T(x, {
-			className: e.className,
-			isSelected: t,
-			onChange: e.onChange,
-			"aria-label": e.name
-		})
-	});
-	let r = e.chrome === "framed" ? /* @__PURE__ */ T(s, {
-		className: e.className,
-		isSelected: t,
-		isIndeterminate: e.mixed,
-		onChange: e.onChange,
-		"aria-label": e.name
-	}) : /* @__PURE__ */ T("input", {
-		ref: n,
-		id: e.id,
-		type: "checkbox",
-		className: e.className,
-		"aria-label": e.name,
-		checked: t,
-		onChange: (t) => e.onChange(t.target.checked)
-	});
-	return /* @__PURE__ */ T(W, {
-		unset: e.unset,
-		children: r
-	});
-}
-function K(e) {
-	let t = A(null), n = A(e);
-	return k(() => {
-		n.current = e;
-	}), k(() => {
-		let e = t.current;
-		if (!e) return;
-		let r = () => n.current?.(e.value);
-		return e.addEventListener("change", r), () => e.removeEventListener("change", r);
-	}, []), t;
-}
-function q(e, t) {
-	return e == null ? null : typeof e == "string" ? /* @__PURE__ */ T("span", {
-		className: t,
-		children: e
-	}) : e;
-}
-function ce(e) {
-	let t = e.onInput ?? e.onChange, n = K(e.onInput && ((t) => {
-		if (t === "") return;
-		let n = Number(t);
-		Number.isFinite(n) && e.onChange(n);
-	})), r = !e.mixed && typeof e.value == "number" && Number.isFinite(e.value), i = e.mixed ? "Mixed" : e.placeholder;
-	if (e.chrome === "framed") {
-		let t = (t) => {
-			Number.isNaN(t) || e.onChange(t);
-		}, n = r ? e.value : NaN, a = e.accepts ? /* @__PURE__ */ T(h, {
-			className: e.className,
-			value: n,
-			placeholder: i,
-			minValue: e.min,
-			maxValue: e.max,
-			step: e.step,
-			accepts: e.accepts,
-			"aria-label": e.name,
-			onChange: t
-		}) : /* @__PURE__ */ T(m, {
-			className: e.className,
-			value: n,
-			placeholder: i,
-			minValue: e.min,
-			maxValue: e.max,
-			step: e.step,
-			hideSteppers: e.steppers === !1,
-			"aria-label": e.name,
-			onChange: t
-		});
-		return e.unit == null ? a : /* @__PURE__ */ E(w, { children: [a, /* @__PURE__ */ T("span", {
-			className: N.unitSuffix,
-			"aria-hidden": "true",
-			children: e.unit
-		})] });
-	}
-	let a = /* @__PURE__ */ T("input", {
-		ref: n,
-		id: e.id,
-		type: "number",
-		className: e.className,
-		"aria-label": e.name,
-		value: r ? e.value : "",
-		min: e.min,
-		max: e.max,
-		step: e.step,
-		placeholder: i,
-		onChange: (e) => {
-			let n = e.target.value;
-			if (n === "") return;
-			let r = Number(n);
-			Number.isFinite(r) && t(r);
-		}
-	});
-	return e.unit == null ? a : /* @__PURE__ */ E("span", {
-		className: N.fieldUnitGroup,
-		children: [a, q(e.unit, N.readoutUnit)]
-	});
-}
-function J(e) {
-	return {
-		min: e.min ?? 0,
-		max: e.max ?? 100,
-		step: e.step ?? 1
-	};
-}
-function Y(t) {
-	let { min: n, max: r, step: i } = J(t), a = t.onInput ?? t.onChange, o = t.onInput ? t.onChange : void 0, s = K(o && ((e) => o(Number(e)))), u = !t.mixed && typeof t.value == "number" && Number.isFinite(t.value) ? Math.min(Math.max(t.value, n), r) : n, d = (n) => {
-		let r = Number(n);
-		e("property-panel", "slider", {
-			name: t.name,
-			value: r
-		}), a(r);
-	};
-	return t.chrome === "framed" ? /* @__PURE__ */ T(l, {
-		ref: s,
-		className: t.className,
-		"aria-label": t.name,
-		min: n,
-		max: r,
-		step: i,
-		value: u,
-		disabled: t.mixed,
-		onChange: (e) => d(e.target.value)
-	}) : /* @__PURE__ */ T("input", {
-		ref: s,
-		id: t.id,
-		type: "range",
-		"aria-label": t.name,
-		className: t.className ? `${c.range} ${t.className}` : c.range,
-		tabIndex: -1,
-		min: n,
-		max: r,
-		step: i,
-		value: u,
-		disabled: t.mixed,
-		onChange: (e) => d(e.target.value)
-	});
-}
-function X(e) {
-	let { min: t, max: n, step: r } = J(e);
-	if (e.mixed || typeof e.value != "number" || !Number.isFinite(e.value)) return /* @__PURE__ */ T(w, { children: Z("—") });
-	let i = r >= 1 ? 0 : Math.min(6, Math.max(0, Math.ceil(-Math.log10(r)))), s = e.format ?? (e.notation === "compact" ? (e) => a(e, i) : (e) => o(e, {
-		useGrouping: !1,
-		minimumFractionDigits: i,
-		maximumFractionDigits: i
-	}));
-	return /* @__PURE__ */ T(le, {
-		name: e.name,
-		value: e.value,
-		min: t,
-		max: n,
-		format: s,
-		unit: e.unit,
-		onCommit: (t) => {
-			e.onInput?.(t), e.onChange(t);
-		}
-	});
-}
-function Z(e) {
-	return typeof e != "string" && typeof e != "number" ? e : /* @__PURE__ */ T("span", {
-		className: N.readoutGroup,
-		children: /* @__PURE__ */ T("span", {
-			className: N.readoutText,
-			children: e
-		})
-	});
-}
-function le({ name: e, value: t, min: n, max: r, format: a, unit: o, onCommit: s }) {
-	let [c, l] = j(null), u = (e) => {
-		let t = a(e);
-		return typeof t == "string" ? t : String(t);
-	}, d = c === null ? u(t) : c, f = { "--wzl-property-readout-fit": `${Math.max(u(n).length, u(r).length)}ch` }, p = () => {
-		if (c !== null) {
-			let e = i(c);
-			Number.isFinite(e) && s(Math.min(r, Math.max(n, e)));
-		}
-		l(null);
-	};
-	return /* @__PURE__ */ E("span", {
-		className: N.readoutGroup,
-		children: [/* @__PURE__ */ T("input", {
-			type: "text",
-			"aria-label": e,
-			inputMode: "decimal",
-			className: N.readoutInput,
-			style: f,
-			value: d,
-			onFocus: (e) => {
-				l(u(t)), e.currentTarget.select();
-			},
-			onChange: (e) => l(e.target.value.replace(/-/g, "−")),
-			onBlur: p,
-			onClick: (e) => {
-				e.preventDefault(), e.stopPropagation(), e.currentTarget.focus();
-			},
-			onMouseDown: (e) => e.stopPropagation(),
-			onKeyDown: (e) => {
-				e.key === "Enter" ? (p(), e.currentTarget.blur()) : e.key === "Escape" && (l(null), e.currentTarget.blur());
-			}
-		}), q(o, N.readoutUnit)]
-	});
-}
-function ue(e) {
-	let [t, n] = j(null), r = e.mixed ? "" : e.value ?? "", i = e.onInput !== void 0;
-	return {
-		shown: t ?? r,
-		type: (t) => {
-			if (!i) {
-				e.onChange(t);
-				return;
-			}
-			n(t), e.onInput?.(t);
-		},
-		settle: () => {
-			t !== null && t !== r && e.onChange(t), n(null);
-		}
-	};
-}
-function de(e) {
-	let t = ue(e), n = e.mixed ? "Mixed" : e.placeholder, r = (t) => {
-		t.key === "Enter" && e.control !== "textarea" && t.currentTarget.blur();
-	};
-	return e.control === "textarea" ? /* @__PURE__ */ T("textarea", {
-		id: e.id,
-		className: [e.chrome === "framed" && N.textarea, e.className].filter(Boolean).join(" ") || void 0,
-		"aria-label": e.name,
-		value: t.shown,
-		placeholder: n,
-		maxLength: e.maxLength,
-		rows: 3,
-		onChange: (e) => t.type(e.target.value),
-		onBlur: t.settle
-	}) : e.chrome === "framed" ? /* @__PURE__ */ T(p, {
-		className: e.className,
-		value: t.shown,
-		placeholder: n,
-		maxLength: e.maxLength,
-		"aria-label": e.name,
-		onChange: t.type,
-		onBlur: t.settle,
-		onKeyDown: r
-	}) : /* @__PURE__ */ T("input", {
-		id: e.id,
-		type: "text",
-		className: e.className,
-		"aria-label": e.name,
-		value: t.shown,
-		placeholder: n,
-		maxLength: e.maxLength,
-		onChange: (e) => t.type(e.target.value),
-		onBlur: t.settle,
-		onKeyDown: r
-	});
-}
-function Q(e) {
-	return typeof e == "string" ? e : void 0;
-}
-function fe(t) {
-	let n = !t.mixed && t.options.some((e) => e.value === t.value) ? t.value : null;
-	if (t.control === "radio" || t.control === "toggle") {
-		if (t.chrome === "framed") return t.control === "radio" ? /* @__PURE__ */ T(y, {
-			className: t.className,
-			value: n,
-			onChange: t.onChange,
-			"aria-label": t.name,
-			children: t.options.map((e) => /* @__PURE__ */ T(b, {
-				value: e.value,
-				isDisabled: e.disabled,
-				children: e.label
-			}, e.value))
-		}) : /* @__PURE__ */ T(g, {
-			size: "sm",
-			variant: "flat",
-			className: t.className,
-			ariaLabel: t.name,
-			items: t.options.map((e) => ({
-				value: e.value,
-				label: e.glyph ?? e.label,
-				ariaLabel: Q(e.label),
-				disabled: e.disabled
-			})),
-			value: n,
-			onChange: (e) => {
-				e !== null && t.onChange(e);
-			}
-		});
-		let e = t.control === "radio";
-		return /* @__PURE__ */ T("div", {
-			className: t.className ? `${N.toggle} ${t.className}` : N.toggle,
-			role: e ? "radiogroup" : "group",
-			"aria-label": t.name,
-			children: t.options.map((r) => {
-				let i = r.value === n;
-				return /* @__PURE__ */ T("button", {
-					type: "button",
-					role: e ? "radio" : void 0,
-					"aria-checked": e ? i : void 0,
-					"aria-pressed": e ? void 0 : i,
-					"aria-label": Q(r.label),
-					disabled: r.disabled,
-					className: i ? `${N.toggleButton} ${N.toggleButtonSelected}` : N.toggleButton,
-					onClick: () => t.onChange(r.value),
-					children: r.glyph ?? r.label
-				}, r.value);
-			})
-		});
-	}
-	let r = t.chrome !== "framed";
-	return /* @__PURE__ */ T(d, {
-		className: r ? t.className ? `${N.select} ${t.className}` : N.select : t.className,
-		variant: r ? "bare" : void 0,
-		triggerId: r ? t.id : void 0,
-		"aria-label": t.name,
-		placeholder: t.mixed ? "Mixed" : t.placeholder ?? (t.unset ? "—" : "Choose option…"),
-		selectedKey: n,
-		options: t.options.map((e) => ({
-			value: e.value,
-			label: e.label,
-			isDisabled: e.disabled
-		})),
-		onSelectionChange: (n) => {
-			e("property-panel", "select", {
-				name: t.name,
-				value: n
-			}), t.onChange(n);
-		}
-	});
-}
-function $(e) {
-	let t = ee(e?.trim() ?? "");
-	return /^#[0-9a-f]{8}$/i.test(t) ? {
-		rgb: t.slice(0, 7).toLowerCase(),
-		alpha: S(t)
-	} : {
-		rgb: "#000000",
-		alpha: 1
-	};
-}
-function pe(e) {
-	let t = e.alpha === !0, n = $(e.value), r = typeof e.alpha == "number" ? e.alpha : n.alpha, i = (e, n) => t ? C(e, n) : e, a = (e) => (t) => e(i(t, r)), o = (e, r) => t ? e && ((t) => e(C(n.rgb, t))) : r, s = o(e.onChange, e.onAlphaChange), c = o(e.onInput, e.onAlphaInput);
-	if (e.chrome === "framed") {
-		let t = e.alpha !== void 0 && e.alpha !== !1, i = (t, i) => t && ((a) => {
-			if (typeof e.alpha != "number") {
-				t(a);
-				return;
-			}
-			let o = $(a);
-			(o.rgb !== n.rgb || !i) && t(o.rgb), o.alpha !== r && i?.(o.alpha);
-		});
-		return /* @__PURE__ */ T(u, {
-			className: e.className,
-			value: e.mixed ? void 0 : t ? C(n.rgb, r) : e.value ?? "#000000",
-			mixed: e.mixed,
-			alpha: t,
-			onChange: i(e.onChange, e.onAlphaChange) ?? e.onChange,
-			onInput: i(e.onInput, e.onAlphaInput),
-			"aria-label": e.name
-		});
-	}
-	return /* @__PURE__ */ T(me, {
-		p: e,
-		rgb: n.rgb,
-		alpha: e.alpha === void 0 || e.alpha === !1 ? void 0 : r,
-		onColorChange: a(e.onChange),
-		onColorInput: e.onInput && a(e.onInput),
-		onAlphaChange: s,
-		onAlphaInput: c
-	});
-}
-function me({ p: e, rgb: t, alpha: n, onColorChange: r, onColorInput: i, onAlphaChange: a, onAlphaInput: o }) {
-	let s = i ?? r, l = K(i && ((e) => r(e))), u = o ?? a, d = K(o && a && ((e) => a(Number(e))));
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("input", {
-		ref: l,
-		id: e.id,
-		type: "color",
-		className: e.className,
-		"aria-label": e.name,
-		value: t,
-		"data-mixed": e.mixed || void 0,
-		onChange: (e) => s(e.target.value)
-	}), n !== void 0 && /* @__PURE__ */ T("input", {
-		ref: d,
-		type: "range",
-		"aria-label": e.name ? `${e.name} opacity` : void 0,
-		className: `${c.range} ${c.alpha} ${N.alpha}`,
-		min: 0,
-		max: 1,
-		step: .01,
-		value: n,
-		disabled: e.alphaDisabled,
-		onChange: (e) => u?.(Number(e.target.value))
-	})] });
-}
-function he(e) {
-	let t = e.control === "inline" ? _ : v;
-	return /* @__PURE__ */ T(t, {
-		className: e.className,
-		value: e.value,
-		mixed: e.mixed,
-		unset: e.unset,
-		kinds: e.kinds,
-		allowNone: e.allowNone,
-		onChange: e.onChange,
-		onInput: e.onInput,
-		"aria-label": e.name
-	});
-}
-//#endregion
-export { ae as a, P as c, I as i, N as l, B as n, L as o, oe as r, se as s, V as t };
-
-//# sourceMappingURL=PropertyField-DGCecAnV.js.map