@weasel-js/ui 1.6.1 → 1.7.0

package/dist/chunks/DetailList-BKomDzg5.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { useId as n } from "react";
+var r = {
+	list: "_list_am8mx_1",
+	row: "_row_am8mx_14",
+	label: "_label_am8mx_22",
+	value: "_value_am8mx_36",
+	dot: "_dot_am8mx_70",
+	title: "_title_am8mx_82"
+};
+//#endregion
+//#region src/components/DetailList/DetailList.tsx
+function i({ children: i, title: a, layout: o = "inline", values: s = "text", className: c }) {
+	let l = n(), u = /* @__PURE__ */ e("dl", {
+		className: c && a == null ? `${r.list} ${c}` : r.list,
+		"data-layout": o,
+		"data-values": s,
+		"aria-labelledby": a == null ? void 0 : l,
+		children: i
+	});
+	return a == null ? u : /* @__PURE__ */ t("section", {
+		className: c,
+		children: [/* @__PURE__ */ e("h3", {
+			id: l,
+			className: r.title,
+			children: a
+		}), u]
+	});
+}
+function a({ label: n, children: i, placeholder: a = "–", status: o, values: s, className: c }) {
+	let l = i == null;
+	return /* @__PURE__ */ t("div", {
+		className: c ? `${r.row} ${c}` : r.row,
+		"data-status": o,
+		"data-values": s,
+		children: [/* @__PURE__ */ e("dt", {
+			className: r.label,
+			children: n
+		}), /* @__PURE__ */ t("dd", {
+			className: r.value,
+			"data-empty": l || void 0,
+			children: [o && /* @__PURE__ */ e("span", {
+				className: r.dot,
+				"aria-hidden": "true"
+			}), l ? a : i]
+		})]
+	});
+}
+//#endregion
+export { a as n, i as t };
+
+//# sourceMappingURL=DetailList-BKomDzg5.js.map

