@weasel-js/ui 1.7.3 → 1.8.1

package/dist/chunks/{prefField-BE_Ytr2H.js → prefField-DPPbAmRR.js}

@@ -1,9 +1,12 @@
-import { a as e, t } from "./Icon--B1ME-6c.js";
+import { a as e, t } from "./Icon-BfqYtAX5.js";
 import { t as n } from "./paintValue-BpaGPjV3.js";
-import { isBuiltinToolPref as r, numericWeight as i } from "@weasel-js/core";
-import { jsx as a } from "react/jsx-runtime";
+import { r } from "./PropertyField-CLbUOynA.js";
+import { n as i } from "./Slider-CHBQ8uUC.js";
+import { isBuiltinToolPref as a, numericWeight as o } from "@weasel-js/core";
+import { jsx as s } from "react/jsx-runtime";
+import { endless as c } from "@weasel-js/quantity";
 //#region src/components/Prefs/schema.ts
-function o(e) {
+function l(e) {
 	if (!e.unit) return {
 		min: e.min,
 		max: e.max,
@@ -16,16 +19,16 @@ function o(e) {
 		step: a
 	};
 }
-function s(e) {
+function u(e) {
 	return e.suffix === void 0 ? { ...e.accepts } : {
 		[e.suffix]: 1,
 		...e.accepts
 	};
 }
-function c(e) {
+function d(e) {
 	return "kind" in e;
 }
-function l(e, t) {
+function f(e, t) {
 	let n = e;
 	for (let e of t.split(".")) {
 		if (typeof n != "object" || !n) return;
@@ -33,11 +36,11 @@ function l(e, t) {
 	}
 	return n;
 }
-function u(e, t) {
-	if (c(e)) return e.hidden && !t ? null : e;
+function p(e, t) {
+	if (d(e)) return e.hidden && !t ? null : e;
 	let n = e, r = {};
 	for (let [e, i] of Object.entries(n.children)) {
-		let n = u(i, t);
+		let n = p(i, t);
 		n && (r[e] = n);
 	}
 	return Object.keys(r).length === 0 ? null : {
@@ -45,14 +48,14 @@ function u(e, t) {
 		children: r
 	};
 }
-function d(e) {
-	if (c(e)) return 1;
+function m(e) {
+	if (d(e)) return 1;
 	let t = 0;
-	for (let n of Object.values(e.children)) t += d(n);
+	for (let n of Object.values(e.children)) t += m(n);
 	return t;
 }
-function f(e) {
-	let t = [], n = Object.values(e.children).filter(c).length;
+function h(e) {
+	let t = [], n = Object.values(e.children).filter(d).length;
 	n > 0 && t.push({
 		path: "",
 		name: e.name,
@@ -60,36 +63,36 @@ function f(e) {
 		section: "",
 		matches: n
 	});
-	for (let [n, r] of Object.entries(e.children)) if (!c(r)) {
+	for (let [n, r] of Object.entries(e.children)) if (!d(r)) {
 		t.push({
 			path: n,
 			name: r.name,
 			depth: 0,
 			section: n,
-			matches: d(r)
+			matches: m(r)
 		});
-		for (let [e, i] of Object.entries(r.children)) c(i) || t.push({
+		for (let [e, i] of Object.entries(r.children)) d(i) || t.push({
 			path: `${n}.${e}`,
 			name: i.name,
 			depth: 1,
 			section: n,
-			matches: d(i)
+			matches: m(i)
 		});
 	}
 	return t;
 }
-function p(e, t, n) {
+function g(e, t, n) {
 	return e.name.toLowerCase().includes(n) || e.description?.toLowerCase().includes(n) ? !0 : t.toLowerCase().includes(n);
 }
-function m(e, t, n = "") {
+function _(e, t, n = "") {
 	let r = t.trim().toLowerCase();
 	if (r === "") return e;
-	if (c(e)) return p(e, n, r) ? e : null;
+	if (d(e)) return g(e, n, r) ? e : null;
 	let i = e;
 	if (i.name.toLowerCase().includes(r)) return e;
 	let a = {};
 	for (let [e, t] of Object.entries(i.children)) {
-		let i = m(t, r, n === "" ? e : `${n}.${e}`);
+		let i = _(t, r, n === "" ? e : `${n}.${e}`);
 		i && (a[e] = i);
 	}
 	return Object.keys(a).length === 0 ? null : {
@@ -99,108 +102,111 @@ function m(e, t, n = "") {
 }
 //#endregion
 //#region src/components/Prefs/prefField.tsx
-function h(e, t) {
-	let { value: a, mixed: c = !1, unset: l = !1, siblings: u, setValue: d } = t;
+function v(e, t) {
+	let { value: s, mixed: d = !1, unset: f = !1, siblings: p, setValue: m } = t;
 	if (e.kind === "font-weight") {
-		let e = "fontFamily" in t ? t.fontFamily : u?.fontFamily;
+		let e = "fontFamily" in t ? t.fontFamily : p?.fontFamily;
 		return {
 			kind: "font-weight",
-			value: typeof a == "number" || typeof a == "string" ? i(a) : void 0,
-			mixed: c,
-			unset: l,
-			onChange: d,
+			value: typeof s == "number" || typeof s == "string" ? o(s) : void 0,
+			mixed: d,
+			unset: f,
+			onChange: m,
 			family: typeof e == "string" ? e : void 0
 		};
 	}
 	if (e.kind === "font-family") {
-		let e = t.fontVariant ? t.fontVariant.weight : u?.fontWeight, n = t.fontVariant ? t.fontVariant.style : u?.fontStyle;
+		let e = t.fontVariant ? t.fontVariant.weight : p?.fontWeight, n = t.fontVariant ? t.fontVariant.style : p?.fontStyle;
 		return {
 			kind: "font-family",
-			value: typeof a == "string" ? a : void 0,
-			mixed: c,
-			unset: l,
-			onChange: d,
+			value: typeof s == "string" ? s : void 0,
+			mixed: d,
+			unset: f,
+			onChange: m,
 			weight: typeof e == "number" ? e : void 0,
 			fontStyle: n === "italic" ? "italic" : void 0
 		};
 	}
-	if (!r(e)) return null;
+	if (!a(e)) return null;
 	switch (e.kind) {
 		case "boolean": {
-			let n = e.encoding ? g(e.encoding, t) : void 0;
+			let n = e.encoding ? y(e.encoding, t) : void 0;
 			return {
 				kind: "boolean",
 				control: e.control,
-				value: n ? n.value : typeof a == "boolean" ? a : void 0,
-				mixed: n ? n.mixed : c,
-				unset: l,
-				glyph: _(e.icon) ?? e.short,
-				onChange: n ? n.write : d
+				value: n ? n.value : typeof s == "boolean" ? s : void 0,
+				mixed: n ? n.mixed : d,
+				unset: f,
+				glyph: b(e.icon),
+				short: e.short,
+				onChange: n ? n.write : m
 			};
 		}
 		case "number": {
-			let t = e.unit, n = typeof a == "number" && Number.isFinite(a) ? a : void 0, r = o(e), i = (e) => Math.min(r.max ?? Infinity, Math.max(r.min ?? -Infinity, e));
+			let t = e.unit, n = e.endless, a = typeof s == "number" && (Number.isFinite(s) || i(n, s)) ? s : void 0, o = l(e), p = (e) => i(n, e) ? e : Math.min(o.max ?? Infinity, Math.max(o.min ?? -Infinity, e));
 			return {
 				kind: "number",
 				control: e.control,
-				value: n === void 0 ? void 0 : t ? t.toDisplay(n) : n,
-				mixed: c,
-				unset: l,
-				min: r.min,
-				max: r.max,
-				step: r.step,
+				value: a === void 0 ? void 0 : t ? t.toDisplay(a) : a,
+				mixed: d,
+				unset: f,
+				min: o.min,
+				max: o.max,
+				step: o.step,
 				unit: t?.suffix,
-				accepts: t ? s(t) : void 0,
-				display: e.display,
-				onChange: (e) => d(t ? t.fromDisplay(i(e)) : i(e))
+				accepts: t ? u(t) : void 0,
+				display: e.infinity === void 0 ? e.display : c(e.display ?? r(o.step), e.infinity),
+				endless: n,
+				onChange: (e) => m(t ? t.fromDisplay(p(e)) : p(e))
 			};
 		}
 		case "string": return {
 			kind: "string",
 			control: e.control,
-			value: typeof a == "string" ? a : "",
-			mixed: c,
-			unset: l,
-			onChange: d
+			value: typeof s == "string" ? s : "",
+			mixed: d,
+			unset: f,
+			onChange: m
 		};
 		case "enum": {
-			let n = e.encoding ? g(e.encoding, t) : void 0, r = n ? n.value : c || l ? void 0 : typeof a == "string" ? a : e.default;
+			let n = e.encoding ? y(e.encoding, t) : void 0, r = n ? n.value : d || f ? void 0 : typeof s == "string" ? s : e.default;
 			return {
 				kind: "enum",
 				control: e.control,
 				value: r,
-				mixed: n ? n.mixed : c,
-				unset: l,
+				mixed: n ? n.mixed : d,
+				unset: f,
 				options: e.options.map((e) => ({
 					value: e.value,
 					label: e.label,
-					glyph: _(e.icon) ?? e.short,
+					glyph: b(e.icon),
+					short: e.short,
 					disabled: e.disabled
 				})),
-				onChange: n ? n.write : d,
-				onClear: e.clearable ? () => d(void 0) : void 0
+				onChange: n ? n.write : m,
+				onClear: e.clearable ? () => m(void 0) : void 0
 			};
 		}
 		case "color": return {
 			kind: "color",
-			value: typeof a == "string" ? a : e.default,
-			mixed: c,
-			unset: l,
+			value: typeof s == "string" ? s : e.default,
+			mixed: d,
+			unset: f,
 			alpha: e.alpha ? !0 : void 0,
-			onChange: d
+			onChange: m
 		};
 		case "paint": return {
 			kind: "paint",
-			value: a === null ? null : n(a) ? a : c ? void 0 : n(e.default) ? e.default : null,
-			mixed: c,
-			unset: l,
-			onChange: d
+			value: s === null ? null : n(s) ? s : d ? void 0 : n(e.default) ? e.default : null,
+			mixed: d,
+			unset: f,
+			onChange: m
 		};
 		case "object": return null;
 		default: throw Error(`prefFieldProps: no control for built-in pref kind "${e.kind}"`);
 	}
 }
-function g(e, t) {
+function y(e, t) {
 	let { perNode: n, update: r } = t;
 	if (n !== void 0 && n.length > 0 && r !== void 0) {
 		let t = n.map((t) => e.read(t.value, t.siblings)), i = t.every((e) => e === t[0]);
@@ -217,13 +223,13 @@ function g(e, t) {
 		write: (n) => t.setValue(e.write(n, t.siblings))
 	};
 }
-function _(n) {
-	return n && n in e ? /* @__PURE__ */ a(t, {
+function b(n) {
+	return n && n in e ? /* @__PURE__ */ s(t, {
 		name: n,
 		size: 14
 	}) : void 0;
 }
 //#endregion
-export { f as a, o as i, m as n, l as o, c as r, u as s, h as t };
+export { h as a, l as i, _ as n, f as o, d as r, p as s, v as t };
 
-//# sourceMappingURL=prefField-BE_Ytr2H.js.map
+//# sourceMappingURL=prefField-DPPbAmRR.js.map

package/dist/chunks/prefField-DPPbAmRR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefField-DPPbAmRR.js","names":["endless","withInfinity","_exhaustive","ICON_PATHS","isPaint","endlessAllows","prefDisplayBounds","p","lo","toDisplay","hi","flipped","step","prefUnitAccepts","unit","isPrefLeaf","node","prefValueAtPath","cur","values","seg","path","visiblePrefSubtree","showHidden","group","children","key","child","kept","countPrefLeaves","n","prefRailItems","items","loose","root","subKey","sub","prefLeafMatches","pref","query","filterPrefSubtree","q","prefFieldProps","state","leaf","family","siblings","value","numericWeight","setValue","weight","style","isBuiltinToolPref","coded","throughEncoding","mixed","glyphOf","endless$1","stored","bounds","clamp","endless","stepDisplay","shown","option","unset","o","perNode","update","reads","encoding","agree","r","icon","Icon"],"sources":["../../src/components/Prefs/schema.ts","../../src/components/Prefs/prefField.tsx"],"sourcesContent":["// Preference-schema vocabulary for PrefsForm / PrefsDialog / SelectionPanel:\n// core's `ToolPref*` family under this package's names. Never re-declare them\n// here — this was a hand-kept structural copy until it drifted, and the\n// independence from `@weasel-js/core` it bought is long gone anyway.\n\nexport type {\n  ToolPref as BuiltinPref,\n  ToolPrefBoolean as PrefBoolean,\n  ToolPrefBooleanControl as PrefBooleanControl,\n  ToolPrefBooleanEncoding as PrefBooleanEncoding,\n  ToolPrefColor as PrefColor,\n  ToolPrefCustom as PrefCustom,\n  ToolPrefEnum as PrefEnum,\n  ToolPrefEnumControl as PrefEnumControl,\n  ToolPrefEnumEncoding as PrefEnumEncoding,\n  ToolPrefGroup as PrefGroup,\n  ToolPrefKind as PrefKind,\n  ToolPrefLeaf as PrefLeaf,\n  ToolPrefNumber as PrefNumber,\n  ToolPrefNumberControl as PrefNumberControl,\n  ToolPrefNumberUnit as PrefNumberUnit,\n  ToolPrefObject as PrefObject,\n  ToolPrefPaint as PrefPaint,\n  ToolPrefString as PrefString,\n  ToolPrefStringControl as PrefStringControl,\n} from '@weasel-js/core';\n\nimport type { UnitTable } from '@weasel-js/quantity';\nimport type { ToolPrefGroup, ToolPrefLeaf, ToolPrefNumber, ToolPrefNumberUnit as PrefNumberUnitType } from '@weasel-js/core';\n\n/**\n * A number leaf's bounds in the unit it is displayed in.\n *\n * Only what the leaf declares converts: an omitted bound has no stored\n * counterpart to put through the conversion, and its fallback — 0..100 for a\n * slider's track, a step of 1 — is a display-space number already. `min` and\n * `max` are points, so they convert the way the value does; `step` is a\n * distance, and a unit with an offset maps zero somewhere else, so converting\n * it as a point would scale it wrong. A decreasing conversion swaps which end\n * is the lower one.\n */\nexport function prefDisplayBounds(\n  p: ToolPrefNumber,\n): { min?: number; max?: number; step: number } {\n  if (!p.unit) return { min: p.min, max: p.max, step: p.step ?? 1 };\n  const { toDisplay } = p.unit;\n  const lo = p.min === undefined ? undefined : toDisplay(p.min);\n  const hi = p.max === undefined ? undefined : toDisplay(p.max);\n  const flipped = lo !== undefined && hi !== undefined && lo > hi;\n  const step = p.step === undefined\n    ? 1\n    : Math.abs(toDisplay(p.step) - toDisplay(0)) || p.step;\n  return { min: flipped ? hi : lo, max: flipped ? lo : hi, step };\n}\n\n/** What a unit leaf's field reads as typed text: its `accepts` table, and its\n *  `suffix` as the display unit itself. */\nexport function prefUnitAccepts(unit: PrefNumberUnitType): Readonly<UnitTable> {\n  return unit.suffix === undefined ? { ...unit.accepts } : { [unit.suffix]: 1, ...unit.accepts };\n}\n\n/** Distinguishes a leaf from a group while walking a schema tree. */\nexport function isPrefLeaf(node: ToolPrefLeaf | ToolPrefGroup): node is ToolPrefLeaf {\n  return 'kind' in node;\n}\n\n/** Get the value at a dotted path inside a nested value tree. Returns\n *  `undefined` when a segment is missing or hits a non-object. */\nexport function prefValueAtPath(values: unknown, path: string): unknown {\n  let cur: unknown = values;\n  for (const seg of path.split('.')) {\n    if (cur == null || typeof cur !== 'object') return undefined;\n    cur = (cur as Record<string, unknown>)[seg];\n  }\n  return cur;\n}\n\n/**\n * Recursively drop `hidden` leaves (unless `showHidden`), pruning groups\n * that end up empty. Returns null when the entire subtree is hidden.\n */\nexport function visiblePrefSubtree<T extends ToolPrefLeaf | ToolPrefGroup>(\n  node: T,\n  showHidden: boolean,\n): T | null {\n  if (isPrefLeaf(node)) return node.hidden && !showHidden ? null : node;\n  const group = node as ToolPrefGroup;\n  const children: Record<string, ToolPrefLeaf | ToolPrefGroup> = {};\n  for (const [key, child] of Object.entries(group.children)) {\n    const kept = visiblePrefSubtree(child, showHidden);\n    if (kept) children[key] = kept;\n  }\n  if (Object.keys(children).length === 0) return null;\n  return { ...node, children };\n}\n\n/** One entry in a {@link PrefsForm} rail: a group the reader can navigate to. */\nexport interface PrefRailItem {\n  /** Dotted path of the group. Empty for the entry holding loose root leaves. */\n  path: string;\n  name: string;\n  /** 0 opens a pane; 1 scrolls within the open one. The rail goes no deeper. */\n  depth: 0 | 1;\n  /** Path of the depth-0 ancestor — its own path when `depth` is 0. */\n  section: string;\n  /** Leaves surviving the active filter, counted over the whole subtree. */\n  matches: number;\n}\n\n/** Leaves anywhere under `node`, counted. */\nfunction countPrefLeaves(node: ToolPrefLeaf | ToolPrefGroup): number {\n  if (isPrefLeaf(node)) return 1;\n  let n = 0;\n  for (const child of Object.values(node.children)) n += countPrefLeaves(child);\n  return n;\n}\n\n/**\n * The rail's model for a schema: depth-0 groups, each followed by its depth-1\n * children. Deeper groups render inside a pane and get no entry — a schema\n * that nests ten deep still navigates two levels.\n *\n * Loose leaves directly under the root lead the list under an entry named for\n * the root itself, since they belong to no group that could name them.\n */\nexport function prefRailItems(root: ToolPrefGroup): PrefRailItem[] {\n  const items: PrefRailItem[] = [];\n  const loose = Object.values(root.children).filter(isPrefLeaf).length;\n  if (loose > 0) {\n    items.push({ path: '', name: root.name, depth: 0, section: '', matches: loose });\n  }\n  for (const [key, child] of Object.entries(root.children)) {\n    if (isPrefLeaf(child)) continue;\n    items.push({\n      path: key,\n      name: child.name,\n      depth: 0,\n      section: key,\n      matches: countPrefLeaves(child),\n    });\n    for (const [subKey, sub] of Object.entries(child.children)) {\n      if (isPrefLeaf(sub)) continue;\n      items.push({\n        path: `${key}.${subKey}`,\n        name: sub.name,\n        depth: 1,\n        section: key,\n        matches: countPrefLeaves(sub),\n      });\n    }\n  }\n  return items;\n}\n\n/** Whether one leaf answers to a filter query, by name, description or path. */\nfunction prefLeafMatches(pref: ToolPrefLeaf, path: string, query: string): boolean {\n  if (pref.name.toLowerCase().includes(query)) return true;\n  if (pref.description?.toLowerCase().includes(query)) return true;\n  return path.toLowerCase().includes(query);\n}\n\n/**\n * Drop every leaf that does not answer to `query`, pruning groups left empty.\n * A group whose own name matches keeps all of its leaves — a reader who typed\n * the group's name is asking for the group, not for leaves repeating it.\n *\n * An empty or whitespace query matches everything, so a cleared field restores\n * the tree rather than emptying it.\n */\nexport function filterPrefSubtree<T extends ToolPrefLeaf | ToolPrefGroup>(\n  node: T,\n  query: string,\n  path = '',\n): T | null {\n  const q = query.trim().toLowerCase();\n  if (q === '') return node;\n  if (isPrefLeaf(node)) return prefLeafMatches(node, path, q) ? node : null;\n  const group = node as ToolPrefGroup;\n  if (group.name.toLowerCase().includes(q)) return node;\n  const children: Record<string, ToolPrefLeaf | ToolPrefGroup> = {};\n  for (const [key, child] of Object.entries(group.children)) {\n    const kept = filterPrefSubtree(child, q, path === '' ? key : `${path}.${key}`);\n    if (kept) children[key] = kept;\n  }\n  if (Object.keys(children).length === 0) return null;\n  return { ...node, children };\n}\n","import type { ReactNode } from 'react';\nimport { isBuiltinToolPref, numericWeight, type FillStyle } from '@weasel-js/core';\nimport { endless as withInfinity } from '@weasel-js/quantity';\nimport { endlessAllows } from '../../endless';\nimport { stepDisplay } from '../Properties/NumberControls';\nimport { Icon } from '../../icons/Icon';\nimport { ICON_PATHS, type IconName } from '../../icons/paths';\nimport { isPaint } from '../paintValue';\nimport type { PropertyControlProps } from '../Properties/PropertyField';\nimport { prefDisplayBounds, prefUnitAccepts, type PrefLeaf } from './schema';\n\n/** What {@link prefFieldProps} is told about one leaf's value. */\nexport interface PrefFieldState {\n  /** The value held at the leaf. `undefined` when `mixed` or `unset`. */\n  value: unknown;\n  mixed?: boolean;\n  unset?: boolean;\n  /** The object the leaf is a field of, for an enum `encoding` and a font's\n   *  weight and slant. `undefined` for a top-level leaf. */\n  siblings?: Record<string, unknown>;\n  /** Writes a value in the leaf's stored form. */\n  setValue: (value: unknown) => void;\n  /**\n   * Each selected node's stored value with its own `siblings`. Given with\n   * `update`, an `encoding` reads and writes every node against its own object\n   * — which a selection whose objects differ needs, having no one `siblings`.\n   */\n  perNode?: readonly { value: unknown; siblings: Record<string, unknown> | undefined }[];\n  /** Writes each node a value derived from its own `siblings`. */\n  update?: (fn: (prev: unknown, siblings?: Record<string, unknown>) => unknown) => void;\n  /** A font family's weight and slant, where they are not `siblings`' own\n   *  `fontWeight` / `fontStyle`. */\n  fontVariant?: { weight?: unknown; style?: unknown };\n  /** A font weight's family, where it is not `siblings`' own `fontFamily`. */\n  fontFamily?: unknown;\n}\n\n/**\n * A schema leaf as {@link PropertyControl} props: its value, bounds and\n * options in the form it is shown in, and a writer that stores what the\n * control reports in the form the leaf holds.\n *\n * The conversions every schema-driven surface needs live here once — a\n * number's display unit and its bounds, an enum's `encoding`, a color's\n * alpha, an icon resolved to a glyph. A leaf that is not a single control —\n * an `object`, whose fields each are, or an app-defined kind — returns\n * `null`, and the surface draws it.\n *\n * Spread the result and add what the surface decides: `chrome`, `name`, a\n * class, a different default `control`.\n */\nexport function prefFieldProps(leaf: PrefLeaf, state: PrefFieldState): PropertyControlProps | null {\n  const { value, mixed = false, unset = false, siblings, setValue } = state;\n  if (leaf.kind === 'font-weight') {\n    const family = 'fontFamily' in state ? state.fontFamily : siblings?.fontFamily;\n    return {\n      kind: 'font-weight',\n      value: typeof value === 'number' || typeof value === 'string' ? numericWeight(value) : undefined,\n      mixed,\n      unset,\n      onChange: setValue,\n      family: typeof family === 'string' ? family : undefined,\n    };\n  }\n  if (leaf.kind === 'font-family') {\n    const weight = state.fontVariant ? state.fontVariant.weight : siblings?.fontWeight;\n    const style = state.fontVariant ? state.fontVariant.style : siblings?.fontStyle;\n    return {\n      kind: 'font-family',\n      value: typeof value === 'string' ? value : undefined,\n      mixed,\n      unset,\n      onChange: setValue,\n      weight: typeof weight === 'number' ? weight : undefined,\n      fontStyle: style === 'italic' ? 'italic' : undefined,\n    };\n  }\n  if (!isBuiltinToolPref(leaf)) return null;\n  switch (leaf.kind) {\n    case 'boolean': {\n      const coded = leaf.encoding ? throughEncoding(leaf.encoding, state) : undefined;\n      return {\n        kind: 'boolean',\n        control: leaf.control,\n        value: coded ? coded.value : typeof value === 'boolean' ? value : undefined,\n        mixed: coded ? coded.mixed : mixed,\n        unset,\n        glyph: glyphOf(leaf.icon),\n        short: leaf.short,\n        onChange: coded ? coded.write : setValue,\n      };\n    }\n    case 'number': {\n      const unit = leaf.unit;\n      // ±Infinity is a value only where an end of the leaf stands for it.\n      const endless = leaf.endless;\n      const stored =\n        typeof value === 'number' && (Number.isFinite(value) || endlessAllows(endless, value)) ? value : undefined;\n      // `min`/`max`/`step` are declared in the stored unit, like the value, so\n      // they convert with it — a leaf storing radians and showing degrees was\n      // clamping typed degrees against 0..6.28.\n      const bounds = prefDisplayBounds(leaf);\n      const clamp = (n: number) =>\n        endlessAllows(endless, n)\n          ? n\n          : Math.min(bounds.max ?? Infinity, Math.max(bounds.min ?? -Infinity, n));\n      const store = (shown: number) => setValue(unit ? unit.fromDisplay(clamp(shown)) : clamp(shown));\n      return {\n        kind: 'number',\n        control: leaf.control,\n        value: stored === undefined ? undefined : unit ? unit.toDisplay(stored) : stored,\n        mixed,\n        unset,\n        min: bounds.min,\n        max: bounds.max,\n        step: bounds.step,\n        unit: unit?.suffix,\n        accepts: unit ? prefUnitAccepts(unit) : undefined,\n        display:\n          leaf.infinity === undefined ? leaf.display : withInfinity(leaf.display ?? stepDisplay(bounds.step), leaf.infinity),\n        endless,\n        onChange: store,\n      };\n    }\n    case 'string':\n      return {\n        kind: 'string',\n        control: leaf.control,\n        value: typeof value === 'string' ? value : '',\n        mixed,\n        unset,\n        onChange: setValue,\n      };\n    case 'enum': {\n      // An encoded leaf stores something other than the option string (a dash\n      // array), so the option comes from the encoding — and an absent field is\n      // one of the things it reads (no dash is `solid`), which is why `unset`\n      // does not blank it.\n      const coded = leaf.encoding ? throughEncoding(leaf.encoding, state) : undefined;\n      const option = coded\n        ? coded.value\n        : mixed || unset\n          ? undefined\n          : typeof value === 'string'\n            ? value\n            : leaf.default;\n      return {\n        kind: 'enum',\n        control: leaf.control,\n        value: option,\n        mixed: coded ? coded.mixed : mixed,\n        unset,\n        options: leaf.options.map((o) => ({\n          value: o.value,\n          label: o.label,\n          glyph: glyphOf(o.icon),\n          short: o.short,\n          disabled: o.disabled,\n        })),\n        onChange: coded ? coded.write : setValue,\n        onClear: leaf.clearable ? () => setValue(undefined) : undefined,\n      };\n    }\n    case 'color':\n      return {\n        kind: 'color',\n        value: typeof value === 'string' ? value : leaf.default,\n        mixed,\n        unset,\n        alpha: leaf.alpha ? true : undefined,\n        onChange: setValue,\n      };\n    case 'paint': {\n      // `??` would read an explicit `null` — \"no paint\" — as absent and show\n      // the default over it. Unset shows the fallback actually in effect,\n      // dimmed by the control: true, but not chosen.\n      const paint =\n        value === null\n          ? null\n          : isPaint(value)\n            ? value\n            : mixed\n              ? undefined\n              : isPaint(leaf.default)\n                ? leaf.default\n                : null;\n      return {\n        kind: 'paint',\n        value: paint as FillStyle | null | undefined,\n        mixed,\n        unset,\n        onChange: setValue,\n      };\n    }\n    case 'object':\n      return null;\n    default: {\n      // Not reachable while every built-in kind has an arm — and a new kind\n      // that lacks one is a compile error here, never a blank row.\n      const _exhaustive: never = leaf;\n      throw new Error(\n        `prefFieldProps: no control for built-in pref kind \"${(_exhaustive as { kind: string }).kind}\"`,\n      );\n    }\n  }\n}\n\n/**\n * An encoded leaf's shown value and its writer. Across nodes whose objects\n * differ, each node is read against its own object and the option is shown\n * only where every node reads the same one; a write lands in each node\n * computed from that node's object.\n */\nfunction throughEncoding<T>(\n  encoding: {\n    read: (stored: unknown, siblings: Record<string, unknown> | undefined) => T | undefined;\n    write: (option: T, siblings: Record<string, unknown> | undefined) => unknown;\n  },\n  state: PrefFieldState,\n): { value: T | undefined; mixed: boolean; write: (option: T) => void } {\n  const { perNode, update } = state;\n  if (perNode !== undefined && perNode.length > 0 && update !== undefined) {\n    const reads = perNode.map((n) => encoding.read(n.value, n.siblings));\n    const agree = reads.every((r) => r === reads[0]);\n    return {\n      value: agree ? reads[0] : undefined,\n      mixed: !agree,\n      write: (option) => update((_prev, siblings) => encoding.write(option, siblings)),\n    };\n  }\n  const mixed = state.mixed === true;\n  return {\n    value: mixed ? undefined : encoding.read(state.value, state.siblings),\n    mixed,\n    write: (option) => state.setValue(encoding.write(option, state.siblings)),\n  };\n}\n\n/** A leaf's `icon` as a glyph, where the kit's icon set has it. */\nfunction glyphOf(icon: string | undefined): ReactNode {\n  return icon && icon in ICON_PATHS ? <Icon name={icon as IconName} size={14} /> : undefined;\n}\n"],"mappings":"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"}

package/dist/chunks/{segmentTooltip-CGxCOWNz.js → segmentTooltip-8VBPNgEc.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./Tooltip-C6eFCYxw.js";
+import { n as e, r as t } from "./Tooltip-DljsPEQG.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { Focusable as i } from "react-aria-components";
 //#region src/components/segmentTooltip.tsx
@@ -26,4 +26,4 @@ function s({ content: i, disabled: a, children: o }) {
 //#endregion
 export { s as n, a as r, o as t };
 
-//# sourceMappingURL=segmentTooltip-CGxCOWNz.js.map
+//# sourceMappingURL=segmentTooltip-8VBPNgEc.js.map

package/dist/chunks/{segmentTooltip-CGxCOWNz.js.map → segmentTooltip-8VBPNgEc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"segmentTooltip-CGxCOWNz.js","names":["TooltipTrigger","Tooltip","Tooltip$1","TooltipTrigger$1","segmentTooltipContent","item","name","SegmentTooltip","content","children","disabled","Focusable","TriggerTooltip"],"sources":["../../src/components/segmentTooltip.tsx"],"sourcesContent":["import type { DOMAttributes, ReactElement, ReactNode } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport { Tooltip, TooltipTrigger } from './Tooltip';\n\n/** The tooltip fields a segmented bar's item carries. */\nexport interface SegmentTooltipFields {\n  /** Tooltip content. Overrides the name-plus-`shortcut` default. */\n  tooltip?: ReactNode;\n  /** Shortcut hint shown in the tooltip as `Name (⌘Z)`, the way `ToolButton`\n   *  and `ActionBar` show theirs. The name is `ariaLabel`, else a string\n   *  `label`. */\n  shortcut?: string;\n}\n\n/** Tooltip content for an item, or `undefined` for none. */\nexport function segmentTooltipContent(\n  item: SegmentTooltipFields & { label?: ReactNode; ariaLabel?: string },\n): ReactNode | undefined {\n  if (item.tooltip !== undefined) return item.tooltip;\n  if (!item.shortcut) return undefined;\n  const name = item.ariaLabel ?? (typeof item.label === 'string' ? item.label : undefined);\n  return name ? `${name} (${item.shortcut})` : item.shortcut;\n}\n\n/** Wraps a segment's `<button>` in a kit tooltip when there is content for one. */\nexport function SegmentTooltip({ content, disabled, children }: {\n  content: ReactNode | undefined;\n  disabled?: boolean;\n  children: ReactElement<DOMAttributes<HTMLButtonElement>, 'button'>;\n}): ReactElement {\n  if (content === undefined || content === null || content === false) return children;\n  return (\n    <TooltipTrigger isDisabled={disabled}>\n      <Focusable isDisabled={disabled}>{children}</Focusable>\n      <Tooltip>{content}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n\n/** {@link SegmentTooltip} for a React Aria trigger (`Button` inside a\n *  `MenuTrigger` or `Select`), which takes the tooltip's hover and focus props\n *  itself and so needs no `Focusable` around it. */\nexport function TriggerTooltip({ content, disabled, children }: {\n  content: ReactNode | undefined;\n  disabled?: boolean;\n  children: ReactElement;\n}): ReactElement {\n  if (content === undefined || content === null || content === false) return children;\n  return (\n    <TooltipTrigger isDisabled={disabled}>\n      {children}\n      <Tooltip>{content}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgBI,EACd,GACuB;CACvB,IAAIC,EAAK,YAAY,KAAA,GAAW,OAAOA,EAAK;CAC5C,IAAI,CAACA,EAAK,UAAU;CACpB,IAAMC,IAAOD,EAAK,cAAc,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,KAAA;CAC9E,OAAOC,IAAO,GAAGA,EAAK,IAAID,EAAK,SAAS,KAAKA,EAAK;AACpD;AAGA,SAAgBE,EAAe,EAAE,YAAS,aAAU,eAInC;CAEf,OADIC,KAAqC,QAAQA,MAAY,KAAcC,IAEzE,kBAACT,GAAD;EAAgB,YAAYU;EAA5B,UAAA,CACE,kBAACC,GAAD;GAAW,YAAYD;GAAW;EAAoB,CAAA,GACtD,kBAACT,GAAD,EAAA,UAAUO,EAAiB,CAAA,CACb;;AAEpB;AAKA,SAAgBI,EAAe,EAAE,YAAS,aAAU,eAInC;CAEf,OADIJ,KAAqC,QAAQA,MAAY,KAAcC,IAEzE,kBAACT,GAAD;EAAgB,YAAYU;EAA5B,UAAA,CACGD,GACD,kBAACR,GAAD,EAAA,UAAUO,EAAiB,CAAA,CACb;;AAEpB"}
+{"version":3,"file":"segmentTooltip-8VBPNgEc.js","names":["TooltipTrigger","Tooltip","Tooltip$1","TooltipTrigger$1","segmentTooltipContent","item","name","SegmentTooltip","content","children","disabled","Focusable","TriggerTooltip"],"sources":["../../src/components/segmentTooltip.tsx"],"sourcesContent":["import type { DOMAttributes, ReactElement, ReactNode } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport { Tooltip, TooltipTrigger } from './Tooltip';\n\n/** The tooltip fields a segmented bar's item carries. */\nexport interface SegmentTooltipFields {\n  /** Tooltip content. Overrides the name-plus-`shortcut` default. */\n  tooltip?: ReactNode;\n  /** Shortcut hint shown in the tooltip as `Name (⌘Z)`, the way `ToolButton`\n   *  and `ActionBar` show theirs. The name is `ariaLabel`, else a string\n   *  `label`. */\n  shortcut?: string;\n}\n\n/** Tooltip content for an item, or `undefined` for none. */\nexport function segmentTooltipContent(\n  item: SegmentTooltipFields & { label?: ReactNode; ariaLabel?: string },\n): ReactNode | undefined {\n  if (item.tooltip !== undefined) return item.tooltip;\n  if (!item.shortcut) return undefined;\n  const name = item.ariaLabel ?? (typeof item.label === 'string' ? item.label : undefined);\n  return name ? `${name} (${item.shortcut})` : item.shortcut;\n}\n\n/** Wraps a segment's `<button>` in a kit tooltip when there is content for one. */\nexport function SegmentTooltip({ content, disabled, children }: {\n  content: ReactNode | undefined;\n  disabled?: boolean;\n  children: ReactElement<DOMAttributes<HTMLButtonElement>, 'button'>;\n}): ReactElement {\n  if (content === undefined || content === null || content === false) return children;\n  return (\n    <TooltipTrigger isDisabled={disabled}>\n      <Focusable isDisabled={disabled}>{children}</Focusable>\n      <Tooltip>{content}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n\n/** {@link SegmentTooltip} for a React Aria trigger (`Button` inside a\n *  `MenuTrigger` or `Select`), which takes the tooltip's hover and focus props\n *  itself and so needs no `Focusable` around it. */\nexport function TriggerTooltip({ content, disabled, children }: {\n  content: ReactNode | undefined;\n  disabled?: boolean;\n  children: ReactElement;\n}): ReactElement {\n  if (content === undefined || content === null || content === false) return children;\n  return (\n    <TooltipTrigger isDisabled={disabled}>\n      {children}\n      <Tooltip>{content}</Tooltip>\n    </TooltipTrigger>\n  );\n}\n"],"mappings":";;;;AAeA,SAAgBI,EACd,GACuB;CACvB,IAAIC,EAAK,YAAY,KAAA,GAAW,OAAOA,EAAK;CAC5C,IAAI,CAACA,EAAK,UAAU;CACpB,IAAMC,IAAOD,EAAK,cAAc,OAAOA,EAAK,SAAU,WAAWA,EAAK,QAAQ,KAAA;CAC9E,OAAOC,IAAO,GAAGA,EAAK,IAAID,EAAK,SAAS,KAAKA,EAAK;AACpD;AAGA,SAAgBE,EAAe,EAAE,YAAS,aAAU,eAInC;CAEf,OADIC,KAAqC,QAAQA,MAAY,KAAcC,IAEzE,kBAACT,GAAD;EAAgB,YAAYU;EAA5B,UAAA,CACE,kBAACC,GAAD;GAAW,YAAYD;GAAW;EAAoB,CAAA,GACtD,kBAACT,GAAD,EAAA,UAAUO,EAAiB,CAAA,CACb;;AAEpB;AAKA,SAAgBI,EAAe,EAAE,YAAS,aAAU,eAInC;CAEf,OADIJ,KAAqC,QAAQA,MAAY,KAAcC,IAEzE,kBAACT,GAAD;EAAgB,YAAYU;EAA5B,UAAA,CACGD,GACD,kBAACR,GAAD,EAAA,UAAUO,EAAiB,CAAA,CACb;;AAEpB"}

package/dist/chunks/segmentedControl.module-62qjNWJk.js

@@ -0,0 +1,11 @@
+var e = {
+	root: "_root_3zw9r_10",
+	segment: "_segment_3zw9r_34",
+	segmentSelected: "_segmentSelected_3zw9r_88",
+	size_sm: "_size_sm_3zw9r_148",
+	variant_minimal: "_variant_minimal_3zw9r_166"
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=segmentedControl.module-62qjNWJk.js.map

package/dist/chunks/{segmentedControl.module-BzGXUL5G.js.map → segmentedControl.module-62qjNWJk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"segmentedControl.module-BzGXUL5G.js","names":["segmentedControl_module_default"],"sources":["../../src/components/segmentedControl.module.css"],"sourcesContent":["/* Shared by ButtonBar and OptionsBar, which look identical and differ only\n   in what a segment does. Lives here rather than in either component so\n   neither owns the other's styling.\n\n   Aqua-glass segmented control. The track is a pill-shaped well; the\n   selected segment becomes a tinted glass cylinder that reads as the same\n   \"lozenge\" family as the standalone Button. Visual params come from the\n   `--btn-*` custom properties (see Button.module.css) so the Button Lab\n   can tune both surfaces with one set of sliders. */\n.root {\n  display: inline-flex;\n  height: var(--tb-h, var(--wzl-control-h));\n  padding: var(--wzl-space-1);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.18) 0%,\n    rgba(0, 0, 0, 0.05) 100%\n  );\n  border-radius: var(--wzl-radius-pill);\n  /* Clip segments to the track outline so interior corners read crisp and\n     the selected segment's glass treatment doesn't paint over the rounded\n     outer pixels. */\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.4),\n    0 1px 0 rgba(255, 255, 255, 0.06);\n  /* The track clips, so without this a squeezing row shrinks it to nothing. */\n  min-width: max-content;\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: none;\n}\n\n.segment {\n  position: relative;\n  flex: 1 1 0;\n  /* Equal widths when there is room, never narrower than the label. The\n     segment clips its gloss, which otherwise drops its flex minimum to 0. */\n  min-width: max-content;\n  padding: 0 var(--wzl-space-6);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  margin: 0;\n  font-family: var(--wzl-font-ui);\n  font-weight: var(--wzl-font-weight-normal);\n  font-size: var(--btn-fontsize, var(--wzl-font-size));\n  line-height: 1;\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  /* Only round the outer corners of the bar — middle segments stay square\n     so the seams between them don't render as facing parentheses. */\n  border-radius: 0;\n  isolation: isolate;\n  overflow: hidden;\n  transition: color var(--wzl-motion-fast);\n}\n\n/* 8px around a 14px glyph is most of a segment. */\n.segment:has(> svg) {\n  padding: 0 5px;\n}\n\n.segment:first-of-type {\n  border-radius: var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill);\n}\n\n.segment:last-of-type {\n  border-radius: 0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0;\n}\n\n.segment:only-of-type {\n  border-radius: var(--wzl-radius-pill);\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -2px;\n}\n\n.segment:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n}\n\n/* Selected segment — full Aqua glass cylinder. Mirrors Button.variant_primary. */\n.segmentSelected {\n  background: linear-gradient(\n    180deg,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha, 45%), transparent) 0%,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha, 70%), transparent) calc(var(--btn-equator, 52%) - var(--btn-equator-spread, 12%)),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint, 95%), white) var(--btn-equator, 52%),\n    var(--wzl-accent) calc(var(--btn-equator, 52%) + var(--btn-equator-spread, 12%) * 1.6),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint, 70%), black) 100%\n  );\n  backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  -webkit-backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  color: var(--wzl-fg-on-accent);\n  text-shadow:\n    0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow, 0.35)),\n    var(--btn-text-inset-x, 0px) var(--btn-text-inset-y, 1px) 0 rgba(0, 0, 0, var(--btn-text-inset, 0.55)),\n    0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow, 0.35) * 0.5));\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi, 0.42)),\n    inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo, 0.3)),\n    0 0 0 1px rgba(0, 0, 0, var(--btn-rim, 0.22)),\n    0 1px 2px rgba(0, 0, 0, var(--btn-drop-near, 0.3)),\n    0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far, 0.18) * 0.8));\n}\n\n/* Specular gloss on the selected segment. Top corners inherit the\n   segment's radius so they hug the upper edge cleanly; bottom corners\n   are flattened so the gloss ends in a straight line at the equator\n   instead of two little curves that read as `)(` brackets. */\n.segmentSelected::before {\n  content: '';\n  position: absolute;\n  inset: 1px 1px var(--btn-gloss-bottom, 50%) 1px;\n  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(255, 255, 255, var(--btn-gloss-top, 0.42)) 0%,\n    rgba(255, 255, 255, var(--btn-gloss-mid, 0.12)) 60%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  pointer-events: none;\n  z-index: 1;\n}\n\n.segmentSelected > * {\n  position: relative;\n  z-index: 2;\n}\n\n/* Small variant — ~60% of the default height, with proportionally reduced\n   padding and font. Sized for dense surfaces (lab control panels, inline\n   filters, etc.). */\n.size_sm {\n  height: 17px;\n  padding: 1px;\n}\n\n.size_sm .segment {\n  padding: 0 var(--wzl-space-4);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* `.size_sm .segment` outranks the glyph rule above on specificity. */\n.size_sm .segment:has(> svg) {\n  padding: 0 3px;\n}\n\n/* Minimal variant — strips the pill track, glass selected state, inset\n   shadows, and outer padding. Used in dense diagnostic surfaces (dispatch\n   trace, lab inspectors) where the bar must read as plain text controls. */\n.variant_minimal {\n  height: auto;\n  padding: 0;\n  background: none;\n  border-radius: 0;\n  box-shadow: none;\n  gap: var(--wzl-space-1);\n}\n\n.variant_minimal .segment {\n  padding: 0 var(--wzl-space-2);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-medium);\n  line-height: 1.4;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg-muted);\n  transition: none;\n}\n\n.variant_minimal .segment:first-of-type,\n.variant_minimal .segment:last-of-type,\n.variant_minimal .segment:only-of-type {\n  border-radius: var(--wzl-radius-sm);\n}\n\n.variant_minimal .segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n  background: var(--wzl-surface-hover);\n}\n\n.variant_minimal .segmentSelected {\n  background: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--wzl-accent-fg);\n  text-shadow: none;\n  box-shadow: none;\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.variant_minimal .segmentSelected::before {\n  content: none;\n}\n"],"mappings":""}
+{"version":3,"file":"segmentedControl.module-62qjNWJk.js","names":["segmentedControl_module_default"],"sources":["../../src/components/segmentedControl.module.css"],"sourcesContent":["/* Shared by ButtonBar and OptionsBar, which look identical and differ only\n   in what a segment does. Lives here rather than in either component so\n   neither owns the other's styling.\n\n   Aqua-glass segmented control. The track is a pill-shaped well; the\n   selected segment becomes a tinted glass cylinder that reads as the same\n   \"lozenge\" family as the standalone Button. Visual params come from the\n   `--btn-*` custom properties (see Button.module.css) so the Button Lab\n   can tune both surfaces with one set of sliders. */\n.root {\n  display: inline-flex;\n  height: var(--tb-h, var(--wzl-control-h));\n  padding: var(--wzl-space-1);\n  background: linear-gradient(\n    180deg,\n    rgba(0, 0, 0, 0.18) 0%,\n    rgba(0, 0, 0, 0.05) 100%\n  );\n  border-radius: var(--wzl-radius-pill);\n  /* Clip segments to the track outline so interior corners read crisp and\n     the selected segment's glass treatment doesn't paint over the rounded\n     outer pixels. */\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 2px rgba(0, 0, 0, 0.4),\n    0 1px 0 rgba(255, 255, 255, 0.06);\n  /* The track clips, so without this a squeezing row shrinks it to nothing. */\n  min-width: max-content;\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: none;\n}\n\n.segment {\n  position: relative;\n  flex: 1 1 0;\n  /* Equal widths when there is room, never narrower than the label. The\n     segment clips its gloss, which otherwise drops its flex minimum to 0. */\n  min-width: max-content;\n  padding: 0 var(--wzl-space-6);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: none;\n  margin: 0;\n  font-family: var(--wzl-font-ui);\n  font-weight: var(--wzl-font-weight-normal);\n  font-size: var(--btn-fontsize, var(--wzl-font-size));\n  line-height: 1;\n  color: var(--wzl-fg-muted);\n  cursor: pointer;\n  /* Only round the outer corners of the bar — middle segments stay square\n     so the seams between them don't render as facing parentheses. */\n  border-radius: 0;\n  isolation: isolate;\n  overflow: hidden;\n  transition: color var(--wzl-motion-fast);\n}\n\n/* 8px around a 14px glyph is most of a segment. */\n.segment:has(> svg) {\n  padding: 0 5px;\n}\n\n.segment:first-of-type {\n  border-radius: var(--wzl-radius-pill) 0 0 var(--wzl-radius-pill);\n}\n\n.segment:last-of-type {\n  border-radius: 0 var(--wzl-radius-pill) var(--wzl-radius-pill) 0;\n}\n\n.segment:only-of-type {\n  border-radius: var(--wzl-radius-pill);\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--wzl-accent);\n  outline-offset: -2px;\n}\n\n.segment:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n}\n\n/* Selected segment — full Aqua glass cylinder. Mirrors Button.variant_primary. */\n.segmentSelected {\n  background: linear-gradient(\n    180deg,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha, 45%), transparent) 0%,\n    color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha, 70%), transparent) calc(var(--btn-equator, 52%) - var(--btn-equator-spread, 12%)),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint, 95%), white) var(--btn-equator, 52%),\n    var(--wzl-accent) calc(var(--btn-equator, 52%) + var(--btn-equator-spread, 12%) * 1.6),\n    color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint, 70%), black) 100%\n  );\n  backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  -webkit-backdrop-filter: blur(var(--btn-blur, 6px)) saturate(var(--btn-saturate, 1.3));\n  color: var(--wzl-fg-on-accent);\n  --wzl-fg-muted: var(--wzl-fg-muted-on-accent);\n  --wzl-fg-subtle: var(--wzl-fg-subtle-on-accent);\n  text-shadow:\n    0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow, 0.35)),\n    var(--btn-text-inset-x, 0px) var(--btn-text-inset-y, 1px) 0 rgba(0, 0, 0, var(--btn-text-inset, 0.55)),\n    0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow, 0.35) * 0.5));\n  box-shadow:\n    inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi, 0.42)),\n    inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo, 0.3)),\n    0 0 0 1px rgba(0, 0, 0, var(--btn-rim, 0.22)),\n    0 1px 2px rgba(0, 0, 0, var(--btn-drop-near, 0.3)),\n    0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far, 0.18) * 0.8));\n}\n\n/* Specular gloss on the selected segment. Top corners inherit the\n   segment's radius so they hug the upper edge cleanly; bottom corners\n   are flattened so the gloss ends in a straight line at the equator\n   instead of two little curves that read as `)(` brackets. */\n.segmentSelected::before {\n  content: '';\n  position: absolute;\n  inset: 1px 1px var(--btn-gloss-bottom, 50%) 1px;\n  border-radius: inherit;\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  background: linear-gradient(\n    180deg,\n    rgba(255, 255, 255, var(--btn-gloss-top, 0.42)) 0%,\n    rgba(255, 255, 255, var(--btn-gloss-mid, 0.12)) 60%,\n    rgba(255, 255, 255, 0) 100%\n  );\n  pointer-events: none;\n  z-index: 1;\n}\n\n.segmentSelected > * {\n  position: relative;\n  z-index: 2;\n}\n\n/* Small variant — ~60% of the default height, with proportionally reduced\n   padding and font. Sized for dense surfaces (lab control panels, inline\n   filters, etc.). */\n.size_sm {\n  height: 17px;\n  padding: 1px;\n}\n\n.size_sm .segment {\n  padding: 0 var(--wzl-space-4);\n  font-size: var(--wzl-font-size-sm);\n}\n\n/* `.size_sm .segment` outranks the glyph rule above on specificity. */\n.size_sm .segment:has(> svg) {\n  padding: 0 3px;\n}\n\n/* Minimal variant — strips the pill track, glass selected state, inset\n   shadows, and outer padding. Used in dense diagnostic surfaces (dispatch\n   trace, lab inspectors) where the bar must read as plain text controls. */\n.variant_minimal {\n  height: auto;\n  padding: 0;\n  background: none;\n  border-radius: 0;\n  box-shadow: none;\n  gap: var(--wzl-space-1);\n}\n\n.variant_minimal .segment {\n  padding: 0 var(--wzl-space-2);\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-medium);\n  line-height: 1.4;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg-muted);\n  transition: none;\n}\n\n.variant_minimal .segment:first-of-type,\n.variant_minimal .segment:last-of-type,\n.variant_minimal .segment:only-of-type {\n  border-radius: var(--wzl-radius-sm);\n}\n\n.variant_minimal .segment:hover:not(:disabled):not(.segmentSelected) {\n  color: var(--wzl-fg);\n  background: var(--wzl-surface-hover);\n}\n\n.variant_minimal .segmentSelected {\n  background: none;\n  backdrop-filter: none;\n  -webkit-backdrop-filter: none;\n  color: var(--wzl-accent-fg);\n  text-shadow: none;\n  box-shadow: none;\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.variant_minimal .segmentSelected::before {\n  content: none;\n}\n"],"mappings":""}

package/dist/chunks/{useReorderDragList-CStYKjHl.js → useReorderDragList-DnqqvRGK.js}

@@ -1,13 +1,19 @@
-import { n as e } from "./interactiveTarget-BNZmTow2.js";
-import { startThresholdDrag as t, useLatest as n } from "@weasel-js/core";
+import { isInControlWithin as e, startThresholdDrag as t, useLatest as n } from "@weasel-js/core";
 import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 //#region src/useReorderDragList.ts
-var s = {
+function s(e) {
+	return {
+		shift: e.shiftKey,
+		meta: e.metaKey,
+		ctrl: e.ctrlKey
+	};
+}
+var c = {
 	draggedIds: null,
 	targetIndex: null,
 	ghost: null
 };
-function c(e, t) {
+function l(e, t) {
 	let n = 0;
 	for (let r = t - 1; r >= 0; r--) if (e[r]?.locked) {
 		n = r + 1;
@@ -20,14 +26,14 @@ function c(e, t) {
 	}
 	return [n, r];
 }
-function l(e, t, n, r) {
-	let [i, a] = c(e, r);
+function u(e, t, n, r) {
+	let [i, a] = l(e, r);
 	return (t.includes(n) ? [...t] : [n]).filter((t) => {
 		let n = e.findIndex((e) => e.id === t);
 		return n >= i && n < a;
 	});
 }
-function u(e, t, n) {
+function d(e, t, n) {
 	let r = t.map((t) => e.findIndex((e) => e.id === t)).filter((e) => e >= 0).sort((e, t) => e - t), i = r.length > 0 && r.every((e, t) => {
 		if (t === 0) return !0;
 		let n = r[t - 1];
@@ -35,27 +41,29 @@ function u(e, t, n) {
 	}), a = r[0], o = r[r.length - 1];
 	return i && a !== void 0 && o !== void 0 && n >= a && n <= o + 1;
 }
-function d(d) {
-	let p = n(d), m = a(null), h = a(null), [g, _] = o(s);
+function f(s) {
+	let f = n(s), m = a(null), h = a(null), [g, _] = o(c);
 	i(() => () => {
 		h.current?.cancel();
 	}, []);
 	let v = r((e, t) => {
-		let [n, r] = c(p.current.items, t), i = m.current;
+		let [n, r] = l(f.current.items, t), i = m.current;
 		if (!i) return n;
-		let a = p.current.rowSelector, o = a ? Array.from(i.children).filter((e) => e.matches(a)) : Array.from(i.children), s = o.length;
+		let a = f.current.rowSelector, o = a ? Array.from(i.children).filter((e) => e.matches(a)) : Array.from(i.children), s = o.length;
 		for (let t = 0; t < o.length; t++) {
 			let n = o[t];
-			if (n && e < n.getBoundingClientRect().bottom) {
+			if (!n) continue;
+			let r = n.getBoundingClientRect();
+			if (e < r.top + r.height / 2) {
 				s = t;
 				break;
 			}
 		}
 		return Math.max(n, Math.min(s, r));
-	}, [p]), y = r((e) => {
+	}, [f]), y = r((e) => {
 		m.current = e;
 	}, []), b = r(() => {
-		h.current = null, _(s);
+		h.current = null, _(c);
 	}, []), x = r((n, r, i) => {
 		let a = m.current;
 		if (!a || h.current || e(i.target, i.currentTarget)) return;
@@ -64,7 +72,7 @@ function d(d) {
 			ctrlKey: i.ctrlKey,
 			metaKey: i.metaKey,
 			altKey: i.altKey
-		}, s = [], c = 0, d = i.currentTarget, g = (Array.from(a.children).find((e) => e.contains(d)) ?? d).getBoundingClientRect(), y = {
+		}, s = [], c = 0, l = i.currentTarget, g = (Array.from(a.children).find((e) => e.contains(l)) ?? l).getBoundingClientRect(), y = {
 			x: i.clientX - g.left,
 			y: i.clientY - g.top
 		}, x = (e) => ({
@@ -75,9 +83,9 @@ function d(d) {
 		});
 		h.current = t(i, {
 			origin: a,
-			threshold: p.current.items[r]?.locked ? Infinity : p.current.threshold,
+			threshold: f.current.items[r]?.locked ? Infinity : f.current.threshold,
 			onActivate: (e) => {
-				s = l(p.current.items, p.current.selectedIds, n, r), c = v(e.clientY, r), _({
+				s = u(f.current.items, f.current.selectedIds, n, r), c = v(e.clientY, r), _({
 					draggedIds: s,
 					targetIndex: c,
 					ghost: x(e)
@@ -92,34 +100,34 @@ function d(d) {
 			},
 			onCommit: (e) => {
 				let t = v(e.clientY, r);
-				u(p.current.items, s, t) || p.current.onReorder(s, t), b();
+				d(f.current.items, s, t) || f.current.onReorder(s, t), b();
 			},
 			onClick: () => {
-				let { onPress: e } = p.current;
-				e && (e(n, o), f(a)), b();
+				let { onPress: e } = f.current;
+				e && (e(n, o), p(a)), b();
 			},
 			onCancel: b
 		});
 	}, [
 		v,
 		b,
-		p
+		f
 	]);
 	return {
 		nudge: r((e, t, n) => {
-			let { items: r, selectedIds: i, onReorder: a } = p.current;
+			let { items: r, selectedIds: i, onReorder: a } = f.current;
 			if (r[t]?.locked) return !1;
-			let o = l(r, i, e, t), s = o.map((e) => r.findIndex((t) => t.id === e)).sort((e, t) => e - t), d = s[0], f = s[s.length - 1];
-			if (d === void 0 || f === void 0) return !1;
-			let [m, h] = c(r, t), g = n < 0 ? d - 1 : f + 2;
-			return g < m || g > h || u(r, o, g) ? !1 : (a(o, g), !0);
-		}, [p]),
+			let o = u(r, i, e, t), s = o.map((e) => r.findIndex((t) => t.id === e)).sort((e, t) => e - t), c = s[0], p = s[s.length - 1];
+			if (c === void 0 || p === void 0) return !1;
+			let [m, h] = l(r, t), g = n < 0 ? c - 1 : p + 2;
+			return g < m || g > h || d(r, o, g) ? !1 : (a(o, g), !0);
+		}, [f]),
 		rowProps: (e, t) => ({ onPointerDown: (n) => x(e, t, n) }),
 		containerProps: { ref: y },
 		state: g
 	};
 }
-function f(e) {
+function p(e) {
 	let t = (e) => {
 		e.stopPropagation();
 	};
@@ -128,6 +136,6 @@ function f(e) {
 	}, 0);
 }
 //#endregion
-export { d as t };
+export { f as n, s as t };
 
-//# sourceMappingURL=useReorderDragList-CStYKjHl.js.map
+//# sourceMappingURL=useReorderDragList-DnqqvRGK.js.map

package/dist/chunks/useReorderDragList-DnqqvRGK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReorderDragList-DnqqvRGK.js","names":["selectModifiers","mods","IDLE","unlockedSegment","lo","i","sourceIndex","items","hi","draggedIdsFor","index","selectedIds","id","it","x","isNoopDrop","indices","draggedIds","a","b","contiguous","prev","v","first","last","targetIndex","useReorderDragList","optsRef","useLatest","opts","containerRef","useRef","dragRef","state","setState","useState","computeTargetIndex","useCallback","c","sel","rows","el","raw","row","clientY","refCb","reset","onPointerDownRow","container","isInControlWithin","e","pressed","child","grab","ghostAt","ev","startThresholdDrag","drop","onPress","swallowNextClick","ids","at","target","delta","onReorder","swallow"],"sources":["../../src/useReorderDragList.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ReactNode, PointerEvent as ReactPointerEvent, RefCallback } from 'react';\nimport { isInControlWithin, startThresholdDrag, useLatest, type ThresholdDragHandle } from '@weasel-js/core';\nimport type { SelectModifiers } from '@weasel-js/select';\n\n/** One row in a reorderable list. */\nexport interface ReorderItem {\n  id: string;\n  label: ReactNode;\n  /** Locked rows cannot be dragged, cannot be crossed by drops, and\n   *  never combine with other rows in a multi-selection. */\n  locked?: boolean;\n}\n\n/**\n * Options for {@link useReorderDragList}. `onReorder` receives the dragged ids\n * and the index they were dropped at, measured against the pre-drag `items`.\n */\nexport interface UseReorderDragListOptions {\n  items: ReorderItem[];\n  selectedIds: string[];\n  onReorder(ids: string[], targetIndex: number): void;\n  /** A press that was released without ever engaging a drag — the click a\n   *  list row means by it. Fires for locked rows too, which can be selected\n   *  but not dragged. Modifiers are read at press, not at release. When this\n   *  is given, the DOM click that follows the press is dropped, so a row that\n   *  also handles `click` sees one press, not two. A press that starts on a\n   *  control inside the row (a toggle) is left to the control. */\n  onPress?(id: string, mods: PressModifiers): void;\n  /** Pointer-move distance (px) before pending drag engages. Default `DRAG_THRESHOLD_PX`. */\n  threshold?: number;\n  /** Selector matching the container's children that are rows, for a list\n   *  that interleaves other elements (a table's detail rows). Default: every\n   *  child is a row. */\n  rowSelector?: string;\n}\n\n/** Modifier keys held when a press began. */\nexport interface PressModifiers {\n  shiftKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n}\n\n/** A press's modifiers as `@weasel-js/select` reads them. */\nexport function selectModifiers(mods: PressModifiers): SelectModifiers {\n  return { shift: mods.shiftKey, meta: mods.metaKey, ctrl: mods.ctrlKey };\n}\n\n/**\n * Where a drag's ghost goes: the dragged rows, drawn again with their top-left\n * at a client-space point, so the row that was grabbed stays under the pointer\n * where it was picked up. `width` is the grabbed row's.\n */\nexport interface ReorderGhost {\n  ids: readonly string[];\n  left: number;\n  top: number;\n  width: number;\n}\n\n/**\n * Live drag state for rendering feedback: which ids are being dragged, the\n * insertion index the drop would use, and where their ghost goes. All `null`\n * when no drag is engaged.\n */\nexport interface ReorderDragState {\n  draggedIds: string[] | null;\n  targetIndex: number | null;\n  ghost: ReorderGhost | null;\n}\n\nconst IDLE: ReorderDragState = { draggedIds: null, targetIndex: null, ghost: null };\n\n/**\n * A `ref` for the list container, an `onPointerDown` for each row, and the\n * live {@link ReorderDragState}. The container ref is required, not optional\n * decoration: it is what the drop index is measured against and what the\n * pointer session is opened on.\n */\nexport interface ReorderDragHandlers {\n  rowProps(id: string, index: number): { onPointerDown(e: ReactPointerEvent): void };\n  containerProps: {\n    ref: RefCallback<HTMLElement>;\n  };\n  state: ReorderDragState;\n  /**\n   * Move the row at `index` one place up (`-1`) or down (`1`) — the keyboard\n   * reorder. It moves what a drag of that row would: the whole selection if\n   * the row is in it, else the row alone, never across a locked row. Calls\n   * `onReorder` and returns `true`, or returns `false` when nothing can move.\n   */\n  nudge(id: string, index: number, delta: -1 | 1): boolean;\n}\n\n/**\n * The half-open run of indices a row at `sourceIndex` may be dropped into:\n * bounded by the nearest locked row above and below it, so a locked row is a\n * wall in both directions rather than a global ceiling.\n */\nfunction unlockedSegment(items: readonly ReorderItem[], sourceIndex: number): [number, number] {\n  let lo = 0;\n  for (let i = sourceIndex - 1; i >= 0; i--) {\n    if (items[i]?.locked) { lo = i + 1; break; }\n  }\n  let hi = items.length;\n  for (let i = sourceIndex + 1; i < items.length; i++) {\n    if (items[i]?.locked) { hi = i; break; }\n  }\n  return [lo, hi];\n}\n\n/** What a drag of the row at `index` carries: the selection within its segment if the row is selected, else the row. */\nfunction draggedIdsFor(\n  items: readonly ReorderItem[],\n  selectedIds: readonly string[],\n  id: string,\n  index: number,\n): string[] {\n  const [lo, hi] = unlockedSegment(items, index);\n  return (selectedIds.includes(id) ? [...selectedIds] : [id]).filter((x) => {\n    const i = items.findIndex((it) => it.id === x);\n    return i >= lo && i < hi;\n  });\n}\n\n/** Would dropping `draggedIds` at `targetIndex` leave a contiguous block where it already is? */\nfunction isNoopDrop(items: readonly ReorderItem[], draggedIds: readonly string[], targetIndex: number): boolean {\n  const indices = draggedIds\n    .map((id) => items.findIndex((it) => it.id === id))\n    .filter((i) => i >= 0)\n    .sort((a, b) => a - b);\n  const contiguous =\n    indices.length > 0 &&\n    indices.every((v, i) => {\n      if (i === 0) return true;\n      const prev = indices[i - 1];\n      return prev !== undefined && v === prev + 1;\n    });\n  const first = indices[0];\n  const last = indices[indices.length - 1];\n  return contiguous\n    && first !== undefined\n    && last !== undefined\n    && targetIndex >= first\n    && targetIndex <= last + 1;\n}\n\n/**\n * Drag-to-reorder for a vertical list of rows. Dragging a row that is part of\n * the current selection drags the whole selection; dragging any other row\n * drags just that row. Locked rows can neither be dragged nor crossed by a\n * drop. A drop that would leave a contiguous block where it already is does\n * not call `onReorder`.\n *\n * The rows are the container's children, whatever they are: `ItemList` rows,\n * or the `PropertyGroup`s of a `PropertyList`. A row's `onPointerDown` can go\n * on the whole row or on a handle inside it.\n *\n * A press opens a `startThresholdDrag` on the *container*, which owns the\n * rest of the gesture: a drag that leaves the list still tracks, a release\n * anywhere still drops, and a release the window never delivered still ends\n * the drag. The container is the origin rather than the row because rows come\n * and go as the list re-renders, and a drag must outlive the row it grabbed.\n */\nexport function useReorderDragList(opts: UseReorderDragListOptions): ReorderDragHandlers {\n  const optsRef = useLatest(opts);\n  const containerRef = useRef<HTMLElement | null>(null);\n  const dragRef = useRef<ThresholdDragHandle | null>(null);\n  const [state, setState] = useState<ReorderDragState>(IDLE);\n\n  useEffect(() => () => { dragRef.current?.cancel(); }, []);\n\n  const computeTargetIndex = useCallback((clientY: number, sourceIndex: number): number => {\n    const [lo, hi] = unlockedSegment(optsRef.current.items, sourceIndex);\n    const c = containerRef.current;\n    if (!c) return lo;\n    const sel = optsRef.current.rowSelector;\n    const rows = (sel ? Array.from(c.children).filter((el) => el.matches(sel)) : Array.from(c.children)) as HTMLElement[];\n    let raw = rows.length;\n    for (let i = 0; i < rows.length; i++) {\n      const row = rows[i];\n      if (!row) continue;\n      const r = row.getBoundingClientRect();\n      if (clientY < r.top + r.height / 2) { raw = i; break; }\n    }\n    return Math.max(lo, Math.min(raw, hi));\n  }, [optsRef]);\n\n  const refCb = useCallback<RefCallback<HTMLElement>>((el) => {\n    containerRef.current = el;\n  }, []);\n\n  const reset = useCallback(() => {\n    dragRef.current = null;\n    setState(IDLE);\n  }, []);\n\n  const onPointerDownRow = useCallback((id: string, index: number, e: ReactPointerEvent) => {\n    const container = containerRef.current;\n    if (!container || dragRef.current) return;\n    if (isInControlWithin(e.target, e.currentTarget as Element)) return;\n\n    const mods: PressModifiers = {\n      shiftKey: e.shiftKey, ctrlKey: e.ctrlKey, metaKey: e.metaKey, altKey: e.altKey,\n    };\n    let draggedIds: string[] = [];\n    let targetIndex = 0;\n    // Where in the grabbed row the pointer went down, so the ghost keeps that point under it. The handler may sit on\n    // a handle inside the row rather than the row itself, so the row is the container's child holding it.\n    const pressed = e.currentTarget as Element;\n    const rowEl = Array.from(container.children).find((child) => child.contains(pressed)) ?? pressed;\n    const row = rowEl.getBoundingClientRect();\n    const grab = { x: e.clientX - row.left, y: e.clientY - row.top };\n    const ghostAt = (ev: { clientX: number; clientY: number }): ReorderGhost => ({\n      ids: draggedIds,\n      left: ev.clientX - grab.x,\n      top: ev.clientY - grab.y,\n      width: row.width,\n    });\n\n    dragRef.current = startThresholdDrag(e, {\n      origin: container,\n      // A locked row still opens a drag so its release reaches `onPress`, and\n      // a threshold nothing can cross is what keeps it from ever engaging.\n      threshold: optsRef.current.items[index]?.locked\n        ? Number.POSITIVE_INFINITY\n        : optsRef.current.threshold,\n      onActivate: (ev) => {\n        draggedIds = draggedIdsFor(optsRef.current.items, optsRef.current.selectedIds, id, index);\n        targetIndex = computeTargetIndex(ev.clientY, index);\n        setState({ draggedIds, targetIndex, ghost: ghostAt(ev) });\n      },\n      onMove: (ev) => {\n        targetIndex = computeTargetIndex(ev.clientY, index);\n        setState({ draggedIds, targetIndex, ghost: ghostAt(ev) });\n      },\n      onCommit: (ev) => {\n        const drop = computeTargetIndex(ev.clientY, index);\n        if (!isNoopDrop(optsRef.current.items, draggedIds, drop)) {\n          optsRef.current.onReorder(draggedIds, drop);\n        }\n        reset();\n      },\n      onClick: () => {\n        const { onPress } = optsRef.current;\n        if (onPress) {\n          onPress(id, mods);\n          swallowNextClick(container);\n        }\n        reset();\n      },\n      // Every cancel reason — the browser's, a lost capture, an unmount —\n      // says the gesture was interrupted rather than aimed, so the rows stay\n      // where they were.\n      onCancel: reset,\n    });\n  }, [computeTargetIndex, reset, optsRef]);\n\n  const nudge = useCallback((id: string, index: number, delta: -1 | 1): boolean => {\n    const { items, selectedIds, onReorder } = optsRef.current;\n    if (items[index]?.locked) return false;\n    const ids = draggedIdsFor(items, selectedIds, id, index);\n    const at = ids.map((x) => items.findIndex((it) => it.id === x)).sort((a, b) => a - b);\n    const first = at[0];\n    const last = at[at.length - 1];\n    if (first === undefined || last === undefined) return false;\n    const [lo, hi] = unlockedSegment(items, index);\n    const target = delta < 0 ? first - 1 : last + 2;\n    if (target < lo || target > hi || isNoopDrop(items, ids, target)) return false;\n    onReorder(ids, target);\n    return true;\n  }, [optsRef]);\n\n  return {\n    nudge,\n    rowProps: (id, index) => ({\n      onPointerDown: (e) => onPointerDownRow(id, index, e),\n    }),\n    containerProps: {\n      ref: refCb,\n    },\n    state,\n  };\n}\n\n/**\n * The session captured the pointer on the container, so browsers disagree on\n * where the release's click lands; it may still reach the row. `onPress` has\n * already reported this press, so that click is dropped rather than read as a\n * second one. It is dispatched in the same task as the release.\n */\nfunction swallowNextClick(container: HTMLElement): void {\n  const swallow = (e: Event) => { e.stopPropagation(); };\n  container.addEventListener('click', swallow, true);\n  setTimeout(() => { container.removeEventListener('click', swallow, true); }, 0);\n}\n"],"mappings":"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"}

package/dist/components/ActionBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ActionBar-xA73vzzF.js";
+import { t as e } from "../../chunks/ActionBar-CfXS7-9f.js";
 export { e as ActionBar };

package/dist/components/Badge/index.d.ts

@@ -2,4 +2,5 @@ export { Badge } from './Badge';
 export type { BadgeProps } from './Badge';
 export type { BadgeShape, BadgeStatus, BadgeVariant, BadgeSize } from './types';
 export { BADGE_STATUS_ICONS } from './statusIcons';
+export { BADGE_VARIANT_ICONS } from './variantIcons';
 //# sourceMappingURL=index.d.ts.map