@weasel-js/ui 1.4.2 → 1.4.4

package/dist/chunks/Callout-63z0T-w3.js

@@ -1,116 +0,0 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useCallback as r, useEffect as i, useId as a, useRef as o } from "react";
-import { Dialog as s, DialogTrigger as c, Heading as l, OverlayArrow as u, Popover as d } from "react-aria-components";
-import { createPortal as f } from "react-dom";
-var p = {
-	anchor: "_anchor_vtcyj_1",
-	popover: "_popover_vtcyj_6",
-	toneWarning: "_toneWarning_vtcyj_25",
-	toneDanger: "_toneDanger_vtcyj_29",
-	arrow: "_arrow_vtcyj_33",
-	dialog: "_dialog_vtcyj_52",
-	header: "_header_vtcyj_59",
-	title: "_title_vtcyj_66",
-	close: "_close_vtcyj_73",
-	body: "_body_vtcyj_89",
-	footer: "_footer_vtcyj_96"
-}, m = {
-	info: p.toneInfo,
-	warning: p.toneWarning,
-	danger: p.toneDanger
-};
-function h(c) {
-	let { children: h, className: g, title: _, footer: v, tone: y = "info", modal: b = !1, showCloseButton: x, onDismiss: S, triggerRef: C, anchorRect: w, placement: T = "top", offset: E = 12, maxHeight: D = 400, onOpenChange: O, shouldCloseOnInteractOutside: k, "aria-label": A, "aria-labelledby": j, ...M } = c, N = o(null), P = x ?? !b, F = o(S);
-	F.current = S;
-	let I = o((e) => {
-		e.key === "Escape" && F.current?.();
-	}), L = o(null), R = r((e) => {
-		L.current?.removeEventListener("keydown", I.current), L.current = e, e?.addEventListener("keydown", I.current);
-	}, []), z = a(), B = w !== void 0;
-	i(() => {
-		!B || typeof window > "u" || window.dispatchEvent(new Event("resize"));
-	}, [
-		B,
-		w?.x,
-		w?.y,
-		w?.width,
-		w?.height
-	]);
-	let V = b && _ !== void 0 ? z : j, H = b ? A : void 0;
-	return /* @__PURE__ */ n(e, { children: [w !== void 0 && f(/* @__PURE__ */ t("span", {
-		ref: N,
-		"data-callout-anchor": "",
-		className: p.anchor,
-		"aria-hidden": "true",
-		style: {
-			left: w.x,
-			top: w.y,
-			width: w.width,
-			height: w.height
-		}
-	}), document.body), /* @__PURE__ */ n(d, {
-		...M,
-		triggerRef: w === void 0 ? C : N,
-		isNonModal: !b,
-		placement: T,
-		offset: E,
-		maxHeight: D,
-		onOpenChange: O,
-		shouldCloseOnInteractOutside: k ?? (b ? () => !1 : void 0),
-		"aria-label": H,
-		"aria-labelledby": V,
-		className: [
-			p.popover,
-			m[y],
-			g
-		].filter(Boolean).join(" "),
-		"data-weasel-overlay": "",
-		children: [/* @__PURE__ */ t(u, {
-			className: p.arrow,
-			children: /* @__PURE__ */ t("svg", {
-				width: 12,
-				height: 12,
-				viewBox: "0 0 12 12",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("path", { d: "M0 0 L6 6 L12 0" })
-			})
-		}), /* @__PURE__ */ t(s, {
-			role: b ? "alertdialog" : "dialog",
-			className: p.dialog,
-			"aria-label": A,
-			"aria-labelledby": j,
-			ref: R,
-			children: ({ close: r }) => /* @__PURE__ */ n(e, { children: [
-				(_ !== void 0 || P) && /* @__PURE__ */ n("header", {
-					className: p.header,
-					children: [_ !== void 0 && /* @__PURE__ */ t(l, {
-						id: z,
-						slot: "title",
-						className: p.title,
-						children: _
-					}), P && /* @__PURE__ */ t("button", {
-						type: "button",
-						className: p.close,
-						onClick: () => {
-							r(), O?.(!1), S?.();
-						},
-						"aria-label": "Close callout",
-						children: "×"
-					})]
-				}),
-				/* @__PURE__ */ t("div", {
-					className: p.body,
-					children: h
-				}),
-				v !== void 0 && /* @__PURE__ */ t("footer", {
-					className: p.footer,
-					children: v
-				})
-			] })
-		})]
-	})] });
-}
-//#endregion
-export { c as n, h as t };
-
-//# sourceMappingURL=Callout-63z0T-w3.js.map