package/dist/chunks/DetailList-BKomDzg5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailList-BKomDzg5.js","names":["s","DetailList_module_default","DetailList","titleId","useId","list","className","title","layout","values","DetailRow","empty","children","status","label","placeholder"],"sources":["../../src/components/DetailList/DetailList.module.css","../../src/components/DetailList/DetailList.tsx"],"sourcesContent":[".list {\n  display: grid;\n  grid-template-columns: var(--wzl-params-label-width, auto) minmax(0, 1fr);\n  column-gap: var(--wzl-space-6);\n  row-gap: var(--wzl-space-1);\n  margin: 0;\n  font-size: var(--wzl-font-size-md);\n}\n\n.list[data-layout='block'] {\n  grid-template-columns: minmax(0, 1fr);\n}\n\n.row {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n  /* A label meets the first line of its value, however many lines that runs to. */\n  align-items: baseline;\n}\n\n.label {\n  display: flex;\n  align-items: baseline;\n  justify-content: var(--wzl-params-label-align, start);\n  gap: var(--wzl-space-2);\n  font-family: var(--wzl-font-display);\n  font-weight: var(--wzl-font-weight-light);\n  font-size: var(--wzl-font-size-sm);\n  line-height: var(--wzl-leading-snug);\n  color: var(--wzl-fg-muted);\n  text-transform: var(--wzl-params-label-case, uppercase);\n  letter-spacing: var(--wzl-params-label-tracking, var(--wzl-tracking-wide));\n}\n\n.value {\n  margin: 0;\n  min-width: 0;\n  /* The floor a property row stands on, so the two share a rhythm side by side. */\n  min-height: var(--wzl-prop-row-h, var(--wzl-field-h, var(--wzl-control-h)));\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  overflow-wrap: anywhere;\n  color: var(--wzl-fg);\n}\n\n.value[data-empty] {\n  color: var(--wzl-fg-muted);\n}\n\n.list[data-values='figures'] {\n  grid-template-columns: var(--wzl-params-label-width, auto) minmax(min-content, 1fr);\n}\n\n.list[data-values='figures'] .row:not([data-values='text']) .value,\n.row[data-values='figures'] .value {\n  justify-content: flex-end;\n  text-align: end;\n  /* The display face (Oswald) has no tabular figures, so tabular-nums alone aligns nothing. */\n  font-family: var(--wzl-font-mono);\n  font-variant-numeric: tabular-nums;\n  /* On the cell, not the track, so ch measures the figures' own face. */\n  min-width: var(--wzl-detail-figure-min-width, 8ch);\n  white-space: pre;\n  overflow-wrap: normal;\n}\n\n.dot {\n  flex: none;\n  width: 0.5em;\n  height: 0.5em;\n  border-radius: 50%;\n  background: currentColor;\n}\n\n.row[data-status='success'] .dot { background: var(--wzl-success); }\n.row[data-status='warn'] .dot { background: var(--wzl-warning); }\n.row[data-status='danger'] .dot { background: var(--wzl-danger); }\n\n.title {\n  margin: 0 0 var(--wzl-space-3);\n  font-family: var(--wzl-font-display);\n  font-weight: var(--wzl-font-weight-light);\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg-muted);\n  text-transform: var(--wzl-params-label-case, uppercase);\n  letter-spacing: var(--wzl-params-label-tracking, var(--wzl-tracking-wide));\n}\n","import { type ReactNode, useId } from 'react';\nimport s from './DetailList.module.css';\n\n/** Whether a row's label sits beside its value or above it. */\nexport type DetailListLayout = 'inline' | 'block';\n\n/**\n * How a list sets its values. `text` starts each value at the column's edge\n * and wraps it; `figures` right-aligns it in a column at least\n * `--wzl-detail-figure-min-width` (default `8ch`) wide, in the mono face,\n * with spaces kept, so figure-space padding lines a column up on its decimal\n * point.\n */\nexport type DetailListValues = 'text' | 'figures';\n\n/** The state a row's status dot reports, painted from `--wzl-success`,\n *  `--wzl-warning` or `--wzl-danger`. */\nexport type DetailRowStatus = 'success' | 'warn' | 'danger';\n\n/** Props for {@link DetailList}. */\nexport interface DetailListProps {\n  /** {@link DetailRow}s. */\n  children: ReactNode;\n  /** Heading drawn above the list, which also names it. */\n  title?: ReactNode;\n  /**\n   * `inline` puts every label in one rail beside the values; `block` stacks\n   * each label over its value, for a column too narrow to hold both.\n   */\n  layout?: DetailListLayout;\n  /** `text` by default. See {@link DetailListValues}. */\n  values?: DetailListValues;\n  /** Class on the outermost element: the `<dl>`, or the `<section>` holding\n   *  the heading and the list when there is a `title`. */\n  className?: string;\n}\n\n/** Props for {@link DetailRow}. */\nexport interface DetailRowProps {\n  label: ReactNode;\n  /** The value: text, or any run of elements — code chips, badges, keycaps,\n   *  links. Several children wrap as a line of items. `null` or `undefined`\n   *  keeps the row in place showing `placeholder`, so a list whose values\n   *  come and go holds its height. */\n  children?: ReactNode;\n  /** Shown while there is no value. An en dash by default. */\n  placeholder?: ReactNode;\n  /**\n   * Draws a dot in the status color before the value. The dot is hidden from\n   * assistive technology and color is never the only signal, so the value\n   * itself has to say the same thing — \"locked\", not just a green dot.\n   */\n  status?: DetailRowStatus;\n  /** Sets this row's value as `text` or `figures`, whatever the list's\n   *  `values` says — a sentence among figures, or one figure among text. */\n  values?: DetailListValues;\n  className?: string;\n}\n\n/**\n * A read-only list of labeled values — the `<dl>` a property panel would be\n * if its rows held facts instead of controls. Labels take the params label\n * recipe and rail: `--wzl-params-label-width` sets the rail, so a detail list\n * and a property panel beside it line their labels up from one declaration.\n */\nexport function DetailList({ children, title, layout = 'inline', values = 'text', className }: DetailListProps) {\n  const titleId = useId();\n  const list = (\n    <dl\n      className={className && title == null ? `${s.list} ${className}` : s.list}\n      data-layout={layout}\n      data-values={values}\n      aria-labelledby={title != null ? titleId : undefined}\n    >\n      {children}\n    </dl>\n  );\n  if (title == null) return list;\n  return (\n    <section className={className}>\n      <h3 id={titleId} className={s.title}>{title}</h3>\n      {list}\n    </section>\n  );\n}\n\n/** One label and its value in a {@link DetailList}. */\nexport function DetailRow({ label, children, placeholder = '–', status, values, className }: DetailRowProps) {\n  const empty = children == null;\n  return (\n    <div className={className ? `${s.row} ${className}` : s.row} data-status={status} data-values={values}>\n      <dt className={s.label}>{label}</dt>\n      <dd className={s.value} data-empty={empty || undefined}>\n        {status && <span className={s.dot} aria-hidden=\"true\" />}\n        {empty ? placeholder : children}\n      </dd>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;ACiEA,SAAgBE,EAAW,EAAE,aAAU,UAAO,YAAS,UAAU,YAAS,QAAQ,gBAA8B;CAC9G,IAAMC,IAAUC,EAAM,GAChBC,IACJ,kBAAC,MAAD;EACE,WAAWC,KAAaC,KAAS,OAAO,GAAGP,EAAE,KAAK,GAAGM,MAAcN,EAAE;EACrE,eAAaQ;EACb,eAAaC;EACb,mBAAiBF,KAAS,OAAiB,KAAA,IAAVJ;EAEhC;CACC,CAAA;CAGN,OADII,KAAS,OAAaF,IAExB,kBAAC,WAAD;EAAoB;EAApB,UAAA,CACE,kBAAC,MAAD;GAAI,IAAIF;GAAS,WAAWH,EAAE;GAAQ,UAAAO;EAAU,CAAA,GAC/CF,CACM;;AAEb;AAGA,SAAgBK,EAAU,EAAE,UAAO,aAAU,iBAAc,KAAK,WAAQ,WAAQ,gBAA6B;CAC3G,IAAMC,IAAQC,KAAY;CAC1B,OACE,kBAAC,OAAD;EAAK,WAAWN,IAAY,GAAGN,EAAE,IAAI,GAAGM,MAAcN,EAAE;EAAK,eAAaa;EAAQ,eAAaJ;EAA/F,UAAA,CACE,kBAAC,MAAD;GAAI,WAAWT,EAAE;GAAQ,UAAAc;EAAU,CAAA,GACnC,kBAAC,MAAD;GAAI,WAAWd,EAAE;GAAO,cAAYW,KAAS,KAAA;GAA7C,UAAA,CACGE,KAAU,kBAAC,QAAD;IAAM,WAAWb,EAAE;IAAK,eAAY;GAAQ,CAAA,GACtDW,IAAQI,IAAcH,CACrB;EACD,CAAA,CAAA;;AAET"}

package/dist/chunks/{DetentSlider-CL8TlX3S.js → DetentSlider-5uQPFucv.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Slider-CFwQYQ10.js";
+import { t as e } from "./Slider-YofwGOI4.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useEffect as n, useRef as r } from "react";
 var i = {
@@ -69,4 +69,4 @@ function c(c) {
 //#endregion
 export { c as t };
 
-//# sourceMappingURL=DetentSlider-CL8TlX3S.js.map
+//# sourceMappingURL=DetentSlider-5uQPFucv.js.map

package/dist/chunks/{DetentSlider-CL8TlX3S.js.map → DetentSlider-5uQPFucv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DetentSlider-CL8TlX3S.js","names":["s","Slider","DetentSlider_module_default","normalize","items","it","resolveIndex","exact","value","best","bestGap","i","v","gap","plainText","label","fallback","DetentSlider","props","index","lastIndex","labelOf","item","formatLabel","liveRef","useRef","changedRef","handleInput","next","onChange","handleCommit","current","className","thumbs","stops"],"sources":["../../src/components/DetentSlider/DetentSlider.module.css","../../src/components/DetentSlider/DetentSlider.tsx"],"sourcesContent":[".root {\n  position: relative;\n  /* Read by Slider's track and stop marks. Detents run the full height of the\n   * track so they read as notches rather than as tally marks beside it. */\n  --rp-tick-inset: 0;\n  --rp-tick-width: 1px;\n  --rp-tick-color: var(--wzl-border-strong);\n  --rp-track-cursor: pointer;\n  font-family: var(--wzl-font-ui);\n}\n\n.slider {\n  width: 100%;\n}\n\n","import { useEffect, useRef, type ReactElement, type ReactNode } from 'react';\nimport { Slider, type SliderStop, type Thumb } from '../Slider/Slider';\nimport s from './DetentSlider.module.css';\n\n/** What a detent can carry. Narrowed so identity comparison and React keys\n *  both work without a keying callback. */\nexport type DetentValue = string | number;\n\n/** One detent on a {@link DetentSlider}. */\nexport type DetentItem<V extends DetentValue = number> = {\n  value: V;\n  /** Drawn under the detent. Defaults to `formatLabel(value)`, then `value`. */\n  label?: ReactNode;\n  /** Spoken form, when the drawn label is not the right thing to say. */\n  ariaLabel?: string;\n};\n\n/**\n * Props for {@link DetentSlider}.\n *\n * `items` takes bare values or `DetentItem`s interchangeably — a bare value is\n * a detent with no label of its own.\n *\n * `onChange` fires on every detent the control passes through, including\n * mid-drag: each one is a complete, legal choice, so there is no in-flight\n * value to withhold. `onCommit` fires once the gesture that changed things\n * ends, and is the one to write to history.\n */\nexport type DetentSliderProps<V extends DetentValue = number> = {\n  items: readonly (V | DetentItem<V>)[];\n  value: V;\n  onChange: (value: V, index: number) => void;\n  onCommit?: (value: V, index: number) => void;\n  formatLabel?: (value: V, index: number) => ReactNode;\n  labels?: 'all' | 'ends' | 'none';\n  trackHeight?: number;\n  ariaLabel?: string;\n  className?: string;\n};\n\nfunction normalize<V extends DetentValue>(items: readonly (V | DetentItem<V>)[]): DetentItem<V>[] {\n  return items.map(it => (typeof it === 'object' && it !== null ? it : ({ value: it } as DetentItem<V>)));\n}\n\n/**\n * The detent `value` selects. An exact match wins; a number that matches none\n * lands on the nearest one, so a value arriving from a numeric field or an\n * older save renders where it belongs rather than silently reading as the\n * first detent.\n */\nfunction resolveIndex<V extends DetentValue>(items: readonly DetentItem<V>[], value: V): number {\n  const exact = items.findIndex(it => it.value === value);\n  if (exact !== -1) return exact;\n  if (typeof value !== 'number') return 0;\n  let best = 0;\n  let bestGap = Infinity;\n  for (let i = 0; i < items.length; i++) {\n    const v = items[i].value;\n    if (typeof v !== 'number') continue;\n    const gap = Math.abs(v - value);\n    if (gap < bestGap) {\n      bestGap = gap;\n      best = i;\n    }\n  }\n  return best;\n}\n\nfunction plainText(label: ReactNode, fallback: DetentValue): string {\n  return typeof label === 'string' || typeof label === 'number' ? String(label) : String(fallback);\n}\n\n/**\n * Slider over a fixed list of values: one detent per value, evenly spaced, the\n * thumb resting on one of them.\n *\n * This is the shape to reach for when an option has a small set of allowed\n * values along a line — playback rate, zoom step, quality — in place of a\n * dropdown, which hides the ordering and the extent of the range behind a\n * click. The values need only be ordered, not numeric.\n *\n * It is a strict {@link Slider} over the *index* of `items`, which keeps the\n * detents evenly spaced however the values are distributed. Since the index is\n * meaningless to a screen reader, the value is published as `aria-valuetext`.\n * For numbers that may also rest between the detents, use `Slider` directly\n * with `spacing=\"even\"` and magnetic stops.\n */\nexport function DetentSlider<V extends DetentValue = number>(props: DetentSliderProps<V>): ReactElement {\n  const { value, onChange, onCommit, formatLabel, ariaLabel, className } = props;\n  const items = normalize(props.items);\n  const index = resolveIndex(items, value);\n  const lastIndex = Math.max(0, items.length - 1);\n\n  const labelOf = (item: DetentItem<V>, i: number): ReactNode =>\n    item.label ?? formatLabel?.(item.value, i) ?? String(item.value);\n\n  // Deduped separately: `live` suppresses the repeat reports a drag produces\n  // while the pointer crosses one detent, `changed` keeps a press that chose\n  // nothing from landing a no-op entry in the consumer's history.\n  const liveRef = useRef(index);\n  const changedRef = useRef(false);\n  useEffect(() => {\n    liveRef.current = index;\n  }, [index]);\n\n  const handleInput = (next: Thumb[]) => {\n    const i = next[0].value;\n    if (i === liveRef.current) return;\n    liveRef.current = i;\n    changedRef.current = true;\n    onChange(items[i].value, i);\n  };\n\n  const handleCommit = (next: Thumb[]) => {\n    if (!changedRef.current) return;\n    changedRef.current = false;\n    const i = next[0].value;\n    onCommit?.(items[i].value, i);\n  };\n\n  const current = items[index];\n  if (!current) return <div className={className ? `${s.root} ${className}` : s.root} />;\n\n  const thumbs: Thumb[] = [\n    { value: index, valueText: current.ariaLabel ?? plainText(labelOf(current, index), current.value) },\n  ];\n\n  const stops: SliderStop[] = items.map((item, i) => ({ value: i, label: labelOf(item, i) }));\n\n  return (\n    <div className={className ? `${s.root} ${className}` : s.root}>\n      <Slider\n        className={s.slider}\n        min={0}\n        max={lastIndex}\n        stops={stops}\n        snap=\"strict\"\n        stopLabels={props.labels ?? 'all'}\n        trackClick=\"move-nearest\"\n        trackHeight={props.trackHeight ?? 8}\n        ariaLabel={ariaLabel}\n        thumbs={thumbs}\n        onInput={handleInput}\n        onChange={handleCommit}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;ACwCA,SAASG,EAAiC,GAAwD;CAChG,OAAOC,EAAM,KAAI,MAAO,OAAOC,KAAO,YAAYA,IAAcA,IAAM,EAAE,OAAOA,EAAG,CAAoB;AACxG;AAQA,SAASC,EAAoC,GAAiC,GAAkB;CAC9F,IAAMC,IAAQH,EAAM,WAAU,MAAMC,EAAG,UAAUG,CAAK;CACtD,IAAID,MAAU,IAAI,OAAOA;CACzB,IAAI,OAAOC,KAAU,UAAU,OAAO;CACtC,IAAIC,IAAO,GACPC,IAAU;CACd,KAAK,IAAIC,IAAI,GAAGA,IAAIP,EAAM,QAAQ,KAAK;EACrC,IAAMQ,IAAIR,EAAMO,EAAE,CAAC;EACnB,IAAI,OAAOC,KAAM,UAAU;EAC3B,IAAMC,IAAM,KAAK,IAAID,IAAIJ,CAAK;EAC9B,AAAIK,IAAMH,MACR,IAAUG,GACV,IAAOF;CAEX;CACA,OAAOF;AACT;AAEA,SAASK,EAAU,GAAkB,GAA+B;CAClE,OAAgE,OAAzD,OAAOC,KAAU,YAAY,OAAOA,KAAU,WAAkBA,IAAgBC,CAAQ;AACjG;AAiBA,SAAgBC,EAA6C,GAA2C;CACtG,IAAM,EAAE,UAAO,aAAU,aAAU,gBAAa,cAAW,iBAAcC,GACnEd,IAAQD,EAAUe,EAAM,KAAK,GAC7BC,IAAQb,EAAaF,GAAOI,CAAK,GACjCY,IAAY,KAAK,IAAI,GAAGhB,EAAM,SAAS,CAAC,GAExCiB,KAAW,GAAqB,MACpCC,EAAK,SAASC,IAAcD,EAAK,OAAOX,CAAC,KAAK,OAAOW,EAAK,KAAK,GAK3DE,IAAUC,EAAON,CAAK,GACtBO,IAAaD,EAAO,EAAK;CAC/B,QAAgB;EACd,EAAQ,UAAUN;CACpB,GAAG,CAACA,CAAK,CAAC;CAEV,IAAMQ,KAAe,MAAkB;EACrC,IAAMhB,IAAIiB,EAAK,EAAE,CAAC;EAClB,AAAIjB,MAAMa,EAAQ,YAClB,EAAQ,UAAUb,GAClB,EAAW,UAAU,IACrBkB,EAASzB,EAAMO,EAAE,CAAC,OAAOA,CAAC;CAC5B,GAEMmB,KAAgB,MAAkB;EACtC,IAAI,CAACJ,EAAW,SAAS;EACzB,EAAW,UAAU;EACrB,IAAMf,IAAIiB,EAAK,EAAE,CAAC;EAClB,IAAWxB,EAAMO,EAAE,CAAC,OAAOA,CAAC;CAC9B,GAEMoB,IAAU3B,EAAMe;CACtB,IAAI,CAACY,GAAS,OAAO,kBAAC,OAAD,EAAK,WAAWC,IAAY,GAAGhC,EAAE,KAAK,GAAGgC,MAAchC,EAAE,KAAO,CAAA;CAErF,IAAMiC,IAAkB,CACtB;EAAE,OAAOd;EAAO,WAAWY,EAAQ,aAAajB,EAAUO,EAAQU,GAASZ,CAAK,GAAGY,EAAQ,KAAK;CAAE,CACpG,GAEMG,IAAsB9B,EAAM,KAAK,GAAM,OAAO;EAAE,OAAOO;EAAG,OAAOU,EAAQC,GAAMX,CAAC;CAAE,EAAE;CAE1F,OACE,kBAAC,OAAD;EAAK,WAAWqB,IAAY,GAAGhC,EAAE,KAAK,GAAGgC,MAAchC,EAAE;EACvD,UAAA,kBAACC,GAAD;GACE,WAAWD,EAAE;GACb,KAAK;GACL,KAAKoB;GACE;GACP,MAAK;GACL,YAAYF,EAAM,UAAU;GAC5B,YAAW;GACX,aAAaA,EAAM,eAAe;GACvB;GACH;GACR,SAASS;GACT,UAAUG;EACX,CAAA;CACE,CAAA;AAET"}
+{"version":3,"file":"DetentSlider-5uQPFucv.js","names":["s","Slider","DetentSlider_module_default","normalize","items","it","resolveIndex","exact","value","best","bestGap","i","v","gap","plainText","label","fallback","DetentSlider","props","index","lastIndex","labelOf","item","formatLabel","liveRef","useRef","changedRef","handleInput","next","onChange","handleCommit","current","className","thumbs","stops"],"sources":["../../src/components/DetentSlider/DetentSlider.module.css","../../src/components/DetentSlider/DetentSlider.tsx"],"sourcesContent":[".root {\n  position: relative;\n  /* Read by Slider's track and stop marks. Detents run the full height of the\n   * track so they read as notches rather than as tally marks beside it. */\n  --rp-tick-inset: 0;\n  --rp-tick-width: 1px;\n  --rp-tick-color: var(--wzl-border-strong);\n  --rp-track-cursor: pointer;\n  font-family: var(--wzl-font-ui);\n}\n\n.slider {\n  width: 100%;\n}\n\n","import { useEffect, useRef, type ReactElement, type ReactNode } from 'react';\nimport { Slider, type SliderStop, type Thumb } from '../Slider/Slider';\nimport s from './DetentSlider.module.css';\n\n/** What a detent can carry. Narrowed so identity comparison and React keys\n *  both work without a keying callback. */\nexport type DetentValue = string | number;\n\n/** One detent on a {@link DetentSlider}. */\nexport type DetentItem<V extends DetentValue = number> = {\n  value: V;\n  /** Drawn under the detent. Defaults to `formatLabel(value)`, then `value`. */\n  label?: ReactNode;\n  /** Spoken form, when the drawn label is not the right thing to say. */\n  ariaLabel?: string;\n};\n\n/**\n * Props for {@link DetentSlider}.\n *\n * `items` takes bare values or `DetentItem`s interchangeably — a bare value is\n * a detent with no label of its own.\n *\n * `onChange` fires on every detent the control passes through, including\n * mid-drag: each one is a complete, legal choice, so there is no in-flight\n * value to withhold. `onCommit` fires once the gesture that changed things\n * ends, and is the one to write to history.\n */\nexport type DetentSliderProps<V extends DetentValue = number> = {\n  items: readonly (V | DetentItem<V>)[];\n  value: V;\n  onChange: (value: V, index: number) => void;\n  onCommit?: (value: V, index: number) => void;\n  formatLabel?: (value: V, index: number) => ReactNode;\n  labels?: 'all' | 'ends' | 'none';\n  trackHeight?: number;\n  ariaLabel?: string;\n  className?: string;\n};\n\nfunction normalize<V extends DetentValue>(items: readonly (V | DetentItem<V>)[]): DetentItem<V>[] {\n  return items.map(it => (typeof it === 'object' && it !== null ? it : ({ value: it } as DetentItem<V>)));\n}\n\n/**\n * The detent `value` selects. An exact match wins; a number that matches none\n * lands on the nearest one, so a value arriving from a numeric field or an\n * older save renders where it belongs rather than silently reading as the\n * first detent.\n */\nfunction resolveIndex<V extends DetentValue>(items: readonly DetentItem<V>[], value: V): number {\n  const exact = items.findIndex(it => it.value === value);\n  if (exact !== -1) return exact;\n  if (typeof value !== 'number') return 0;\n  let best = 0;\n  let bestGap = Infinity;\n  for (let i = 0; i < items.length; i++) {\n    const v = items[i].value;\n    if (typeof v !== 'number') continue;\n    const gap = Math.abs(v - value);\n    if (gap < bestGap) {\n      bestGap = gap;\n      best = i;\n    }\n  }\n  return best;\n}\n\nfunction plainText(label: ReactNode, fallback: DetentValue): string {\n  return typeof label === 'string' || typeof label === 'number' ? String(label) : String(fallback);\n}\n\n/**\n * Slider over a fixed list of values: one detent per value, evenly spaced, the\n * thumb resting on one of them.\n *\n * This is the shape to reach for when an option has a small set of allowed\n * values along a line — playback rate, zoom step, quality — in place of a\n * dropdown, which hides the ordering and the extent of the range behind a\n * click. The values need only be ordered, not numeric.\n *\n * It is a strict {@link Slider} over the *index* of `items`, which keeps the\n * detents evenly spaced however the values are distributed. Since the index is\n * meaningless to a screen reader, the value is published as `aria-valuetext`.\n * For numbers that may also rest between the detents, use `Slider` directly\n * with `spacing=\"even\"` and magnetic stops.\n */\nexport function DetentSlider<V extends DetentValue = number>(props: DetentSliderProps<V>): ReactElement {\n  const { value, onChange, onCommit, formatLabel, ariaLabel, className } = props;\n  const items = normalize(props.items);\n  const index = resolveIndex(items, value);\n  const lastIndex = Math.max(0, items.length - 1);\n\n  const labelOf = (item: DetentItem<V>, i: number): ReactNode =>\n    item.label ?? formatLabel?.(item.value, i) ?? String(item.value);\n\n  // Deduped separately: `live` suppresses the repeat reports a drag produces\n  // while the pointer crosses one detent, `changed` keeps a press that chose\n  // nothing from landing a no-op entry in the consumer's history.\n  const liveRef = useRef(index);\n  const changedRef = useRef(false);\n  useEffect(() => {\n    liveRef.current = index;\n  }, [index]);\n\n  const handleInput = (next: Thumb[]) => {\n    const i = next[0].value;\n    if (i === liveRef.current) return;\n    liveRef.current = i;\n    changedRef.current = true;\n    onChange(items[i].value, i);\n  };\n\n  const handleCommit = (next: Thumb[]) => {\n    if (!changedRef.current) return;\n    changedRef.current = false;\n    const i = next[0].value;\n    onCommit?.(items[i].value, i);\n  };\n\n  const current = items[index];\n  if (!current) return <div className={className ? `${s.root} ${className}` : s.root} />;\n\n  const thumbs: Thumb[] = [\n    { value: index, valueText: current.ariaLabel ?? plainText(labelOf(current, index), current.value) },\n  ];\n\n  const stops: SliderStop[] = items.map((item, i) => ({ value: i, label: labelOf(item, i) }));\n\n  return (\n    <div className={className ? `${s.root} ${className}` : s.root}>\n      <Slider\n        className={s.slider}\n        min={0}\n        max={lastIndex}\n        stops={stops}\n        snap=\"strict\"\n        stopLabels={props.labels ?? 'all'}\n        trackClick=\"move-nearest\"\n        trackHeight={props.trackHeight ?? 8}\n        ariaLabel={ariaLabel}\n        thumbs={thumbs}\n        onInput={handleInput}\n        onChange={handleCommit}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;ACwCA,SAASG,EAAiC,GAAwD;CAChG,OAAOC,EAAM,KAAI,MAAO,OAAOC,KAAO,YAAYA,IAAcA,IAAM,EAAE,OAAOA,EAAG,CAAoB;AACxG;AAQA,SAASC,EAAoC,GAAiC,GAAkB;CAC9F,IAAMC,IAAQH,EAAM,WAAU,MAAMC,EAAG,UAAUG,CAAK;CACtD,IAAID,MAAU,IAAI,OAAOA;CACzB,IAAI,OAAOC,KAAU,UAAU,OAAO;CACtC,IAAIC,IAAO,GACPC,IAAU;CACd,KAAK,IAAIC,IAAI,GAAGA,IAAIP,EAAM,QAAQ,KAAK;EACrC,IAAMQ,IAAIR,EAAMO,EAAE,CAAC;EACnB,IAAI,OAAOC,KAAM,UAAU;EAC3B,IAAMC,IAAM,KAAK,IAAID,IAAIJ,CAAK;EAC9B,AAAIK,IAAMH,MACR,IAAUG,GACV,IAAOF;CAEX;CACA,OAAOF;AACT;AAEA,SAASK,EAAU,GAAkB,GAA+B;CAClE,OAAgE,OAAzD,OAAOC,KAAU,YAAY,OAAOA,KAAU,WAAkBA,IAAgBC,CAAQ;AACjG;AAiBA,SAAgBC,EAA6C,GAA2C;CACtG,IAAM,EAAE,UAAO,aAAU,aAAU,gBAAa,cAAW,iBAAcC,GACnEd,IAAQD,EAAUe,EAAM,KAAK,GAC7BC,IAAQb,EAAaF,GAAOI,CAAK,GACjCY,IAAY,KAAK,IAAI,GAAGhB,EAAM,SAAS,CAAC,GAExCiB,KAAW,GAAqB,MACpCC,EAAK,SAASC,IAAcD,EAAK,OAAOX,CAAC,KAAK,OAAOW,EAAK,KAAK,GAK3DE,IAAUC,EAAON,CAAK,GACtBO,IAAaD,EAAO,EAAK;CAC/B,QAAgB;EACd,EAAQ,UAAUN;CACpB,GAAG,CAACA,CAAK,CAAC;CAEV,IAAMQ,KAAe,MAAkB;EACrC,IAAMhB,IAAIiB,EAAK,EAAE,CAAC;EAClB,AAAIjB,MAAMa,EAAQ,YAClB,EAAQ,UAAUb,GAClB,EAAW,UAAU,IACrBkB,EAASzB,EAAMO,EAAE,CAAC,OAAOA,CAAC;CAC5B,GAEMmB,KAAgB,MAAkB;EACtC,IAAI,CAACJ,EAAW,SAAS;EACzB,EAAW,UAAU;EACrB,IAAMf,IAAIiB,EAAK,EAAE,CAAC;EAClB,IAAWxB,EAAMO,EAAE,CAAC,OAAOA,CAAC;CAC9B,GAEMoB,IAAU3B,EAAMe;CACtB,IAAI,CAACY,GAAS,OAAO,kBAAC,OAAD,EAAK,WAAWC,IAAY,GAAGhC,EAAE,KAAK,GAAGgC,MAAchC,EAAE,KAAO,CAAA;CAErF,IAAMiC,IAAkB,CACtB;EAAE,OAAOd;EAAO,WAAWY,EAAQ,aAAajB,EAAUO,EAAQU,GAASZ,CAAK,GAAGY,EAAQ,KAAK;CAAE,CACpG,GAEMG,IAAsB9B,EAAM,KAAK,GAAM,OAAO;EAAE,OAAOO;EAAG,OAAOU,EAAQC,GAAMX,CAAC;CAAE,EAAE;CAE1F,OACE,kBAAC,OAAD;EAAK,WAAWqB,IAAY,GAAGhC,EAAE,KAAK,GAAGgC,MAAchC,EAAE;EACvD,UAAA,kBAACC,GAAD;GACE,WAAWD,EAAE;GACb,KAAK;GACL,KAAKoB;GACE;GACP,MAAK;GACL,YAAYF,EAAM,UAAU;GAC5B,YAAW;GACX,aAAaA,EAAM,eAAe;GACvB;GACH;GACR,SAASS;GACT,UAAUG;EACX,CAAA;CACE,CAAA;AAET"}

package/dist/chunks/Dialog-DGFutQ--.js

@@ -0,0 +1,63 @@
+import { r as e } from "./portalHost-yTOVuCej.js";
+import { t } from "./stance-BFQpS_fL.js";
+import { t as n } from "./CloseButton-C2J7wVfo.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Dialog as o, Heading as s, Modal as c, ModalOverlay as l } from "react-aria-components";
+var u = {
+	overlay: "_overlay_153uj_1",
+	modal: "_modal_153uj_29",
+	dialog: "_dialog_153uj_223",
+	header: "_header_153uj_231",
+	title: "_title_153uj_240",
+	body: "_body_153uj_251",
+	footer: "_footer_153uj_266"
+};
+//#endregion
+//#region src/components/Dialog/Dialog.tsx
+function d(d) {
+	let { title: f, showCloseButton: p, children: m, footer: h, role: g = "dialog", className: _, bodyClassName: v, isOpen: y, onOpenChange: b, portalContainer: x, stance: S, tone: C, ...w } = d, T = t({
+		stance: S,
+		tone: C
+	}), E = p ?? !!b, { anchor: D, portalProps: O } = e(x);
+	return /* @__PURE__ */ a(r, { children: [D, /* @__PURE__ */ i(l, {
+		...w,
+		isOpen: y,
+		onOpenChange: b,
+		className: u.overlay,
+		"data-weasel-overlay": "",
+		...O,
+		children: /* @__PURE__ */ i(c, {
+			className: [u.modal, _].filter(Boolean).join(" "),
+			...T,
+			children: /* @__PURE__ */ i(o, {
+				role: g,
+				className: u.dialog,
+				children: ({ close: e }) => /* @__PURE__ */ a(r, { children: [
+					(f !== void 0 || E) && /* @__PURE__ */ a("header", {
+						className: u.header,
+						children: [f !== void 0 && /* @__PURE__ */ i(s, {
+							slot: "title",
+							className: u.title,
+							children: f
+						}), E && /* @__PURE__ */ i(n, {
+							ariaLabel: "Close dialog",
+							onClick: e
+						})]
+					}),
+					/* @__PURE__ */ i("div", {
+						className: [u.body, v].filter(Boolean).join(" "),
+						children: m
+					}),
+					h !== void 0 && /* @__PURE__ */ i("footer", {
+						className: u.footer,
+						children: h
+					})
+				] })
+			})
+		})
+	})] });
+}
+//#endregion
+export { d as t };
+
+//# sourceMappingURL=Dialog-DGFutQ--.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-DGFutQ--.js","names":["Dialog","_Fragment","s","RACModal","RACDialog","useOverlayPortal","CloseButton","Dialog_module_default","Dialog$1","rest","props","stanced","useStance","showClose","showCloseButton","onOpenChange","portalContainer","Fragment","anchor","ModalOverlay","portalProps","Modal","className","Dialog","title","Heading","close","bodyClassName","footer"],"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(--_s-fill);\n  border: var(--_s-border-width) var(--_s-border-style) var(--_s-border-color);\n  border-radius: var(--_s-radius);\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/* BEGIN GENERATED stance rules: dialog — `npm run gen:stances`, do not edit. */\n\n.modal {\n  --wzl-tone: initial;\n}\n\n.modal {\n  --_s-surface: var(--wzl-surface);\n  --_s-border-color: var(--wzl-border);\n  --_s-border-style: solid;\n  --_s-border-width: 1px;\n  --_s-radius: var(--wzl-radius-md);\n  --_s-tone-mix: var(--wzl-panel-tone-mix);\n  --_s-tone: var(--wzl-tone, var(--_s-surface));\n  --_s-accent: var(--wzl-tone);\n  --_s-title-font: var(--wzl-font-ui);\n  --_s-title-weight: var(--wzl-font-weight-bold);\n  --_s-title-size: var(--wzl-font-size);\n  --_s-title-case: none;\n  --_s-title-tracking: normal;\n  --_s-title-color: var(--wzl-fg);\n}\n\n.modal[data-stance='scope'] {\n  --_s-surface: var(--wzl-stance-scope-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-scope-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-scope-border-style, solid);\n  --_s-border-width: var(--wzl-stance-scope-border-width, 1px);\n  --_s-radius: var(--wzl-stance-scope-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-scope-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-scope-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-scope-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-scope-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-scope-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-scope-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-scope-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-scope-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-scope-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='aside'] {\n  --_s-surface: var(--wzl-stance-aside-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-aside-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-aside-border-style, solid);\n  --_s-border-width: var(--wzl-stance-aside-border-width, 1px);\n  --_s-radius: var(--wzl-stance-aside-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-aside-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-aside-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-aside-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-aside-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-aside-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-aside-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-aside-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-aside-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-aside-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='advanced'] {\n  --_s-surface: var(--wzl-stance-advanced-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-advanced-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-advanced-border-style, solid);\n  --_s-border-width: var(--wzl-stance-advanced-border-width, 1px);\n  --_s-radius: var(--wzl-stance-advanced-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-advanced-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-advanced-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-advanced-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-advanced-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-advanced-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-advanced-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-advanced-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-advanced-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-advanced-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='debug'] {\n  --_s-surface: var(--wzl-stance-debug-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-debug-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-debug-border-style, solid);\n  --_s-border-width: var(--wzl-stance-debug-border-width, 1px);\n  --_s-radius: var(--wzl-stance-debug-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-debug-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-debug-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-debug-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-debug-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-debug-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-debug-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-debug-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-debug-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-debug-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='danger'] {\n  --_s-surface: var(--wzl-stance-danger-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-danger-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-danger-border-style, solid);\n  --_s-border-width: var(--wzl-stance-danger-border-width, 1px);\n  --_s-radius: var(--wzl-stance-danger-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-danger-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-danger-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-danger-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-danger-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-danger-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-danger-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-danger-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-danger-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-danger-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='notice'] {\n  --_s-surface: var(--wzl-stance-notice-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-notice-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-notice-border-style, solid);\n  --_s-border-width: var(--wzl-stance-notice-border-width, 1px);\n  --_s-radius: var(--wzl-stance-notice-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-notice-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-notice-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-notice-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-notice-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-notice-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-notice-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-notice-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-notice-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-notice-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='important'] {\n  --_s-surface: var(--wzl-stance-important-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-important-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-important-border-style, solid);\n  --_s-border-width: var(--wzl-stance-important-border-width, 1px);\n  --_s-radius: var(--wzl-stance-important-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-important-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-important-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-important-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-important-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-important-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-important-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-important-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-important-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-important-title-color, var(--wzl-fg));\n}\n\n.modal[data-stance='preview'] {\n  --_s-surface: var(--wzl-stance-preview-surface, var(--wzl-surface));\n  --_s-border-color: var(--wzl-stance-preview-border-color, var(--wzl-border));\n  --_s-border-style: var(--wzl-stance-preview-border-style, solid);\n  --_s-border-width: var(--wzl-stance-preview-border-width, 1px);\n  --_s-radius: var(--wzl-stance-preview-radius, var(--wzl-radius-md));\n  --_s-tone-mix: var(--wzl-stance-preview-tone-mix, var(--wzl-panel-tone-mix));\n  --_s-tone: var(--wzl-tone, var(--wzl-stance-preview-tone, var(--_s-surface)));\n  --_s-accent: var(--wzl-stance-preview-accent, var(--wzl-tone));\n  --_s-title-font: var(--wzl-stance-preview-title-font, var(--wzl-font-ui));\n  --_s-title-weight: var(--wzl-stance-preview-title-weight, var(--wzl-font-weight-bold));\n  --_s-title-size: var(--wzl-stance-preview-title-size, var(--wzl-font-size));\n  --_s-title-case: var(--wzl-stance-preview-title-case, none);\n  --_s-title-tracking: var(--wzl-stance-preview-title-tracking, normal);\n  --_s-title-color: var(--wzl-stance-preview-title-color, var(--wzl-fg));\n}\n\n.modal {\n  --_s-fill: var(--_s-surface);\n}\n\n.modal[data-tone],\n.modal[data-stance] {\n  --_s-fill: color-mix(in oklab, var(--_s-tone) var(--_s-tone-mix), var(--_s-surface));\n}\n\n.modal[data-tone] {\n  --wzl-accent: var(--_s-accent);\n  --wzl-accent-base: var(--_s-accent);\n  --wzl-accent-strong: color-mix(in oklab, var(--_s-accent) 70%, var(--wzl-fg));\n  --wzl-accent-soft: color-mix(in oklab, var(--_s-accent) 45%, var(--wzl-surface));\n  --wzl-accent-hover: var(--wzl-accent-strong);\n  --wzl-accent-fg: var(--wzl-accent-strong);\n  --wzl-focus-ring: var(--wzl-accent-strong);\n}\n\n/* END GENERATED stance rules: dialog */\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: var(--wzl-space-6);\n  padding: var(--wzl-space-7) var(--wzl-space-8);\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-family: var(--_s-title-font);\n  font-size: var(--_s-title-size);\n  font-weight: var(--_s-title-weight);\n  text-transform: var(--_s-title-case);\n  letter-spacing: var(--_s-title-tracking);\n  color: var(--_s-title-color);\n}\n\n.body {\n  flex: 1;\n}\n\n/* Defaults, not rules: `bodyClassName` exists to turn these off for content\n   that scrolls itself, and a plain class would tie with it on specificity and\n   be decided by stylesheet order. `min-height` is here for the same reason —\n   left in the rule above it silently beat a consumer class asking the body to\n   hold a height, and the dialog resized itself around every pane. */\n:where(.body) {\n  min-height: 0;\n  overflow: auto;\n  padding: var(--wzl-space-8);\n}\n\n.footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--wzl-space-4);\n  padding: var(--wzl-space-6) var(--wzl-space-8);\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 { useOverlayPortal, type OverlayPortalProps, type WithoutPortalTarget } from '../../overlays/portalHost';\nimport { CloseButton } from '../CloseButton';\nimport { type StanceProps, useStance } from '../stance';\nimport s from './Dialog.module.css';\n\n/** Props for {@link Dialog}, on top of React Aria's `ModalOverlay` props. */\nexport type DialogProps = Omit<\n  WithoutPortalTarget<ModalOverlayProps>,\n  'children' | 'className'\n> &\n  OverlayPortalProps &\n  StanceProps & {\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    /** Class applied to the scrolling body. For content that owns its own\n     *  scrolling — a form with a fixed navigation rail beside a scrolling\n     *  pane — this is where the body's padding and overflow come off. */\n    bodyClassName?: 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. `stance` and `tone` work as on `<PropertyPanel>` —\n * a destructive confirm is `stance=\"danger\"`.\n */\nexport function Dialog(props: DialogProps) {\n  const {\n    title,\n    showCloseButton,\n    children,\n    footer,\n    role = 'dialog',\n    className,\n    bodyClassName,\n    isOpen,\n    onOpenChange,\n    portalContainer,\n    stance,\n    tone,\n    ...rest\n  } = props;\n  const stanced = useStance({ stance, tone });\n\n  const showClose = showCloseButton ?? Boolean(onOpenChange);\n  const { anchor, portalProps } = useOverlayPortal(portalContainer);\n\n  return (\n    <>\n      {anchor}\n      <ModalOverlay\n        {...rest}\n        isOpen={isOpen}\n        onOpenChange={onOpenChange}\n        className={s.overlay}\n        data-weasel-overlay=\"\"\n        {...portalProps}\n      >\n        <RACModal className={[s.modal, className].filter(Boolean).join(' ')} {...stanced}>\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                      <CloseButton ariaLabel=\"Close dialog\" onClick={close} />\n                    )}\n                  </header>\n                )}\n                <div className={[s.body, bodyClassName].filter(Boolean).join(' ')}>{children}</div>\n                {footer !== undefined && <footer className={s.footer}>{footer}</footer>}\n              </>\n            )}\n          </RACDialog>\n        </RACModal>\n      </ModalOverlay>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;ACmDA,SAAgBA,EAAO,GAAoB;CACzC,IAAM,EACJ,UACA,oBACA,aACA,WACA,UAAO,UACP,cACA,kBACA,WACA,iBACA,oBACA,WACA,SACA,GAAGS,MACDC,GACEC,IAAUC,EAAU;EAAE;EAAQ;CAAK,CAAC,GAEpCC,IAAYC,KAAmB,EAAQC,GACvC,EAAE,WAAQ,mBAAgBV,EAAiBW,CAAe;CAEhE,OACE,kBAAAf,GAAA,EAAA,UAAA,CACGiB,GACD,kBAACC,GAAD;EACE,GAAIV;EACI;EACM;EACd,WAAWP,EAAE;EACb,uBAAoB;EACpB,GAAIkB;EAEJ,UAAA,kBAACjB,GAAD;GAAU,WAAW,CAACD,EAAE,OAAOoB,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAAG,GAAIX;GACvE,UAAA,kBAACP,GAAD;IAAiB;IAAM,WAAWF,EAAE;IAChC,WAAA,EAAE,eACF,kBAAAD,GAAA,EAAA,UAAA;MACIuB,MAAU,KAAA,KAAaX,MACvB,kBAAC,UAAD;MAAQ,WAAWX,EAAE;MAArB,UAAA,CACGsB,MAAU,KAAA,KACT,kBAACC,GAAD;OAAS,MAAK;OAAQ,WAAWvB,EAAE;OAAQ,UAAAsB;MAAe,CAAA,GAE3DX,KACC,kBAACP,GAAD;OAAa,WAAU;OAAe,SAASoB;MAAQ,CAAA,CAEnD;;KAEV,kBAAC,OAAD;MAAK,WAAW,CAACxB,EAAE,MAAMyB,CAAa,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;MAAI;KAAc,CAAA;KACjFC,MAAW,KAAA,KAAa,kBAAC,UAAD;MAAQ,WAAW1B,EAAE;MAAS,UAAA0B;KAAe,CAAA;IACtE,EAAA,CAAA;GAEK,CAAA;EACH,CAAA;CACE,CAAA,CACd,EAAA,CAAA;AAEN"}

package/dist/chunks/{Disclosure-0G0uh2fa.js → Disclosure-Ch2KxYuB.js}

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 var n = {
-	twisty: "_twisty_1ywy2_5",
-	mark: "_mark_1ywy2_35",
-	lozenge: "_lozenge_1ywy2_40",
-	sign: "_sign_1ywy2_53",
-	row: "_row_1ywy2_65",
-	rowBody: "_rowBody_1ywy2_73"
+	twisty: "_twisty_486xw_1",
+	mark: "_mark_486xw_29",
+	lozenge: "_lozenge_486xw_34",
+	sign: "_sign_486xw_47",
+	row: "_row_486xw_59",
+	rowBody: "_rowBody_486xw_67"
 };
 //#endregion
 //#region src/components/Disclosure/Disclosure.tsx
@@ -55,4 +55,4 @@ function a({ children: r, className: a, ...o }) {
 //#endregion
 export { r as n, a as r, i as t };
 
-//# sourceMappingURL=Disclosure-0G0uh2fa.js.map
+//# sourceMappingURL=Disclosure-Ch2KxYuB.js.map

package/dist/chunks/Disclosure-Ch2KxYuB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Disclosure-Ch2KxYuB.js","names":["s","Disclosure_module_default","DisclosureMark","className","size","open","Disclosure","controls","label","onToggle","DisclosureRow","twisty"],"sources":["../../src/components/Disclosure/Disclosure.module.css","../../src/components/Disclosure/Disclosure.tsx"],"sourcesContent":[".twisty {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* A floor, not a size: a control sized to a 12px glyph is a 12px target,\n     which is under every pointer-size guideline there is. Stated as a minimum\n     so a larger mark grows the target with it rather than being shrunk to fit\n     — a flex item's default `flex-shrink: 1` would otherwise crush it. */\n  min-width: var(--wzl-disclosure-target, var(--wzl-control-h-sm));\n  min-height: var(--wzl-disclosure-target, var(--wzl-control-h-sm));\n  padding: 0;\n  border: 0;\n  border-radius: var(--wzl-radius-sm);\n  background: none;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.twisty:focus-visible {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: -2px;\n}\n\n.twisty:disabled {\n  cursor: not-allowed;\n}\n\n.mark {\n  display: block;\n  flex: none;\n}\n\n.lozenge {\n  fill: var(--wzl-disclosure-fill, var(--wzl-accent-fg));\n  transition: fill var(--wzl-motion-fast) var(--wzl-ease-out-cubic);\n}\n\n.twisty:hover:not(:disabled) .lozenge {\n  fill: color-mix(in oklab, var(--wzl-disclosure-fill, var(--wzl-accent-fg)), white 15%);\n}\n\n.twisty:disabled .lozenge {\n  fill: var(--wzl-fg-subtle);\n}\n\n.sign {\n  fill: none;\n  stroke: var(--wzl-fg-on-accent);\n  stroke-width: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lozenge {\n    transition: none;\n  }\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-disclosure-gap, 4px);\n}\n\n/* The row's content takes the rest and is allowed to shrink; the twisty is\n   not, so a long label truncates rather than crushing the control. */\n.rowBody {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n","import type { ReactNode } from 'react';\nimport s from './Disclosure.module.css';\n\n/** Props for `<DisclosureMark>`. */\nexport interface DisclosureMarkProps {\n  /** Whether the section it stands for is open: `−` when open, `+` when shut. */\n  open: boolean;\n  /** Mark size in px, square. Default 13. */\n  size?: number;\n  className?: string;\n}\n\n/**\n * The fold mark alone: a dark violet rounded square holding a `+` while its section is\n * shut and a `−` while it is open. Decorative — it carries no role or label —\n * for a row that is itself the control, such as a tree item or a header\n * button. Anywhere the mark has to be the control, use `<Disclosure>`.\n *\n * Deliberately not part of the icon register, on the same grounds as\n * `DragGrip`: that register is outline strokes at a fixed weight, and\n * this mark is filled.\n */\nexport function DisclosureMark({ open, size = 13, className }: DisclosureMarkProps) {\n  return (\n    <svg\n      className={className ? `${s.mark} ${className}` : s.mark}\n      viewBox=\"0 0 13 13\"\n      width={size}\n      height={size}\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <rect className={s.lozenge} width=\"13\" height=\"13\" rx=\"3\" />\n      {/* One-unit bars centered on 6.5 in an odd box, so at the default size\n          both edges land on the pixel grid rather than blurring across it. */}\n      <path className={s.sign} d={open ? 'M3 6.5 H10' : 'M3 6.5 H10 M6.5 3 V10'} />\n    </svg>\n  );\n}\n\n/** Props for `<Disclosure>`. */\nexport interface DisclosureProps {\n  /** Whether the section it controls is open. The consumer owns this. */\n  open: boolean;\n  onToggle: () => void;\n  /**\n   * Names the section, for a screen reader. The control has no text of its\n   * own, so without this it announces as an unlabeled button.\n   */\n  label: string;\n  /**\n   * `id` of the element this expands. Sets `aria-controls`, which lets a\n   * screen reader move to the revealed content.\n   */\n  controls?: string;\n  /** Mark size in px. The hit target is at least 20px and grows with it.\n   *  Default 13. */\n  size?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\n/**\n * The twisty on a collapsible section: a `<DisclosureMark>` in a button.\n *\n * Presentational — it holds no open/closed state and renders no children.\n * The consumer owns the state and the panel; this is the control that toggles\n * it, and `aria-expanded` is what ties the two together.\n *\n * Three things it settles that a hand-rolled twisty keeps getting wrong. The\n * mark is drawn rather than typed, because `--wzl-font-ui` carries no ▸/▾ and\n * a text glyph falls back to whatever the system offers at whatever size that\n * font renders it. The hit target is larger than the mark. And it is a sibling\n * of the row's label rather than a child, so clicking to expand does not\n * actuate the label's own control.\n */\nexport function Disclosure({ open, onToggle, label, controls, size = 13, disabled, className }: DisclosureProps) {\n  return (\n    <button\n      type=\"button\"\n      className={className ? `${s.twisty} ${className}` : s.twisty}\n      aria-expanded={open}\n      aria-controls={controls}\n      aria-label={label}\n      disabled={disabled}\n      onClick={onToggle}\n    >\n      <DisclosureMark open={open} size={size} />\n    </button>\n  );\n}\n\n/** Props for `<DisclosureRow>`. */\nexport interface DisclosureRowProps extends Omit<DisclosureProps, 'className'> {\n  /** The row's own content — a label, a checkbox, a count. */\n  children: ReactNode;\n  className?: string;\n}\n\n/**\n * A `<Disclosure>` and a row of content beside it, laid out so the twisty\n * leads and the content takes the rest.\n *\n * The layout is the point: the twisty sits *outside* whatever the row puts in\n * it, so a row whose content is a `<label>` wrapping a checkbox stays\n * clickable as a label without the twisty actuating it.\n */\nexport function DisclosureRow({ children, className, ...twisty }: DisclosureRowProps) {\n  return (\n    <div className={className ? `${s.row} ${className}` : s.row}>\n      <Disclosure {...twisty} />\n      <div className={s.rowBody}>{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;ACsBA,SAAgBE,EAAe,EAAE,SAAM,UAAO,IAAI,gBAAkC;CAClF,OACE,kBAAC,OAAD;EACE,WAAWC,IAAY,GAAGH,EAAE,KAAK,GAAGG,MAAcH,EAAE;EACpD,SAAQ;EACR,OAAOI;EACP,QAAQA;EACR,eAAY;EACZ,WAAU;EANZ,UAAA,CAQE,kBAAC,QAAD;GAAM,WAAWJ,EAAE;GAAS,OAAM;GAAK,QAAO;GAAK,IAAG;EAAK,CAAA,GAG3D,kBAAC,QAAD;GAAM,WAAWA,EAAE;GAAM,GAAGK,IAAO,eAAe;EAA0B,CAAA,CACzE;;AAET;AAsCA,SAAgBC,EAAW,EAAE,SAAM,aAAU,UAAO,aAAU,UAAO,IAAI,aAAU,gBAA8B;CAC/G,OACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAWH,IAAY,GAAGH,EAAE,OAAO,GAAGG,MAAcH,EAAE;EACtD,iBAAeK;EACf,iBAAeE;EACf,cAAYC;EACF;EACV,SAASC;EAET,UAAA,kBAACP,GAAD;GAAsB;GAAY;EAAO,CAAA;CACnC,CAAA;AAEZ;AAiBA,SAAgBQ,EAAc,EAAE,aAAU,cAAW,GAAGC,KAA8B;CACpF,OACE,kBAAC,OAAD;EAAK,WAAWR,IAAY,GAAGH,EAAE,IAAI,GAAGG,MAAcH,EAAE;EAAxD,UAAA,CACE,kBAACM,GAAD,EAAY,GAAIK,EAAS,CAAA,GACzB,kBAAC,OAAD;GAAK,WAAWX,EAAE;GAAU;EAAc,CAAA,CACvC;;AAET"}

package/dist/chunks/{DragHandleGlyph-Dr7Fgo0I.js → DragGrip-AoIZXfZb.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/DragHandleGlyph/DragHandleGlyph.tsx
+//#region src/components/DragGrip/DragGrip.tsx
 function n({ size: n = 16 }) {
 	return /* @__PURE__ */ t("svg", {
 		width: n * 8 / 16,
@@ -44,4 +44,4 @@ function n({ size: n = 16 }) {
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=DragHandleGlyph-Dr7Fgo0I.js.map
+//# sourceMappingURL=DragGrip-AoIZXfZb.js.map

package/dist/chunks/DragGrip-AoIZXfZb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragGrip-AoIZXfZb.js","names":["DragGrip","size"],"sources":["../../src/components/DragGrip/DragGrip.tsx"],"sourcesContent":["/** Props for `<DragGrip>`. */\nexport interface DragGripProps {\n  /** Height in px; width scales with it. Default 16. */\n  size?: number;\n}\n\n/** The two-column dot grip used on anything draggable by a handle.\n *\n *  Deliberately not part of the icon register: that register is outline strokes\n *  at a fixed weight, and a grip is filled dots. Forcing it in would either\n *  break the register's rule or produce a worse glyph. */\nexport function DragGrip({ size = 16 }: DragGripProps) {\n  return (\n    <svg\n      width={(size * 8) / 16}\n      height={size}\n      viewBox=\"0 0 8 16\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"2\" cy=\"3\" r=\"1.1\" />\n      <circle cx=\"6\" cy=\"3\" r=\"1.1\" />\n      <circle cx=\"2\" cy=\"8\" r=\"1.1\" />\n      <circle cx=\"6\" cy=\"8\" r=\"1.1\" />\n      <circle cx=\"2\" cy=\"13\" r=\"1.1\" />\n      <circle cx=\"6\" cy=\"13\" r=\"1.1\" />\n    </svg>\n  );\n}\n"],"mappings":";;AAWA,SAAgBA,EAAS,EAAE,UAAO,MAAqB;CACrD,OACE,kBAAC,OAAD;EACE,OAAQC,IAAO,IAAK;EACpB,QAAQA;EACR,SAAQ;EACR,MAAK;EACL,eAAY;EALd,UAAA;GAOE,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;GAAO,CAAA;GAC/B,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;GAAO,CAAA;GAC/B,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;GAAO,CAAA;GAC/B,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAI,GAAE;GAAO,CAAA;GAC/B,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAK,GAAE;GAAO,CAAA;GAChC,kBAAC,UAAD;IAAQ,IAAG;IAAI,IAAG;IAAK,GAAE;GAAO,CAAA;EAC7B;;AAET"}

package/dist/chunks/FallthroughDiagram-BEHiM5IS.js

@@ -0,0 +1,284 @@
+import { t as e } from "./Badge-D2aD7xVL.js";
+import { t } from "./Code-AsKpgnv6.js";
+import { n, o as r, r as i, s as a } from "./Keycaps-C-FJyG8k.js";
+import { t as o } from "./GestureRoute-C_YGl7bJ.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useId as u } from "react";
+var d = {
+	diagram: "_diagram_1uz8k_1",
+	input: "_input_1uz8k_9",
+	field: "_field_1uz8k_17",
+	stage: "_stage_1uz8k_25",
+	stageTitle: "_stageTitle_1uz8k_35",
+	table: "_table_1uz8k_44",
+	note: "_note_1uz8k_45",
+	routes: "_routes_1uz8k_64",
+	num: "_num_1uz8k_66",
+	muted: "_muted_1uz8k_73",
+	walk: "_walk_1uz8k_75",
+	winner: "_winner_1uz8k_83",
+	nothing: "_nothing_1uz8k_86"
+};
+//#endregion
+//#region src/components/FallthroughDiagram/FallthroughDiagram.tsx
+function f(e) {
+	return e.step === "specificity" ? `specificity · ${e.part}` : e.step;
+}
+function p(e) {
+	switch (e.kind) {
+		case "fired": return "fired";
+		case "would-fire": return "would fire";
+		case "declined": return /* @__PURE__ */ l(s, { children: ["declined: ", e.reason] });
+		case "empty-handle": return "empty handle";
+		case "misbound": return "misbound";
+		case "duplicate": return "duplicate";
+		case "no-such-action": return "no such action";
+		case "not-asked": return "not asked";
+		case "outranked": return "outranked";
+	}
+}
+var m = (e) => e.kind === "fired" || e.kind === "would-fire", h = [
+	"shift",
+	"alt",
+	"ctrl",
+	"meta"
+];
+function g({ input: t, predicted: o }) {
+	let s = h.filter((e) => t.modifiers[e]).map((e) => ({ name: e }));
+	return /* @__PURE__ */ l("dl", {
+		className: d.input,
+		"aria-label": "Input",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: d.field,
+				children: [/* @__PURE__ */ c("dt", { children: "Event" }), /* @__PURE__ */ c("dd", { children: t.eventKind })]
+			}),
+			t.key !== void 0 && /* @__PURE__ */ l("div", {
+				className: d.field,
+				children: [/* @__PURE__ */ c("dt", { children: "Key" }), /* @__PURE__ */ c("dd", {
+					"data-key": t.key,
+					children: /* @__PURE__ */ c(i, {
+						label: r(t.key, { legend: "text" }).label,
+						variant: "minimal"
+					})
+				})]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: d.field,
+				children: [/* @__PURE__ */ c("dt", { children: "Modifiers" }), /* @__PURE__ */ c("dd", { children: s.length > 0 ? /* @__PURE__ */ c(n, {
+					keys: a(s),
+					variant: "minimal"
+				}) : "none" })]
+			}),
+			t.viewId !== null && /* @__PURE__ */ l("div", {
+				className: d.field,
+				children: [/* @__PURE__ */ c("dt", { children: "View" }), /* @__PURE__ */ c("dd", { children: t.viewId })]
+			}),
+			t.mode !== void 0 && /* @__PURE__ */ l("div", {
+				className: d.field,
+				children: [/* @__PURE__ */ c("dt", { children: "Mode" }), /* @__PURE__ */ c("dd", { children: t.mode })]
+			}),
+			o && /* @__PURE__ */ c("div", {
+				className: d.field,
+				children: /* @__PURE__ */ c("dd", { children: /* @__PURE__ */ c(e, {
+					size: "xs",
+					status: "accent",
+					variant: "subtle",
+					children: "predicted"
+				}) })
+			})
+		]
+	});
+}
+function _({ candidate: e }) {
+	return /* @__PURE__ */ c("span", {
+		className: d.routes,
+		children: e.routes.map((e) => /* @__PURE__ */ c(o, {
+			route: e,
+			size: "sm"
+		}, e))
+	});
+}
+function v({ title: e, note: t, filter: n, children: r }) {
+	let i = u();
+	return /* @__PURE__ */ l("section", {
+		className: d.stage,
+		"aria-labelledby": i,
+		"data-filter": n,
+		children: [/* @__PURE__ */ l("h3", {
+			className: d.stageTitle,
+			children: [/* @__PURE__ */ c("span", {
+				id: i,
+				children: e
+			}), t && /* @__PURE__ */ c("span", {
+				className: d.note,
+				children: t
+			})]
+		}), r]
+	});
+}
+function y({ matched: e }) {
+	return /* @__PURE__ */ c(v, {
+		title: "Matched",
+		note: "every binding that fits the input",
+		children: /* @__PURE__ */ l("table", {
+			className: d.table,
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", { children: "Action" }),
+				/* @__PURE__ */ c("th", { children: "Route" }),
+				/* @__PURE__ */ c("th", { children: "Owner" }),
+				/* @__PURE__ */ c("th", { children: "Tier" })
+			] }) }), /* @__PURE__ */ c("tbody", { children: e.map((e, n) => /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(t, {
+					size: "sm",
+					children: e.actionId
+				}) }),
+				/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(_, { candidate: e }) }),
+				/* @__PURE__ */ c("td", {
+					className: e.ownerId === null ? d.muted : void 0,
+					children: e.ownerId ?? "action"
+				}),
+				/* @__PURE__ */ c("td", { children: e.scope })
+			] }, n)) })]
+		})
+	});
+}
+function b(e) {
+	return e.filter === "ineligible" ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(t, {
+		size: "sm",
+		variant: "plain",
+		children: e.rule
+	}), " does not hold"] }) : e.owner === void 0 ? "barred by an exclusive claim" : /* @__PURE__ */ l(s, { children: ["barred by the exclusive claim of ", /* @__PURE__ */ c(t, {
+		size: "sm",
+		variant: "plain",
+		children: e.owner
+	})] });
+}
+function x({ title: e, filter: n, dropped: r }) {
+	let i = r.filter((e) => e.filter === n);
+	return i.length === 0 ? /* @__PURE__ */ c(v, {
+		title: e,
+		filter: n,
+		note: "dropped nothing"
+	}) : /* @__PURE__ */ c(v, {
+		title: e,
+		filter: n,
+		note: "dropped",
+		children: /* @__PURE__ */ l("table", {
+			className: d.table,
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", { children: "Action" }),
+				/* @__PURE__ */ c("th", { children: "Route" }),
+				/* @__PURE__ */ c("th", { children: "Why" })
+			] }) }), /* @__PURE__ */ c("tbody", { children: i.map((e, n) => /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(t, {
+					size: "sm",
+					children: e.candidate.actionId
+				}) }),
+				/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(_, { candidate: e.candidate }) }),
+				/* @__PURE__ */ c("td", { children: b(e) })
+			] }, n)) })]
+		})
+	});
+}
+function S({ ranked: n }) {
+	return n.length === 0 ? /* @__PURE__ */ c(v, {
+		title: "Ranked",
+		note: "nothing survived the filters"
+	}) : /* @__PURE__ */ c(v, {
+		title: "Ranked",
+		note: "highest first, with what the walk did at each",
+		children: /* @__PURE__ */ l("table", {
+			className: d.table,
+			children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", { children: [
+				/* @__PURE__ */ c("th", {
+					className: d.num,
+					children: "#"
+				}),
+				/* @__PURE__ */ c("th", { children: "Action" }),
+				/* @__PURE__ */ c("th", { children: "Placed by" }),
+				/* @__PURE__ */ c("th", { children: "Walk" }),
+				/* @__PURE__ */ c("th", { children: "Tier" }),
+				/* @__PURE__ */ c("th", { children: "Specificity" }),
+				/* @__PURE__ */ c("th", { children: "Rule" }),
+				/* @__PURE__ */ c("th", { children: "Route" })
+			] }) }), /* @__PURE__ */ c("tbody", { children: n.map((n, r) => {
+				let i = n.candidate, a = m(n.walk);
+				return /* @__PURE__ */ l("tr", {
+					className: a ? d.winner : void 0,
+					"data-walk": n.walk.kind,
+					"data-winner": a || void 0,
+					"aria-current": a || void 0,
+					children: [
+						/* @__PURE__ */ c("td", {
+							className: d.num,
+							children: r + 1
+						}),
+						/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(t, {
+							size: "sm",
+							children: i.actionId
+						}) }),
+						/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(e, {
+							size: "xs",
+							variant: "outline",
+							status: n.placedBy.step === "first" ? "muted" : "warn",
+							children: f(n.placedBy)
+						}) }),
+						/* @__PURE__ */ c("td", {
+							className: d.walk,
+							"data-walk": n.walk.kind,
+							children: p(n.walk)
+						}),
+						/* @__PURE__ */ c("td", { children: i.scope }),
+						/* @__PURE__ */ c("td", {
+							className: d.num,
+							"aria-label": "target, modifiers, phase, exact",
+							children: i.specificity.join(" ")
+						}),
+						/* @__PURE__ */ c("td", { children: i.eligible ? /* @__PURE__ */ c(t, {
+							size: "sm",
+							variant: "plain",
+							children: i.eligible
+						}) : /* @__PURE__ */ c("span", {
+							className: d.muted,
+							children: "none"
+						}) }),
+						/* @__PURE__ */ c("td", { children: /* @__PURE__ */ c(_, { candidate: i }) })
+					]
+				}, r);
+			}) })]
+		})
+	});
+}
+function C({ record: e, className: t }) {
+	let n = t ? `${d.diagram} ${t}` : d.diagram;
+	return /* @__PURE__ */ l("div", {
+		className: n,
+		"data-outcome": e.outcome,
+		"data-predicted": e.predicted || void 0,
+		children: [/* @__PURE__ */ c(g, {
+			input: e.input,
+			predicted: e.predicted
+		}), e.matched.length === 0 ? /* @__PURE__ */ c("p", {
+			className: d.nothing,
+			children: "Nothing matched this input."
+		}) : /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c(y, { matched: e.matched }),
+			/* @__PURE__ */ c(x, {
+				title: "Claim",
+				filter: "claim",
+				dropped: e.dropped
+			}),
+			/* @__PURE__ */ c(x, {
+				title: "Eligibility",
+				filter: "ineligible",
+				dropped: e.dropped
+			}),
+			/* @__PURE__ */ c(S, { ranked: e.ranked })
+		] })]
+	});
+}
+//#endregion
+export { C as t };
+
+//# sourceMappingURL=FallthroughDiagram-BEHiM5IS.js.map