package/dist/chunks/Callout-63z0T-w3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Callout-63z0T-w3.js","names":[],"sources":["../../src/components/Callout/Callout.module.css","../../src/components/Callout/Callout.tsx"],"sourcesContent":[".anchor {\n  position: fixed;\n  pointer-events: none;\n}\n\n.popover {\n  /* Above Dialog overlay (1000) and ToastRegion (1100) — RAC sets no z-index. */\n  z-index: 1200;\n  --callout-accent: var(--wzl-accent-strong);\n  background: var(--wzl-surface);\n  border: 1px solid var(--callout-accent);\n  border-radius: var(--wzl-radius-md);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  max-width: 320px;\n  transition: opacity var(--wzl-motion-fast);\n}\n\n.popover[data-entering],\n.popover[data-exiting] {\n  opacity: 0;\n}\n\n.toneWarning {\n  --callout-accent: var(--wzl-warning, #d99a3f);\n}\n\n.toneDanger {\n  --callout-accent: var(--wzl-danger);\n}\n\n.arrow svg {\n  display: block;\n  fill: var(--wzl-surface);\n  stroke: var(--callout-accent);\n  stroke-width: 1;\n}\n\n.arrow[data-placement='bottom'] svg {\n  transform: rotate(180deg);\n}\n\n.arrow[data-placement='left'] svg {\n  transform: rotate(-90deg);\n}\n\n.arrow[data-placement='right'] svg {\n  transform: rotate(90deg);\n}\n\n.dialog {\n  outline: none;\n  max-height: inherit;\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px 0;\n}\n\n.title {\n  margin: 0;\n  flex: 1;\n  font-size: var(--wzl-font-size);\n  font-weight: var(--wzl-font-weight-bold);\n}\n\n.close {\n  flex: 0 0 auto;\n  background: none;\n  border: none;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-lg);\n  line-height: 1;\n  padding: 2px 4px;\n  cursor: pointer;\n  border-radius: var(--wzl-radius-sm);\n}\n\n.close:hover {\n  color: var(--wzl-fg);\n}\n\n.body {\n  padding: 8px 12px 10px;\n  font-size: var(--wzl-font-size);\n  line-height: 1.4;\n  overflow-y: auto;\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 0 12px 10px;\n}\n","import { useCallback, useEffect, useId, useRef, type ReactNode, type RefObject } from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DialogTrigger,\n  Popover as RACPopover,\n  OverlayArrow,\n  Dialog as RACDialog,\n  Heading,\n  type PopoverProps as RACPopoverProps,\n} from 'react-aria-components';\nimport s from './Callout.module.css';\n\n/** Accent color of a {@link Callout}'s border and arrow. */\nexport type CalloutTone = 'info' | 'warning' | 'danger';\n\n/**\n * Composition wrapper for press-to-open callouts:\n * `<CalloutTrigger><Pressable>…</Pressable><Callout>…</Callout></CalloutTrigger>`.\n * Re-exported RAC DialogTrigger — non-RAC trigger elements must be wrapped\n * in `<Pressable>` from react-aria-components.\n * In composed mode, put `defaultOpen` on `CalloutTrigger`, not `Callout` —\n * RAC detaches to local open state on the trigger, not the popover.\n */\nexport { DialogTrigger as CalloutTrigger };\n\n/** Props for {@link Callout}, on top of React Aria's `Popover` props. */\nexport type CalloutProps = Omit<\n  RACPopoverProps,\n  'children' | 'className' | 'isNonModal' | 'triggerRef'\n> & {\n  children?: ReactNode;\n  className?: string;\n  /** Optional heading rendered above the body. */\n  title?: ReactNode;\n  /** Footer slot — typically action buttons. */\n  footer?: ReactNode;\n  /** Accent tone for border + arrow. Default `info`. */\n  tone?: CalloutTone;\n  /**\n   * `true` — blocks interaction with the rest of the app until dismissed;\n   * inner dialog is `role=\"alertdialog\"`. `false` (default) — non-blocking:\n   * the app stays interactive; Esc / outside click / close button dismiss.\n   */\n  modal?: boolean;\n  /**\n   * Show the × button. Defaults to `!modal`. In programmatic\n   * `triggerRef`/`anchorRect` modes the close button needs controlled open\n   * (`isOpen` + `onOpenChange`); with only `defaultOpen` it has no open-state\n   * setter to call and cannot close.\n   */\n  showCloseButton?: boolean;\n  /**\n   * The user asked for this callout to go away — the × button or Escape.\n   *\n   * Distinct from `onOpenChange`, which a non-modal popover *also* fires when\n   * interaction or focus merely leaves it. On a canvas that's every click on\n   * the artwork, so a consumer that pins `isOpen` and treats `onOpenChange`\n   * as dismissal retires messages nobody read. Use this instead: it fires\n   * only on a deliberate act, and never on incidental focus loss.\n   */\n  onDismiss?: () => void;\n  /** Anchor to an arbitrary element (programmatic use, with `isOpen`). */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Anchor to a client-coordinate rect — e.g. a scene node's on-screen box.\n   * The callout re-anchors whenever this rect changes, so a consumer that\n   * recomputes it on pan, zoom, or scene edits keeps the arrow on its target.\n   * Takes precedence over `triggerRef`.\n   */\n  anchorRect?: { x: number; y: number; width: number; height: number };\n};\n\nconst toneClass: Record<CalloutTone, string> = {\n  info: s.toneInfo,\n  warning: s.toneWarning,\n  danger: s.toneDanger,\n};\n\n/**\n * Anchored callout with an arrow pointing at its source — a trigger\n * element, an arbitrary `triggerRef`, or a client-space `anchorRect`.\n * Wraps React Aria Popover + Dialog; positioning, collision flipping,\n * dismissal, and focus behavior come from the underlying primitives.\n */\nexport function Callout(props: CalloutProps) {\n  const {\n    children,\n    className,\n    title,\n    footer,\n    tone = 'info',\n    modal = false,\n    showCloseButton,\n    onDismiss,\n    triggerRef,\n    anchorRect,\n    placement = 'top',\n    offset = 12,\n    maxHeight = 400,\n    onOpenChange,\n    shouldCloseOnInteractOutside,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    ...rest\n  } = props;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const showClose = showCloseButton ?? !modal;\n  // Escape is a dismissal like the × is. It can't ride on a React `onKeyDown`:\n  // RAC's Dialog runs its props through filterDOMProps, which drops handlers\n  // it doesn't know, so the listener goes on the section itself. RAC's own\n  // Escape handling is untouched — this only adds the signal.\n  const onDismissRef = useRef(onDismiss);\n  onDismissRef.current = onDismiss;\n  const escapeListener = useRef((e: KeyboardEvent) => {\n    if (e.key === 'Escape') onDismissRef.current?.();\n  });\n  const listeningTo = useRef<HTMLElement | null>(null);\n  const dialogRef = useCallback((node: HTMLElement | null) => {\n    listeningTo.current?.removeEventListener('keydown', escapeListener.current);\n    listeningTo.current = node;\n    node?.addEventListener('keydown', escapeListener.current);\n  }, []);\n  const titleId = useId();\n  // RAC positions on open and recomputes on scroll, resize, and a\n  // ResizeObserver on the anchor — none of which fire when `anchorRect` is\n  // merely *translated*, as it is when a consumer tracks a scene node across a\n  // pan. (Zoom happens to work, since scaling also changes the anchor's size.)\n  // Nudging RAC's own resize listener is the supported way to make it\n  // recompute; there's no public updatePosition on Popover.\n  const hasAnchorRect = anchorRect !== undefined;\n  useEffect(() => {\n    if (!hasAnchorRect || typeof window === 'undefined') return;\n    window.dispatchEvent(new Event('resize'));\n  }, [hasAnchorRect, anchorRect?.x, anchorRect?.y, anchorRect?.width, anchorRect?.height]);\n  // RAC's popover role-heuristic misses alertdialog; label the outer role\n  // it stamps. Upstream: react-spectrum Popover.mjs querySelector('[role=dialog]').\n  const popoverAriaLabelledby =\n    modal && title !== undefined ? titleId : ariaLabelledby;\n  const popoverAriaLabel = modal ? ariaLabel : undefined;\n  return (\n    <>\n      {/* Harmless while closed — RAC reads the ref only when the popover is open. */}\n      {anchorRect !== undefined &&\n        createPortal(\n          <span\n            ref={anchorRef}\n            data-callout-anchor=\"\"\n            className={s.anchor}\n            aria-hidden=\"true\"\n            // Dynamic geometry — inline style is the mechanism here, not styling.\n            style={{\n              left: anchorRect.x,\n              top: anchorRect.y,\n              width: anchorRect.width,\n              height: anchorRect.height,\n            }}\n          />,\n          document.body,\n        )}\n      <RACPopover\n        {...rest}\n        triggerRef={anchorRect !== undefined ? anchorRef : triggerRef}\n        isNonModal={!modal}\n        placement={placement}\n        offset={offset}\n        maxHeight={maxHeight}\n        onOpenChange={onOpenChange}\n        shouldCloseOnInteractOutside={\n          shouldCloseOnInteractOutside ?? (modal ? () => false : undefined)\n        }\n        aria-label={popoverAriaLabel}\n        aria-labelledby={popoverAriaLabelledby}\n        className={[s.popover, toneClass[tone], className].filter(Boolean).join(' ')}\n        data-weasel-overlay=\"\"\n      >\n        <OverlayArrow className={s.arrow}>\n          <svg width={12} height={12} viewBox=\"0 0 12 12\" aria-hidden=\"true\">\n            <path d=\"M0 0 L6 6 L12 0\" />\n          </svg>\n        </OverlayArrow>\n        <RACDialog\n          role={modal ? 'alertdialog' : 'dialog'}\n          className={s.dialog}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          ref={dialogRef}\n        >\n          {({ close }) => (\n            <>\n              {(title !== undefined || showClose) && (\n                <header className={s.header}>\n                  {title !== undefined && (\n                    <Heading id={titleId} slot=\"title\" className={s.title}>\n                      {title}\n                    </Heading>\n                  )}\n                  {showClose && (\n                    <button\n                      type=\"button\"\n                      className={s.close}\n                      onClick={() => {\n                        // `close()` resolves OverlayTriggerStateContext, only\n                        // provided by DialogTrigger (composed mode). In\n                        // triggerRef/anchorRect modes there is no such\n                        // context, so `close()` is a no-op there — the\n                        // controlled-open fallback below does the work.\n                        close();\n                        onOpenChange?.(false);\n                        onDismiss?.();\n                      }}\n                      aria-label=\"Close callout\"\n                    >\n                      ×\n                    </button>\n                  )}\n                </header>\n              )}\n              <div className={s.body}>{children}</div>\n              {footer !== undefined && <footer className={s.footer}>{footer}</footer>}\n            </>\n          )}\n        </RACDialog>\n      </RACPopover>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;GCwEM,IAAyC;CAC7C,MAAM,EAAE;CACR,SAAS,EAAE;CACX,QAAQ,EAAE;CACX;AAQD,SAAgB,EAAQ,GAAqB;CAC3C,IAAM,EACJ,aACA,cACA,UACA,WACA,UAAO,QACP,WAAQ,IACR,oBACA,cACA,eACA,eACA,eAAY,OACZ,YAAS,IACT,eAAY,KACZ,iBACA,iCACA,cAAc,GACd,mBAAmB,GACnB,GAAG,MACD,GACE,IAAY,EAAwB,KAAK,EACzC,IAAY,KAAmB,CAAC,GAKhC,IAAe,EAAO,EAAU;AACtC,GAAa,UAAU;CACvB,IAAM,IAAiB,GAAQ,MAAqB;AAClD,EAAI,EAAE,QAAQ,YAAU,EAAa,WAAW;GAChD,EACI,IAAc,EAA2B,KAAK,EAC9C,IAAY,GAAa,MAA6B;AAG1D,EAFA,EAAY,SAAS,oBAAoB,WAAW,EAAe,QAAQ,EAC3E,EAAY,UAAU,GACtB,GAAM,iBAAiB,WAAW,EAAe,QAAQ;IACxD,EAAE,CAAC,EACA,IAAU,GAAO,EAOjB,IAAgB,MAAe,KAAA;AACrC,SAAgB;AACV,GAAC,KAAiB,OAAO,SAAW,OACxC,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC;IACxC;EAAC;EAAe,GAAY;EAAG,GAAY;EAAG,GAAY;EAAO,GAAY;EAAO,CAAC;CAGxF,IAAM,IACJ,KAAS,MAAU,KAAA,IAAY,IAAU,GACrC,IAAmB,IAAQ,IAAY,KAAA;AAC7C,QACE,kBAAA,GAAA,EAAA,UAAA,CAEG,MAAe,KAAA,KACd,EACE,kBAAC,QAAD;EACE,KAAK;EACL,uBAAoB;EACpB,WAAW,EAAE;EACb,eAAY;EAEZ,OAAO;GACL,MAAM,EAAW;GACjB,KAAK,EAAW;GAChB,OAAO,EAAW;GAClB,QAAQ,EAAW;GACpB;EACD,CAAA,EACF,SAAS,KACV,EACH,kBAAC,GAAD;EACE,GAAI;EACJ,YAAY,MAAe,KAAA,IAAwB,IAAZ;EACvC,YAAY,CAAC;EACF;EACH;EACG;EACG;EACd,8BACE,MAAiC,UAAc,KAAQ,KAAA;EAEzD,cAAY;EACZ,mBAAiB;EACjB,WAAW;GAAC,EAAE;GAAS,EAAU;GAAO;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC5E,uBAAoB;YAdtB,CAgBE,kBAAC,GAAD;GAAc,WAAW,EAAE;aACzB,kBAAC,OAAD;IAAK,OAAO;IAAI,QAAQ;IAAI,SAAQ;IAAY,eAAY;cAC1D,kBAAC,QAAD,EAAM,GAAE,mBAAoB,CAAA;IACxB,CAAA;GACO,CAAA,EACf,kBAAC,GAAD;GACE,MAAM,IAAQ,gBAAgB;GAC9B,WAAW,EAAE;GACb,cAAY;GACZ,mBAAiB;GACjB,KAAK;cAEH,EAAE,eACF,kBAAA,GAAA,EAAA,UAAA;KACI,MAAU,KAAA,KAAa,MACvB,kBAAC,UAAD;KAAQ,WAAW,EAAE;eAArB,CACG,MAAU,KAAA,KACT,kBAAC,GAAD;MAAS,IAAI;MAAS,MAAK;MAAQ,WAAW,EAAE;gBAC7C;MACO,CAAA,EAEX,KACC,kBAAC,UAAD;MACE,MAAK;MACL,WAAW,EAAE;MACb,eAAe;AAQb,OAFA,GAAO,EACP,IAAe,GAAM,EACrB,KAAa;;MAEf,cAAW;gBACZ;MAEQ,CAAA,CAEJ;;IAEX,kBAAC,OAAD;KAAK,WAAW,EAAE;KAAO;KAAe,CAAA;IACvC,MAAW,KAAA,KAAa,kBAAC,UAAD;KAAQ,WAAW,EAAE;eAAS;KAAgB,CAAA;IACtE,EAAA,CAAA;GAEK,CAAA,CACD;IACZ,EAAA,CAAA"}

package/dist/chunks/ComboBox-TnIrRldB.js

@@ -1,89 +0,0 @@
-import { n as e } from "./Field-BUroh92b.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Button as r, ComboBox as i, FieldError as a, Input as o, Label as s, ListBox as c, ListBoxItem as l, Popover as u, Text as d } from "react-aria-components";
-var f = {
-	field: "_field_148rf_1",
-	frame: "_frame_148rf_9",
-	openButton: "_openButton_148rf_53",
-	popover: "_popover_148rf_75",
-	listbox: "_listbox_148rf_80",
-	option: "_option_148rf_93",
-	empty: "_empty_148rf_116"
-};
-//#endregion
-//#region src/components/ComboBox/ComboBox.tsx
-function p(l) {
-	let { label: p, description: h, errorMessage: g, placeholder: _, options: v, children: y, selectedKey: b, defaultSelectedKey: x, onSelectionChange: S, emptyLabel: C = "No matches", className: w, ...T } = l;
-	return /* @__PURE__ */ n(i, {
-		...T,
-		selectedKey: b,
-		defaultSelectedKey: x,
-		onSelectionChange: S ? (e) => S(e) : void 0,
-		className: [
-			f.field,
-			e.root,
-			w
-		].filter(Boolean).join(" "),
-		children: [
-			p !== void 0 && /* @__PURE__ */ t(s, {
-				className: e.label,
-				children: p
-			}),
-			/* @__PURE__ */ n("div", {
-				className: f.frame,
-				children: [/* @__PURE__ */ t(o, { placeholder: _ }), /* @__PURE__ */ t(r, {
-					className: f.openButton,
-					"aria-label": "Show options",
-					children: /* @__PURE__ */ t("svg", {
-						viewBox: "0 0 10 10",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ t("path", {
-							d: "M2 4 L5 7 L8 4",
-							fill: "none",
-							stroke: "currentColor",
-							strokeWidth: "1.5",
-							strokeLinecap: "round",
-							strokeLinejoin: "round"
-						})
-					})
-				})]
-			}),
-			h !== void 0 && /* @__PURE__ */ t(d, {
-				slot: "description",
-				className: e.hint,
-				children: h
-			}),
-			/* @__PURE__ */ t(a, {
-				className: e.error,
-				children: g
-			}),
-			/* @__PURE__ */ t(u, {
-				className: f.popover,
-				"data-weasel-overlay": "",
-				children: /* @__PURE__ */ t(c, {
-					className: f.listbox,
-					renderEmptyState: () => /* @__PURE__ */ t("div", {
-						className: f.empty,
-						children: C
-					}),
-					children: v === void 0 ? y : v.map((e) => /* @__PURE__ */ t(m, {
-						id: e.value,
-						textValue: e.textValue,
-						isDisabled: e.isDisabled,
-						children: e.label
-					}, String(e.value)))
-				})
-			})
-		]
-	});
-}
-function m({ className: e, ...n }) {
-	return /* @__PURE__ */ t(l, {
-		...n,
-		className: [f.option, e].filter(Boolean).join(" ")
-	});
-}
-//#endregion
-export { m as n, p as t };
-
-//# sourceMappingURL=ComboBox-TnIrRldB.js.map

package/dist/chunks/ComboBox-TnIrRldB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboBox-TnIrRldB.js","names":[],"sources":["../../src/components/ComboBox/ComboBox.module.css","../../src/components/ComboBox/ComboBox.tsx"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  gap: 4px;\n}\n\n.frame {\n  display: flex;\n  align-items: stretch;\n  height: var(--wzl-field-h, var(--wzl-control-h));\n  background: var(--wzl-surface-sunken);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n  line-height: 1;\n  overflow: hidden;\n  transition: border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);\n}\n\n.frame:focus-within {\n  border-color: var(--wzl-focus-ring);\n  box-shadow: 0 0 0 1px var(--wzl-focus-ring);\n}\n\n.field[data-invalid] .frame {\n  border-color: var(--wzl-danger);\n}\n\n.field[data-disabled] .frame {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.frame input {\n  flex: 1;\n  min-width: 0;\n  background: transparent;\n  border: none;\n  outline: none;\n  color: inherit;\n  font: inherit;\n  padding: 0 var(--wzl-field-pad-x);\n}\n\n.frame input::placeholder {\n  color: var(--wzl-fg-subtle);\n}\n\n.openButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 22px;\n  background: transparent;\n  border: none;\n  border-left: 1px solid var(--wzl-border);\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  padding: 0;\n}\n\n.openButton[data-hovered]:not([data-disabled]) {\n  color: var(--wzl-fg);\n}\n\n.openButton svg {\n  width: 10px;\n  height: 10px;\n}\n\n.popover {\n  min-width: var(--trigger-width);\n  outline: none;\n}\n\n.listbox {\n  background: var(--wzl-surface-raised);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n  padding: 4px;\n  max-height: 280px;\n  overflow: auto;\n  outline: none;\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n}\n\n.option {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: var(--wzl-radius-sm);\n  cursor: pointer;\n  color: var(--wzl-fg);\n  outline: none;\n}\n\n.option[data-focused] {\n  background: var(--wzl-surface-hover);\n}\n\n.option[data-selected] {\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.option[data-disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.empty {\n  padding: 6px 8px;\n  color: var(--wzl-fg-subtle);\n  font-size: var(--wzl-font-size-sm);\n}\n","import type { ReactNode } from 'react';\nimport {\n  ComboBox as RACComboBox,\n  Label,\n  Input as RACInput,\n  Button as RACButton,\n  Popover as RACPopover,\n  ListBox as RACListBox,\n  ListBoxItem as RACListBoxItem,\n  Text,\n  FieldError,\n  type ComboBoxProps as RACComboBoxProps,\n  type ListBoxItemProps as RACListBoxItemProps,\n  type ValidationResult,\n} from 'react-aria-components';\nimport { fieldClasses } from '../Field/Field';\nimport s from './ComboBox.module.css';\n\n/**\n * One option in a {@link ComboBox}'s `options` list. `textValue` is the\n * plain-text form used for filtering and screen readers, needed only when\n * `label` isn't a bare string.\n */\nexport type ComboBoxOption = {\n  value: string;\n  label: ReactNode;\n  textValue?: string;\n  isDisabled?: boolean;\n};\n\ntype Key = string | number;\n\n/**\n * Props for {@link ComboBox}, on top of React Aria's `ComboBox` props, with\n * the selection key narrowed to the option value type.\n */\nexport type ComboBoxProps<T extends Key = string> = Omit<RACComboBoxProps<object>, 'children' | 'className' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);\n  placeholder?: string;\n  options?: ReadonlyArray<ComboBoxOption & { value: T }>;\n  children?: ReactNode;\n  selectedKey?: T | null;\n  defaultSelectedKey?: T;\n  onSelectionChange?: (key: T | null) => void;\n  emptyLabel?: ReactNode;\n  className?: string;\n};\n\n/**\n * Filterable single-select wrapping React Aria's ComboBox. The user can\n * type to filter; selection commits to `onSelectionChange`. When no value\n * is in the input, selection clears (key becomes null).\n */\nexport function ComboBox<T extends Key = string>(props: ComboBoxProps<T>) {\n  const {\n    label,\n    description,\n    errorMessage,\n    placeholder,\n    options,\n    children,\n    selectedKey,\n    defaultSelectedKey,\n    onSelectionChange,\n    emptyLabel = 'No matches',\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <RACComboBox\n      {...rest}\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange ? (k) => onSelectionChange(k as T | null) : undefined}\n      className={[s.field, fieldClasses.root, className].filter(Boolean).join(' ')}\n    >\n      {label !== undefined && <Label className={fieldClasses.label}>{label}</Label>}\n      <div className={s.frame}>\n        <RACInput placeholder={placeholder} />\n        <RACButton className={s.openButton} aria-label=\"Show options\">\n          <svg viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n            <path d=\"M2 4 L5 7 L8 4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n          </svg>\n        </RACButton>\n      </div>\n      {description !== undefined && (\n        <Text slot=\"description\" className={fieldClasses.hint}>\n          {description}\n        </Text>\n      )}\n      <FieldError className={fieldClasses.error}>{errorMessage}</FieldError>\n      <RACPopover className={s.popover} data-weasel-overlay=\"\">\n        <RACListBox className={s.listbox} renderEmptyState={() => <div className={s.empty}>{emptyLabel}</div>}>\n          {options !== undefined\n            ? options.map((o) => (\n                <ComboBoxItem key={String(o.value)} id={o.value} textValue={o.textValue} isDisabled={o.isDisabled}>\n                  {o.label}\n                </ComboBoxItem>\n              ))\n            : children}\n        </RACListBox>\n      </RACPopover>\n    </RACComboBox>\n  );\n}\n\n/** Props for {@link ComboBoxItem}, on top of React Aria's `ListBoxItem` props. */\nexport type ComboBoxItemProps = Omit<RACListBoxItemProps, 'className'> & {\n  className?: string;\n};\n\n/** One row in a {@link ComboBox}'s filtered list. */\nexport function ComboBoxItem({ className, ...rest }: ComboBoxItemProps) {\n  return <RACListBoxItem {...rest} className={[s.option, className].filter(Boolean).join(' ')} />;\n}\n"],"mappings":";;;;;;;;;;;;;;ACuDA,SAAgB,EAAiC,GAAyB;CACxE,IAAM,EACJ,UACA,gBACA,iBACA,gBACA,YACA,aACA,gBACA,uBACA,sBACA,gBAAa,cACb,cACA,GAAG,MACD;AAEJ,QACE,kBAAC,GAAD;EACE,GAAI;EACS;EACO;EACpB,mBAAmB,KAAqB,MAAM,EAAkB,EAAc,GAAG,KAAA;EACjF,WAAW;GAAC,EAAE;GAAO,EAAa;GAAM;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;YAL9E;GAOG,MAAU,KAAA,KAAa,kBAAC,GAAD;IAAO,WAAW,EAAa;cAAQ;IAAc,CAAA;GAC7E,kBAAC,OAAD;IAAK,WAAW,EAAE;cAAlB,CACE,kBAAC,GAAD,EAAuB,gBAAe,CAAA,EACtC,kBAAC,GAAD;KAAW,WAAW,EAAE;KAAY,cAAW;eAC7C,kBAAC,OAAD;MAAK,SAAQ;MAAY,eAAY;gBACnC,kBAAC,QAAD;OAAM,GAAE;OAAiB,MAAK;OAAO,QAAO;OAAe,aAAY;OAAM,eAAc;OAAQ,gBAAe;OAAU,CAAA;MACxH,CAAA;KACI,CAAA,CACR;;GACL,MAAgB,KAAA,KACf,kBAAC,GAAD;IAAM,MAAK;IAAc,WAAW,EAAa;cAC9C;IACI,CAAA;GAET,kBAAC,GAAD;IAAY,WAAW,EAAa;cAAQ;IAA0B,CAAA;GACtE,kBAAC,GAAD;IAAY,WAAW,EAAE;IAAS,uBAAoB;cACpD,kBAAC,GAAD;KAAY,WAAW,EAAE;KAAS,wBAAwB,kBAAC,OAAD;MAAK,WAAW,EAAE;gBAAQ;MAAiB,CAAA;eAClG,MAAY,KAAA,IAMT,IALA,EAAQ,KAAK,MACX,kBAAC,GAAD;MAAoC,IAAI,EAAE;MAAO,WAAW,EAAE;MAAW,YAAY,EAAE;gBACpF,EAAE;MACU,EAFI,OAAO,EAAE,MAAM,CAEnB,CACf;KAEK,CAAA;IACF,CAAA;GACD;;;AAUlB,SAAgB,EAAa,EAAE,cAAW,GAAG,KAA2B;AACtE,QAAO,kBAAC,GAAD;EAAgB,GAAI;EAAM,WAAW,CAAC,EAAE,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAI,CAAA"}

package/dist/chunks/Dialog-D8pVzsw8.js

@@ -1,59 +0,0 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Dialog as r, Heading as i, Modal as a, ModalOverlay as o } from "react-aria-components";
-var s = {
-	overlay: "_overlay_1og89_1",
-	modal: "_modal_1og89_29",
-	dialog: "_dialog_1og89_43",
-	header: "_header_1og89_51",
-	title: "_title_1og89_60",
-	close: "_close_1og89_68",
-	body: "_body_1og89_90",
-	footer: "_footer_1og89_97"
-};
-//#endregion
-//#region src/components/Dialog/Dialog.tsx
-function c(c) {
-	let { title: l, showCloseButton: u, children: d, footer: f, role: p = "dialog", className: m, isOpen: h, onOpenChange: g, ..._ } = c, v = u ?? !!g;
-	return /* @__PURE__ */ t(o, {
-		..._,
-		isOpen: h,
-		onOpenChange: g,
-		className: s.overlay,
-		"data-weasel-overlay": "",
-		children: /* @__PURE__ */ t(a, {
-			className: [s.modal, m].filter(Boolean).join(" "),
-			children: /* @__PURE__ */ t(r, {
-				role: p,
-				className: s.dialog,
-				children: ({ close: r }) => /* @__PURE__ */ n(e, { children: [
-					(l !== void 0 || v) && /* @__PURE__ */ n("header", {
-						className: s.header,
-						children: [l !== void 0 && /* @__PURE__ */ t(i, {
-							slot: "title",
-							className: s.title,
-							children: l
-						}), v && /* @__PURE__ */ t("button", {
-							type: "button",
-							className: s.close,
-							onClick: r,
-							"aria-label": "Close dialog",
-							children: "×"
-						})]
-					}),
-					/* @__PURE__ */ t("div", {
-						className: s.body,
-						children: d
-					}),
-					f !== void 0 && /* @__PURE__ */ t("footer", {
-						className: s.footer,
-						children: f
-					})
-				] })
-			})
-		})
-	});
-}
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=Dialog-D8pVzsw8.js.map