package/dist/chunks/FallthroughDiagram-BEHiM5IS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FallthroughDiagram-BEHiM5IS.js","names":["_Fragment","s","Badge","keySpecFromKey","KeyCap","keySpecsFromMods","GestureRoute","FallthroughDiagram_module_default","placedByLabel","p","walkLabel","w","Fragment","isWinner","MOD_ORDER","InputLine","mods","input","m","KeySequence","predicted","Routes","candidate","r","Stage","id","useId","filter","title","note","children","MatchedStage","matched","Code","c","i","dropReason","d","FilterBand","mine","dropped","RankedStage","ranked","winner","FallthroughDiagram","cls","className","record"],"sources":["../../src/components/FallthroughDiagram/FallthroughDiagram.module.css","../../src/components/FallthroughDiagram/FallthroughDiagram.tsx"],"sourcesContent":[".diagram {\n  display: grid;\n  gap: var(--wzl-space-3);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size-sm);\n}\n\n.input {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--wzl-space-2) var(--wzl-space-4);\n  margin: 0;\n  color: var(--wzl-fg-muted);\n}\n.field { display: flex; align-items: baseline; gap: var(--wzl-space-1); }\n.field dt { margin: 0; }\n.field dd {\n  margin: 0;\n  color: var(--wzl-fg);\n  font-weight: var(--wzl-font-weight-medium);\n}\n\n.stage {\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  background: var(--wzl-surface);\n  padding: var(--wzl-space-2) var(--wzl-space-3);\n  /* Ids and rules do not wrap mid-word; a narrow host scrolls the stage instead. */\n  overflow-x: auto;\n}\n.stage[data-filter] { background: var(--wzl-surface-sunken); }\n\n.stageTitle {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: var(--wzl-space-2);\n  margin: 0;\n  font-size: var(--wzl-font-size-sm);\n  font-weight: var(--wzl-font-weight-bold);\n}\n.stageTitle + .table { margin-top: var(--wzl-space-2); }\n.note { color: var(--wzl-fg-muted); font-weight: var(--wzl-font-weight-medium); }\n\n.table { width: 100%; border-collapse: collapse; }\n.table th {\n  text-align: start;\n  color: var(--wzl-fg-muted);\n  font-size: var(--wzl-font-size-xs);\n  font-weight: var(--wzl-font-weight-bold);\n  padding: var(--wzl-space-1) var(--wzl-space-2);\n}\n.table td {\n  padding: var(--wzl-space-1) var(--wzl-space-2);\n  border-top: 1px solid var(--wzl-border);\n  vertical-align: top;\n  white-space: nowrap;\n}\n\n.table code { white-space: nowrap; overflow-wrap: normal; }\n\n.routes { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--wzl-space-1); }\n\n.num {\n  font-family: var(--wzl-font-mono);\n  font-variant-numeric: tabular-nums;\n  text-align: end;\n  white-space: nowrap;\n}\n\n.muted { color: var(--wzl-fg-muted); }\n\n.walk { color: var(--wzl-fg-muted); }\n.walk[data-walk='fired'],\n.walk[data-walk='would-fire'] { color: var(--wzl-success); font-weight: var(--wzl-font-weight-bold); }\n.walk[data-walk='declined'],\n.walk[data-walk='empty-handle'],\n.walk[data-walk='misbound'],\n.walk[data-walk='no-such-action'] { color: var(--wzl-fg); }\n\n.winner td { background: color-mix(in srgb, var(--wzl-success) 12%, transparent); }\n.winner td:first-child { box-shadow: inset 3px 0 var(--wzl-success); }\n\n.nothing { margin: 0; color: var(--wzl-fg-muted); }\n","import { useId, type ReactNode } from 'react';\nimport type {\n  DispatchRecord,\n  DispatchRecordInput,\n  DroppedCandidate,\n  PlacedBy,\n  RankedCandidate,\n  RecordCandidate,\n  WalkStep,\n} from '@weasel-js/core/routing';\nimport { Badge } from '../Badge';\nimport { Code } from '../Code';\nimport { GestureRoute } from '../GestureRoute';\nimport { KeyCap, KeySequence, keySpecFromKey, keySpecsFromMods, type LogicalModSpec } from '../Keycaps';\nimport s from './FallthroughDiagram.module.css';\n\nfunction placedByLabel(p: PlacedBy): string {\n  return p.step === 'specificity' ? `specificity · ${p.part}` : p.step;\n}\n\nfunction walkLabel(w: WalkStep): ReactNode {\n  switch (w.kind) {\n    case 'fired': return 'fired';\n    case 'would-fire': return 'would fire';\n    case 'declined': return <>declined: {w.reason}</>;\n    case 'empty-handle': return 'empty handle';\n    case 'misbound': return 'misbound';\n    case 'duplicate': return 'duplicate';\n    case 'no-such-action': return 'no such action';\n    case 'not-asked': return 'not asked';\n    case 'outranked': return 'outranked';\n  }\n}\n\nconst isWinner = (w: WalkStep) => w.kind === 'fired' || w.kind === 'would-fire';\n\nconst MOD_ORDER = ['shift', 'alt', 'ctrl', 'meta'] as const;\n\nfunction InputLine({ input, predicted }: { input: DispatchRecordInput; predicted: boolean }) {\n  const mods: LogicalModSpec[] = MOD_ORDER.filter((m) => input.modifiers[m]).map((name) => ({ name }));\n  return (\n    <dl className={s.input} aria-label=\"Input\">\n      <div className={s.field}>\n        <dt>Event</dt>\n        <dd>{input.eventKind}</dd>\n      </div>\n      {input.key !== undefined && (\n        <div className={s.field}>\n          <dt>Key</dt>\n          <dd data-key={input.key}>\n            <KeyCap label={keySpecFromKey(input.key, { legend: 'text' }).label} variant=\"minimal\" />\n          </dd>\n        </div>\n      )}\n      <div className={s.field}>\n        <dt>Modifiers</dt>\n        <dd>{mods.length > 0 ? <KeySequence keys={keySpecsFromMods(mods)} variant=\"minimal\" /> : 'none'}</dd>\n      </div>\n      {input.viewId !== null && (\n        <div className={s.field}>\n          <dt>View</dt>\n          <dd>{input.viewId}</dd>\n        </div>\n      )}\n      {input.mode !== undefined && (\n        <div className={s.field}>\n          <dt>Mode</dt>\n          <dd>{input.mode}</dd>\n        </div>\n      )}\n      {predicted && (\n        <div className={s.field}>\n          <dd><Badge size=\"xs\" status=\"accent\" variant=\"subtle\">predicted</Badge></dd>\n        </div>\n      )}\n    </dl>\n  );\n}\n\nfunction Routes({ candidate }: { candidate: RecordCandidate }) {\n  return (\n    <span className={s.routes}>\n      {candidate.routes.map((r) => <GestureRoute key={r} route={r} size=\"sm\" />)}\n    </span>\n  );\n}\n\nfunction Stage({ title, note, filter, children }: {\n  title: string;\n  note?: ReactNode;\n  filter?: DroppedCandidate['filter'];\n  children?: ReactNode;\n}) {\n  const id = useId();\n  return (\n    <section className={s.stage} aria-labelledby={id} data-filter={filter}>\n      <h3 className={s.stageTitle}>\n        <span id={id}>{title}</span>\n        {note && <span className={s.note}>{note}</span>}\n      </h3>\n      {children}\n    </section>\n  );\n}\n\nfunction MatchedStage({ matched }: { matched: readonly RecordCandidate[] }) {\n  return (\n    <Stage title=\"Matched\" note=\"every binding that fits the input\">\n      <table className={s.table}>\n        <thead>\n          <tr><th>Action</th><th>Route</th><th>Owner</th><th>Tier</th></tr>\n        </thead>\n        <tbody>\n          {matched.map((c, i) => (\n            <tr key={i}>\n              <td><Code size=\"sm\">{c.actionId}</Code></td>\n              <td><Routes candidate={c} /></td>\n              <td className={c.ownerId === null ? s.muted : undefined}>{c.ownerId ?? 'action'}</td>\n              <td>{c.scope}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </Stage>\n  );\n}\n\nfunction dropReason(d: DroppedCandidate): ReactNode {\n  if (d.filter === 'ineligible') return <><Code size=\"sm\" variant=\"plain\">{d.rule}</Code> does not hold</>;\n  return d.owner !== undefined\n    ? <>barred by the exclusive claim of <Code size=\"sm\" variant=\"plain\">{d.owner}</Code></>\n    : 'barred by an exclusive claim';\n}\n\nfunction FilterBand({ title, filter, dropped }: {\n  title: string;\n  filter: DroppedCandidate['filter'];\n  dropped: readonly DroppedCandidate[];\n}) {\n  const mine = dropped.filter((d) => d.filter === filter);\n  if (mine.length === 0) return <Stage title={title} filter={filter} note=\"dropped nothing\" />;\n  return (\n    <Stage title={title} filter={filter} note=\"dropped\">\n      <table className={s.table}>\n        <thead>\n          <tr><th>Action</th><th>Route</th><th>Why</th></tr>\n        </thead>\n        <tbody>\n          {mine.map((d, i) => (\n            <tr key={i}>\n              <td><Code size=\"sm\">{d.candidate.actionId}</Code></td>\n              <td><Routes candidate={d.candidate} /></td>\n              <td>{dropReason(d)}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </Stage>\n  );\n}\n\nfunction RankedStage({ ranked }: { ranked: readonly RankedCandidate[] }) {\n  if (ranked.length === 0) return <Stage title=\"Ranked\" note=\"nothing survived the filters\" />;\n  return (\n    <Stage title=\"Ranked\" note=\"highest first, with what the walk did at each\">\n      <table className={s.table}>\n        <thead>\n          <tr>\n            <th className={s.num}>#</th><th>Action</th><th>Placed by</th><th>Walk</th>\n            <th>Tier</th><th>Specificity</th><th>Rule</th><th>Route</th>\n          </tr>\n        </thead>\n        <tbody>\n          {ranked.map((r, i) => {\n            const c = r.candidate;\n            const winner = isWinner(r.walk);\n            return (\n              <tr\n                key={i}\n                className={winner ? s.winner : undefined}\n                data-walk={r.walk.kind}\n                data-winner={winner || undefined}\n                aria-current={winner || undefined}\n              >\n                <td className={s.num}>{i + 1}</td>\n                <td><Code size=\"sm\">{c.actionId}</Code></td>\n                <td>\n                  <Badge size=\"xs\" variant=\"outline\" status={r.placedBy.step === 'first' ? 'muted' : 'warn'}>\n                    {placedByLabel(r.placedBy)}\n                  </Badge>\n                </td>\n                <td className={s.walk} data-walk={r.walk.kind}>{walkLabel(r.walk)}</td>\n                <td>{c.scope}</td>\n                <td className={s.num} aria-label=\"target, modifiers, phase, exact\">{c.specificity.join(' ')}</td>\n                <td>{c.eligible ? <Code size=\"sm\" variant=\"plain\">{c.eligible}</Code> : <span className={s.muted}>none</span>}</td>\n                <td><Routes candidate={c} /></td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </Stage>\n  );\n}\n\n/** Props for {@link FallthroughDiagram}. */\nexport interface FallthroughDiagramProps {\n  record: DispatchRecord;\n  className?: string;\n}\n\n/**\n * One dispatch drawn top to bottom: the input, every binding it matched, what\n * the claim and eligibility filters dropped, and the ranked survivors with the\n * step that placed each one and what the walk did with it. The winner's row\n * carries `data-winner`.\n */\nexport function FallthroughDiagram({ record, className }: FallthroughDiagramProps) {\n  const cls = className ? `${s.diagram} ${className}` : s.diagram;\n  return (\n    <div className={cls} data-outcome={record.outcome} data-predicted={record.predicted || undefined}>\n      <InputLine input={record.input} predicted={record.predicted} />\n      {record.matched.length === 0 ? (\n        <p className={s.nothing}>Nothing matched this input.</p>\n      ) : (\n        <>\n          <MatchedStage matched={record.matched} />\n          <FilterBand title=\"Claim\" filter=\"claim\" dropped={record.dropped} />\n          <FilterBand title=\"Eligibility\" filter=\"ineligible\" dropped={record.dropped} />\n          <RankedStage ranked={record.ranked} />\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}