package/dist/chunks/Dialog-D8pVzsw8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog-D8pVzsw8.js","names":[],"sources":["../../src/components/Dialog/Dialog.module.css","../../src/components/Dialog/Dialog.tsx"],"sourcesContent":[".overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n  opacity: 0;\n  transition: opacity var(--wzl-motion-fast);\n}\n\n.overlay[data-entering] {\n  opacity: 0;\n}\n\n.overlay[data-entering][data-rac] {\n  opacity: 1;\n}\n\n.overlay[data-exiting] {\n  opacity: 0;\n}\n\n.overlay[data-rac]:not([data-entering]):not([data-exiting]) {\n  opacity: 1;\n}\n\n.modal {\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  max-width: min(900px, calc(100vw - 32px));\n  max-height: calc(100vh - 32px);\n  display: flex;\n  flex-direction: column;\n  outline: none;\n}\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  flex: 1;\n  outline: none;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--wzl-border);\n  flex: 0 0 auto;\n}\n\n.title {\n  flex: 1;\n  margin: 0;\n  font-size: var(--wzl-font-size);\n  font-weight: var(--wzl-font-weight-bold);\n  color: var(--wzl-fg);\n}\n\n.close {\n  flex: 0 0 auto;\n  width: 22px;\n  height: 22px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  padding: 0;\n  font-size: var(--wzl-font-size-lg);\n  line-height: 1;\n}\n\n.close:hover {\n  background: var(--wzl-surface-hover);\n  color: var(--wzl-fg);\n}\n\n.body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: 16px;\n}\n\n.footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--wzl-border);\n  flex: 0 0 auto;\n}\n","import type { ReactNode } from 'react';\nimport {\n  Modal as RACModal,\n  ModalOverlay,\n  Dialog as RACDialog,\n  Heading,\n  type ModalOverlayProps,\n  type DialogProps as RACDialogProps,\n} from 'react-aria-components';\nimport s from './Dialog.module.css';\n\n/** Props for {@link Dialog}, on top of React Aria's `ModalOverlay` props. */\nexport type DialogProps = Omit<ModalOverlayProps, 'children' | 'className'> & {\n  /** Heading rendered in the dialog's default header. Omit when supplying\n   *  a custom `header` slot via children. */\n  title?: ReactNode;\n  /** Show the built-in close button. Defaults to true when `onOpenChange`\n   *  is wired so the user has an escape hatch. */\n  showCloseButton?: boolean;\n  /** Body content. */\n  children?: ReactNode;\n  /** Footer slot — typically action buttons. */\n  footer?: ReactNode;\n  /** ARIA role. Defaults to `dialog`. Use `alertdialog` for confirms. */\n  role?: RACDialogProps['role'];\n  /** Class applied to the modal box (inside the overlay). */\n  className?: string;\n};\n\n/**\n * Modal dialog wrapping React Aria. Supplies a default header (title +\n * close), scrollable body, and footer slot. Pass `isOpen` + `onOpenChange`\n * for controlled visibility, or omit both and use a `<DialogTrigger>` from\n * `react-aria-components` upstream of this component.\n *\n * Escape, click-outside, focus trap, and scroll lock all come from the\n * underlying primitives.\n */\nexport function Dialog(props: DialogProps) {\n  const {\n    title,\n    showCloseButton,\n    children,\n    footer,\n    role = 'dialog',\n    className,\n    isOpen,\n    onOpenChange,\n    ...rest\n  } = props;\n\n  const showClose = showCloseButton ?? Boolean(onOpenChange);\n\n  return (\n    <ModalOverlay {...rest} isOpen={isOpen} onOpenChange={onOpenChange} className={s.overlay} data-weasel-overlay=\"\">\n      <RACModal className={[s.modal, className].filter(Boolean).join(' ')}>\n        <RACDialog role={role} className={s.dialog}>\n          {({ close }) => (\n            <>\n              {(title !== undefined || showClose) && (\n                <header className={s.header}>\n                  {title !== undefined && (\n                    <Heading slot=\"title\" className={s.title}>{title}</Heading>\n                  )}\n                  {showClose && (\n                    <button\n                      type=\"button\"\n                      className={s.close}\n                      onClick={close}\n                      aria-label=\"Close dialog\"\n                    >\n                      ×\n                    </button>\n                  )}\n                </header>\n              )}\n              <div className={s.body}>{children}</div>\n              {footer !== undefined && <footer className={s.footer}>{footer}</footer>}\n            </>\n          )}\n        </RACDialog>\n      </RACModal>\n    </ModalOverlay>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;ACsCA,SAAgB,EAAO,GAAoB;CACzC,IAAM,EACJ,UACA,oBACA,aACA,WACA,UAAO,UACP,cACA,WACA,iBACA,GAAG,MACD,GAEE,IAAY,KAAmB,EAAQ;AAE7C,QACE,kBAAC,GAAD;EAAc,GAAI;EAAc;EAAsB;EAAc,WAAW,EAAE;EAAS,uBAAoB;YAC5G,kBAAC,GAAD;GAAU,WAAW,CAAC,EAAE,OAAO,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;aACjE,kBAAC,GAAD;IAAiB;IAAM,WAAW,EAAE;eAChC,EAAE,eACF,kBAAA,GAAA,EAAA,UAAA;MACI,MAAU,KAAA,KAAa,MACvB,kBAAC,UAAD;MAAQ,WAAW,EAAE;gBAArB,CACG,MAAU,KAAA,KACT,kBAAC,GAAD;OAAS,MAAK;OAAQ,WAAW,EAAE;iBAAQ;OAAgB,CAAA,EAE5D,KACC,kBAAC,UAAD;OACE,MAAK;OACL,WAAW,EAAE;OACb,SAAS;OACT,cAAW;iBACZ;OAEQ,CAAA,CAEJ;;KAEX,kBAAC,OAAD;MAAK,WAAW,EAAE;MAAO;MAAe,CAAA;KACvC,MAAW,KAAA,KAAa,kBAAC,UAAD;MAAQ,WAAW,EAAE;gBAAS;MAAgB,CAAA;KACtE,EAAA,CAAA;IAEK,CAAA;GACH,CAAA;EACE,CAAA"}

package/dist/chunks/Prefs-BqnwyjmH.js

@@ -1,300 +0,0 @@
-import { n as e, t } from "./Tooltip-Bq8Hvj4r.js";
-import { t as n } from "./ColorField-CCBSv8dp.js";
-import { t as r } from "./Checkbox-CkcngYWa.js";
-import { t as i } from "./Input-CxMANia3.js";
-import { t as a } from "./NumberField-DLw4UmF3.js";
-import { n as o, t as s } from "./RadioGroup-VGAaLYaR.js";
-import { t as c } from "./RangeSlider-DefoAOsh.js";
-import { t as l } from "./Select-DGafwTF0.js";
-import { t as u } from "./Switch-Y097LD1L.js";
-import { t as d } from "./Dialog-D8pVzsw8.js";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { isBuiltinToolPref as h } from "@weasel-js/core";
-import { useMemo as g } from "react";
-import { Focusable as _ } from "react-aria-components";
-//#region src/components/paintValue.ts
-function v(e) {
-	if (typeof e != "object" || !e) return;
-	let t = e;
-	if (!(t.fill !== void 0 && t.fill !== "solid")) return typeof t.color == "string" ? t.color : void 0;
-}
-function y(e) {
-	if (!(typeof e != "object" || !e || !("paint" in e))) return v(e.paint);
-}
-//#endregion
-//#region src/components/Prefs/schema.ts
-function b(e) {
-	return "kind" in e;
-}
-function x(e, t) {
-	let n = e;
-	for (let e of t.split(".")) {
-		if (typeof n != "object" || !n) return;
-		n = n[e];
-	}
-	return n;
-}
-function S(e, t) {
-	if (b(e)) return e.hidden && !t ? null : e;
-	let n = e, r = {};
-	for (let [e, i] of Object.entries(n.children)) {
-		let n = S(i, t);
-		n && (r[e] = n);
-	}
-	return Object.keys(r).length === 0 ? null : {
-		...e,
-		children: r
-	};
-}
-var C = {
-	columns: "_columns_i4hcs_5",
-	column: "_column_i4hcs_5",
-	panel: "_panel_i4hcs_23",
-	subpanel: "_subpanel_i4hcs_33",
-	groupHeader: "_groupHeader_i4hcs_44",
-	groupTitle: "_groupTitle_i4hcs_57",
-	groupDesc: "_groupDesc_i4hcs_72",
-	rows: "_rows_i4hcs_79",
-	row: "_row_i4hcs_79",
-	rowLabel: "_rowLabel_i4hcs_95",
-	help: "_help_i4hcs_104",
-	rowControl: "_rowControl_i4hcs_128",
-	textarea: "_textarea_i4hcs_135",
-	unrenderable: "_unrenderable_i4hcs_147",
-	titleRow: "_titleRow_i4hcs_154",
-	objectLeaf: "_objectLeaf_i4hcs_168",
-	objectRow: "_objectRow_i4hcs_175",
-	objectLabel: "_objectLabel_i4hcs_182",
-	objectGroup: "_objectGroup_i4hcs_187"
-};
-//#endregion
-//#region src/components/Prefs/PrefsForm.tsx
-function w(e) {
-	let { schema: t, values: n, onChange: r, renderers: i, showHidden: a = !1, className: o } = e, s = g(() => S(t, a), [t, a]), c = {
-		values: n,
-		onChange: r,
-		renderers: i
-	};
-	return /* @__PURE__ */ p("div", {
-		className: [C.columns, o].filter(Boolean).join(" "),
-		children: Object.entries(s?.children ?? {}).map(([e, t]) => /* @__PURE__ */ p("div", {
-			className: C.column,
-			children: b(t) ? /* @__PURE__ */ p(E, {
-				ctx: c,
-				path: e,
-				pref: t
-			}) : /* @__PURE__ */ p(T, {
-				ctx: c,
-				group: t,
-				path: e,
-				depth: 0
-			})
-		}, e))
-	});
-}
-function T({ ctx: e, group: t, path: n, depth: r }) {
-	return /* @__PURE__ */ m("div", {
-		className: r === 0 ? C.panel : C.subpanel,
-		children: [/* @__PURE__ */ m("div", {
-			className: C.groupHeader,
-			children: [/* @__PURE__ */ p("h3", {
-				className: C.groupTitle,
-				children: t.name
-			}), t.description !== void 0 && /* @__PURE__ */ p("p", {
-				className: C.groupDesc,
-				children: t.description
-			})]
-		}), /* @__PURE__ */ p("div", {
-			className: C.rows,
-			children: Object.entries(t.children).map(([t, i]) => {
-				let a = `${n}.${t}`;
-				return b(i) ? /* @__PURE__ */ p(E, {
-					ctx: e,
-					path: a,
-					pref: i
-				}, t) : /* @__PURE__ */ p(T, {
-					ctx: e,
-					group: i,
-					path: a,
-					depth: r + 1
-				}, t);
-			})
-		})]
-	});
-}
-function E({ ctx: n, path: r, pref: i }) {
-	let a = x(n.values, r), o = {
-		path: r,
-		pref: i,
-		value: a === void 0 ? i.default : a,
-		setValue: (e) => n.onChange(r, e)
-	}, s = n.renderers?.[i.kind], c = s ? s(o) : D(o);
-	return s && c === null ? null : i.block ? /* @__PURE__ */ p(f, { children: c }) : /* @__PURE__ */ m("label", {
-		className: C.row,
-		children: [/* @__PURE__ */ m("span", {
-			className: C.rowLabel,
-			children: [i.name, i.description ? /* @__PURE__ */ m(e, { children: [/* @__PURE__ */ p(_, { children: /* @__PURE__ */ p("button", {
-				type: "button",
-				className: C.help,
-				"aria-label": `About ${i.name}`,
-				children: "ⓘ"
-			}) }), /* @__PURE__ */ p(t, { children: i.description })] }) : null]
-		}), /* @__PURE__ */ p("span", {
-			className: C.rowControl,
-			children: c
-		})]
-	});
-}
-function D(e, t) {
-	let { pref: d, value: f, setValue: g } = e;
-	if (!h(d)) return /* @__PURE__ */ m("span", {
-		className: C.unrenderable,
-		children: [
-			"(",
-			d.kind,
-			": no renderer)"
-		]
-	});
-	switch (d.kind) {
-		case "boolean": {
-			let e = !!f;
-			return d.control === "switch" ? /* @__PURE__ */ p(u, {
-				isSelected: e,
-				onChange: g,
-				"aria-label": d.name
-			}) : /* @__PURE__ */ p(r, {
-				isSelected: e,
-				onChange: g,
-				"aria-label": d.name
-			});
-		}
-		case "number": {
-			let e = typeof f == "number" && Number.isFinite(f) ? f : 0;
-			return d.control === "slider" ? /* @__PURE__ */ p(c, {
-				value: e,
-				onChange: (e) => g(typeof e == "number" ? e : e[0]),
-				minValue: d.min,
-				maxValue: d.max,
-				step: d.step ?? 1,
-				"aria-label": d.name
-			}) : /* @__PURE__ */ p(a, {
-				value: e,
-				onChange: g,
-				minValue: d.min,
-				maxValue: d.max,
-				step: d.step ?? 1,
-				"aria-label": d.name
-			});
-		}
-		case "string": {
-			let e = typeof f == "string" ? f : "";
-			return d.control === "textarea" ? /* @__PURE__ */ p("textarea", {
-				className: C.textarea,
-				value: e,
-				onChange: (e) => g(e.target.value),
-				"aria-label": d.name,
-				rows: 3
-			}) : /* @__PURE__ */ p(i, {
-				value: e,
-				onChange: g,
-				"aria-label": d.name
-			});
-		}
-		case "enum": {
-			let e = d.encoding, n = e ? e.read(f, t) : typeof f == "string" ? f : d.default, r = (n) => g(e ? e.write(n, t) : n);
-			return d.control === "radio" ? /* @__PURE__ */ p(o, {
-				value: n ?? null,
-				onChange: r,
-				"aria-label": d.name,
-				children: d.options.map((e) => /* @__PURE__ */ p(s, {
-					value: e.value,
-					isDisabled: e.disabled,
-					children: e.label
-				}, e.value))
-			}) : /* @__PURE__ */ p(l, {
-				options: d.options.map((e) => ({
-					value: e.value,
-					label: e.label,
-					isDisabled: e.disabled
-				})),
-				selectedKey: n ?? null,
-				onSelectionChange: r,
-				"aria-label": d.name
-			});
-		}
-		case "color": return /* @__PURE__ */ p(n, {
-			value: typeof f == "string" ? f : d.default,
-			alpha: d.alpha,
-			onChange: g,
-			"aria-label": d.name
-		});
-		case "paint": return /* @__PURE__ */ p(n, {
-			value: v(f) ?? v(d.default),
-			alpha: d.alpha,
-			onChange: (e) => g({
-				fill: "solid",
-				color: e
-			}),
-			"aria-label": d.name
-		});
-		case "object": {
-			let t = d, n = typeof f == "object" && f ? f : void 0, r = (i) => {
-				let a = [];
-				for (let [o, s] of Object.entries(i)) {
-					if (!b(s)) {
-						let e = r(s.children);
-						if (e.length === 0) continue;
-						a.push(/* @__PURE__ */ p("h4", {
-							className: C.objectGroup,
-							children: s.name
-						}, `group:${o}`), ...e);
-						continue;
-					}
-					a.push(/* @__PURE__ */ m("label", {
-						className: C.objectRow,
-						children: [/* @__PURE__ */ p("span", {
-							className: C.objectLabel,
-							children: s.name
-						}), D({
-							path: `${e.path}.${o}`,
-							pref: s,
-							value: n?.[o],
-							setValue: (e) => {
-								g({
-									...n ?? t.fromScalar?.(f) ?? {},
-									[o]: e
-								});
-							}
-						}, n)]
-					}, o));
-				}
-				return a;
-			};
-			return /* @__PURE__ */ p("div", {
-				className: C.objectLeaf,
-				children: r(t.children)
-			});
-		}
-		default: throw Error(`PrefsForm: no control for built-in pref kind "${d.kind}"`);
-	}
-}
-//#endregion
-//#region src/components/Prefs/PrefsDialog.tsx
-function O(e) {
-	let { isOpen: t, onOpenChange: n, title: r, headerExtra: i, dialogClassName: a, ...o } = e;
-	return /* @__PURE__ */ p(d, {
-		isOpen: t,
-		onOpenChange: n,
-		"aria-label": typeof r == "string" ? r : o.schema.name,
-		className: a,
-		title: i === void 0 ? r ?? o.schema.name : /* @__PURE__ */ m("span", {
-			className: C.titleRow,
-			children: [/* @__PURE__ */ p("span", { children: r ?? o.schema.name }), i]
-		}),
-		children: /* @__PURE__ */ p(w, { ...o })
-	});
-}
-//#endregion
-export { S as a, x as i, w as n, v as o, b as r, y as s, O as t };
-
-//# sourceMappingURL=Prefs-BqnwyjmH.js.map