@weasel-js/ui 1.5.2 → 1.6.0

package/dist/chunks/formatShortcut-BoGqUoWi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatShortcut-BoGqUoWi.js","names":[],"sources":["../../src/components/ToolPalette/formatShortcut.ts"],"sourcesContent":["import { keyGlyph } from '../Keycaps/keyGlyph';\n\nexport interface ShortcutInput {\n  key: string | readonly string[];\n  mod?: boolean;\n  alt?: boolean;\n  shift?: boolean | 'optional';\n}\n\n/** Format a shortcut as an array of display chips, one per key — modifier\n *  icons (⌘, ↑, ⌥) followed by the key glyph. UIs that want a boxed\n *  per-key look render each chip in its own element. `shift: 'optional'` is\n *  treated as falsy. */\nexport function formatShortcutParts(b: ShortcutInput | undefined): readonly string[] | undefined {\n  if (!b) return undefined;\n  const rawKey = Array.isArray(b.key) ? b.key[0] : (b.key as string);\n  const parts: string[] = [];\n  if (b.mod) parts.push('⌘');\n  if (b.shift === true) parts.push('⇧');\n  if (b.alt) parts.push('⌥');\n  parts.push(keyGlyph(rawKey));\n  return parts;\n}\n\n/** Format a shortcut as a single display string. Order: mod, shift, alt,\n *  key. Returns `undefined` for `undefined` input so callers can `??` a\n *  fallback. When `key` is an array, the first element is used. `shift: 'optional'`\n *  is treated as falsy. */\nexport function formatShortcut(b: ShortcutInput | undefined): string | undefined {\n  const parts = formatShortcutParts(b);\n  return parts ? parts.join('') : undefined;\n}\n"],"mappings":";;AAaA,SAAgB,EAAoB,GAA6D;AAC/F,KAAI,CAAC,EAAG;CACR,IAAM,IAAS,MAAM,QAAQ,EAAE,IAAI,GAAG,EAAE,IAAI,KAAM,EAAE,KAC9C,IAAkB,EAAE;AAK1B,QAJI,EAAE,OAAK,EAAM,KAAK,IAAI,EACtB,EAAE,UAAU,MAAM,EAAM,KAAK,IAAI,EACjC,EAAE,OAAK,EAAM,KAAK,IAAI,EAC1B,EAAM,KAAK,EAAS,EAAO,CAAC,EACrB;;AAOT,SAAgB,EAAe,GAAkD;CAC/E,IAAM,IAAQ,EAAoB,EAAE;AACpC,QAAO,IAAQ,EAAM,KAAK,GAAG,GAAG,KAAA"}

package/dist/chunks/icons-DbScMMqX.js

@@ -0,0 +1,179 @@
+import { t as e } from "./Icon-BW0qv_U7.js";
+import { AlignBottomIcon as t, AlignCenterXIcon as n, AlignCenterYIcon as ee, AlignLeftIcon as te, AlignRightIcon as ne, AlignTopIcon as r, ArrowIcon as i, BringForwardIcon as a, BringToFrontIcon as o, CopyIcon as s, CutIcon as c, DeleteIcon as l, DistributeHorizontalIcon as u, DistributeVerticalIcon as d, DuplicateIcon as f, EllipseIcon as p, EllipseIcon as m, EyedropperIcon as h, FlipXIcon as g, FlipYIcon as _, GroupIcon as v, HandIcon as y, ImageIcon as b, ImageIcon as x, LassoIcon as S, LassoIcon as C, LineIcon as w, LineIcon as T, PasteIcon as E, PenIcon as D, PenIcon as O, PencilIcon as k, PencilIcon as A, PolygonIcon as j, PolygonIcon as M, RectIcon as N, RectIcon as P, RedoIcon as F, SelectIcon as I, SendBackwardIcon as L, SendToBackIcon as R, StarIcon as z, StarIcon as B, TextIcon as V, TextIcon as H, UndoIcon as U, UngroupIcon as W, UnknownIcon as G, UnknownIcon as K } from "@weasel-js/core";
+import { jsx as q } from "react/jsx-runtime";
+//#region src/icons/ShapeKindIcon.tsx
+var J = {
+	rect: N,
+	ellipse: p,
+	line: w,
+	polygon: j,
+	star: z,
+	pen: D,
+	pencil: k,
+	lasso: S,
+	text: V,
+	image: b
+};
+function Y({ kind: e, ...t }) {
+	return /* @__PURE__ */ q(J[e] ?? G, { ...t });
+}
+//#endregion
+//#region src/icons/index.tsx
+var X = (t) => /* @__PURE__ */ q(e, {
+	name: "clone",
+	...t
+}), Z = (t) => /* @__PURE__ */ q(e, {
+	name: "reset",
+	...t
+}), re = (t) => /* @__PURE__ */ q(e, {
+	name: "close",
+	...t
+}), Q = (t) => /* @__PURE__ */ q(e, {
+	name: "export",
+	...t
+}), ie = (t) => /* @__PURE__ */ q(e, {
+	name: "zoomIn",
+	...t
+}), ae = (t) => /* @__PURE__ */ q(e, {
+	name: "pan",
+	...t
+}), oe = (t) => /* @__PURE__ */ q(e, {
+	name: "add",
+	...t
+}), se = (t) => /* @__PURE__ */ q(e, {
+	name: "modeLight",
+	...t
+}), ce = (t) => /* @__PURE__ */ q(e, {
+	name: "modeDark",
+	...t
+}), le = (t) => /* @__PURE__ */ q(e, {
+	name: "modeAuto",
+	...t
+}), ue = (t) => /* @__PURE__ */ q(e, {
+	name: "remove",
+	...t
+}), de = (t) => /* @__PURE__ */ q(e, {
+	name: "sort",
+	...t
+}), fe = (t) => /* @__PURE__ */ q(e, {
+	name: "zoomOut",
+	...t
+}), pe = (t) => /* @__PURE__ */ q(e, {
+	name: "fit",
+	...t
+}), me = (t) => /* @__PURE__ */ q(e, {
+	name: "snapshot",
+	...t
+}), he = (t) => /* @__PURE__ */ q(e, {
+	name: "play",
+	...t
+}), ge = (t) => /* @__PURE__ */ q(e, {
+	name: "pause",
+	...t
+}), _e = (t) => /* @__PURE__ */ q(e, {
+	name: "stop",
+	...t
+}), ve = (t) => /* @__PURE__ */ q(e, {
+	name: "stepBack",
+	...t
+}), $ = (t) => /* @__PURE__ */ q(e, {
+	name: "stepForward",
+	...t
+}), ye = $, be = (t) => /* @__PURE__ */ q(e, {
+	name: "crosshair",
+	...t
+}), xe = (t) => /* @__PURE__ */ q(e, {
+	name: "fullscreen",
+	...t
+}), Se = (t) => /* @__PURE__ */ q(e, {
+	name: "compare",
+	...t
+}), Ce = (t) => /* @__PURE__ */ q(e, {
+	name: "filter",
+	...t
+}), we = (t) => /* @__PURE__ */ q(e, {
+	name: "search",
+	...t
+}), Te = (t) => /* @__PURE__ */ q(e, {
+	name: "loupe",
+	...t
+}), Ee = (t) => /* @__PURE__ */ q(e, {
+	name: "layers",
+	...t
+}), De = (t) => /* @__PURE__ */ q(e, {
+	name: "page",
+	...t
+}), Oe = (t) => /* @__PURE__ */ q(e, {
+	name: "lock",
+	...t
+}), ke = (t) => /* @__PURE__ */ q(e, {
+	name: "unlock",
+	...t
+}), Ae = (t) => /* @__PURE__ */ q(e, {
+	name: "visible",
+	...t
+}), je = (t) => /* @__PURE__ */ q(e, {
+	name: "hidden",
+	...t
+}), Me = (t) => /* @__PURE__ */ q(e, {
+	name: "pin",
+	...t
+}), Ne = (t) => /* @__PURE__ */ q(e, {
+	name: "link",
+	...t
+}), Pe = (t) => /* @__PURE__ */ q(e, {
+	name: "collapse",
+	...t
+}), Fe = (t) => /* @__PURE__ */ q(e, {
+	name: "expand",
+	...t
+}), Ie = (t) => /* @__PURE__ */ q(e, {
+	name: "chevron",
+	...t
+}), Le = (t) => /* @__PURE__ */ q(e, {
+	name: "tune",
+	...t
+}), Re = (t) => /* @__PURE__ */ q(e, {
+	name: "grid",
+	...t
+}), ze = (t) => /* @__PURE__ */ q(e, {
+	name: "snap",
+	...t
+}), Be = (t) => /* @__PURE__ */ q(e, {
+	name: "measure",
+	...t
+}), Ve = (t) => /* @__PURE__ */ q(e, {
+	name: "randomize",
+	...t
+}), He = (t) => /* @__PURE__ */ q(e, {
+	name: "refresh",
+	...t
+}), Ue = (t) => /* @__PURE__ */ q(e, {
+	name: "info",
+	...t
+}), We = (t) => /* @__PURE__ */ q(e, {
+	name: "warning",
+	...t
+}), Ge = (t) => /* @__PURE__ */ q(e, {
+	name: "error",
+	...t
+}), Ke = (t) => /* @__PURE__ */ q(e, {
+	name: "busy",
+	...t
+}), qe = (t) => /* @__PURE__ */ q(e, {
+	name: "check",
+	...t
+}), Je = (t) => /* @__PURE__ */ q(e, {
+	name: "layoutRows",
+	...t
+}), Ye = (t) => /* @__PURE__ */ q(e, {
+	name: "layoutColumns",
+	...t
+}), Xe = (t) => /* @__PURE__ */ q(e, {
+	name: "layoutGrid",
+	...t
+});
+//#endregion
+export { se as $, Ce as A, W as At, Ue as B, d as C, ve as Ct, Fe as D, H as Dt, Ge as E, _e as Et, Re as F, ie as Ft, Je as G, Ee as H, v as I, fe as It, Oe as J, T as K, y as L, Y as Lt, g as M, ke as Mt, _ as N, Ae as Nt, Q as O, Le as Ot, xe as P, We as Pt, ce as Q, je as R, u as S, B as St, m as T, ye as Tt, Ye as U, C as V, Xe as W, Be as X, Te as Y, le as Z, Se as _, L as _t, te as a, A as at, c as b, me as bt, i as c, M as ct, Ke as d, F as dt, De as et, qe as f, He as ft, Pe as g, I as gt, re as h, we as ht, ee as i, O as it, pe as j, K as jt, h as k, U as kt, a as l, Ve as lt, X as m, Z as mt, t as n, E as nt, ne as o, Me as ot, Ie as p, ue as pt, Ne as q, n as r, ge as rt, r as s, he as st, oe as t, ae as tt, o as u, P as ut, s as v, R as vt, f as w, $ as wt, l as x, de as xt, be as y, ze as yt, x as z };
+
+//# sourceMappingURL=icons-DbScMMqX.js.map

package/dist/chunks/icons-DbScMMqX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-DbScMMqX.js","names":[],"sources":["../../src/icons/ShapeKindIcon.tsx","../../src/icons/index.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport {\n  EllipseIcon, ImageIcon, LassoIcon, LineIcon, PenIcon, PencilIcon, PolygonIcon, RectIcon,\n  StarIcon, TextIcon, UnknownIcon,\n  type IconProps, type ShapeKind,\n} from '@weasel-js/core';\n\nconst BY_KIND = {\n  rect: RectIcon,\n  ellipse: EllipseIcon,\n  line: LineIcon,\n  polygon: PolygonIcon,\n  star: StarIcon,\n  pen: PenIcon,\n  pencil: PencilIcon,\n  lasso: LassoIcon,\n  text: TextIcon,\n  image: ImageIcon,\n} satisfies Record<ShapeKind, ComponentType<IconProps>>;\n\nexport interface ShapeKindIconProps extends IconProps {\n  /** A built-in shape kind. Any other string draws `UnknownIcon`, so a\n   *  consumer-defined kind still gets a glyph. */\n  kind: ShapeKind | (string & {});\n}\n\n/** The glyph for a shape kind — the same one its insertion tool shows, so a\n *  row in a layer list or inspector matches the palette that made it. */\nexport function ShapeKindIcon({ kind, ...props }: ShapeKindIconProps) {\n  const Glyph = (BY_KIND as Record<string, ComponentType<IconProps>>)[kind] ?? UnknownIcon;\n  return <Glyph {...props} />;\n}\n","import { Icon, type IconProps } from './Icon';\n\nexport { Icon, isFillable } from './Icon';\nexport type { IconProps } from './Icon';\nexport { ICON_FILLS, ICON_GROUPS, ICON_PATHS } from './paths';\nexport { ShapeKindIcon } from './ShapeKindIcon';\nexport type { ShapeKindIconProps } from './ShapeKindIcon';\nexport type { FillableIconName, IconName } from './paths';\n\n// Tool glyphs live in @weasel-js/core because core needs them for\n// `Tool.presentation.icon` defaults and cannot depend on this package.\n// Re-exported here so consumers have one import site for the whole set.\nexport {\n  SelectIcon, LassoIcon, RectIcon, EllipseIcon, ImageIcon, EyedropperIcon,\n  LineIcon, ArrowIcon, PolygonIcon, StarIcon, PencilIcon, TextIcon, PenIcon, HandIcon,\n  UnknownIcon,\n} from '@weasel-js/core';\n// The standard edit actions' glyphs live beside those actions in core, for the\n// same reason.\nexport {\n  CutIcon, CopyIcon, PasteIcon, DuplicateIcon, GroupIcon, UngroupIcon,\n  BringForwardIcon, BringToFrontIcon, SendBackwardIcon, SendToBackIcon, FlipXIcon, FlipYIcon,\n  UndoIcon, RedoIcon, DeleteIcon,\n  AlignLeftIcon, AlignCenterXIcon, AlignRightIcon, AlignTopIcon, AlignCenterYIcon, AlignBottomIcon,\n  DistributeHorizontalIcon, DistributeVerticalIcon,\n} from '@weasel-js/core';\n\nexport const CloneIcon = (p: IconProps) => <Icon name=\"clone\" {...p} />;\nexport const ResetIcon = (p: IconProps) => <Icon name=\"reset\" {...p} />;\nexport const CloseIcon = (p: IconProps) => <Icon name=\"close\" {...p} />;\nexport const ExportIcon = (p: IconProps) => <Icon name=\"export\" {...p} />;\nexport const ZoomInIcon = (p: IconProps) => <Icon name=\"zoomIn\" {...p} />;\nexport const PanIcon = (p: IconProps) => <Icon name=\"pan\" {...p} />;\nexport const AddIcon = (p: IconProps) => <Icon name=\"add\" {...p} />;\nexport const ModeLightIcon = (p: IconProps) => <Icon name=\"modeLight\" {...p} />;\nexport const ModeDarkIcon = (p: IconProps) => <Icon name=\"modeDark\" {...p} />;\nexport const ModeAutoIcon = (p: IconProps) => <Icon name=\"modeAuto\" {...p} />;\nexport const RemoveIcon = (p: IconProps) => <Icon name=\"remove\" {...p} />;\nexport const SortIcon = (p: IconProps) => <Icon name=\"sort\" {...p} />;\nexport const ZoomOutIcon = (p: IconProps) => <Icon name=\"zoomOut\" {...p} />;\nexport const FitIcon = (p: IconProps) => <Icon name=\"fit\" {...p} />;\nexport const SnapshotIcon = (p: IconProps) => <Icon name=\"snapshot\" {...p} />;\nexport const PlayIcon = (p: IconProps) => <Icon name=\"play\" {...p} />;\nexport const PauseIcon = (p: IconProps) => <Icon name=\"pause\" {...p} />;\nexport const StopIcon = (p: IconProps) => <Icon name=\"stop\" {...p} />;\nexport const StepBackIcon = (p: IconProps) => <Icon name=\"stepBack\" {...p} />;\nexport const StepForwardIcon = (p: IconProps) => <Icon name=\"stepForward\" {...p} />;\n/** @deprecated Use {@link StepForwardIcon}; `step` alone stopped naming a direction. */\nexport const StepIcon = StepForwardIcon;\nexport const CrosshairIcon = (p: IconProps) => <Icon name=\"crosshair\" {...p} />;\nexport const FullscreenIcon = (p: IconProps) => <Icon name=\"fullscreen\" {...p} />;\nexport const CompareIcon = (p: IconProps) => <Icon name=\"compare\" {...p} />;\nexport const FilterIcon = (p: IconProps) => <Icon name=\"filter\" {...p} />;\nexport const SearchIcon = (p: IconProps) => <Icon name=\"search\" {...p} />;\nexport const LoupeIcon = (p: IconProps) => <Icon name=\"loupe\" {...p} />;\nexport const LayersIcon = (p: IconProps) => <Icon name=\"layers\" {...p} />;\nexport const PageIcon = (p: IconProps) => <Icon name=\"page\" {...p} />;\nexport const LockIcon = (p: IconProps) => <Icon name=\"lock\" {...p} />;\nexport const UnlockIcon = (p: IconProps) => <Icon name=\"unlock\" {...p} />;\nexport const VisibleIcon = (p: IconProps) => <Icon name=\"visible\" {...p} />;\nexport const HiddenIcon = (p: IconProps) => <Icon name=\"hidden\" {...p} />;\nexport const PinIcon = (p: IconProps) => <Icon name=\"pin\" {...p} />;\nexport const LinkIcon = (p: IconProps) => <Icon name=\"link\" {...p} />;\nexport const CollapseIcon = (p: IconProps) => <Icon name=\"collapse\" {...p} />;\nexport const ExpandIcon = (p: IconProps) => <Icon name=\"expand\" {...p} />;\nexport const ChevronIcon = (p: IconProps) => <Icon name=\"chevron\" {...p} />;\nexport const TuneIcon = (p: IconProps) => <Icon name=\"tune\" {...p} />;\nexport const GridIcon = (p: IconProps) => <Icon name=\"grid\" {...p} />;\nexport const SnapIcon = (p: IconProps) => <Icon name=\"snap\" {...p} />;\nexport const MeasureIcon = (p: IconProps) => <Icon name=\"measure\" {...p} />;\nexport const RandomizeIcon = (p: IconProps) => <Icon name=\"randomize\" {...p} />;\nexport const RefreshIcon = (p: IconProps) => <Icon name=\"refresh\" {...p} />;\nexport const InfoIcon = (p: IconProps) => <Icon name=\"info\" {...p} />;\nexport const WarningIcon = (p: IconProps) => <Icon name=\"warning\" {...p} />;\nexport const ErrorIcon = (p: IconProps) => <Icon name=\"error\" {...p} />;\nexport const BusyIcon = (p: IconProps) => <Icon name=\"busy\" {...p} />;\nexport const CheckIcon = (p: IconProps) => <Icon name=\"check\" {...p} />;\nexport const LayoutRowsIcon = (p: IconProps) => <Icon name=\"layoutRows\" {...p} />;\nexport const LayoutColumnsIcon = (p: IconProps) => <Icon name=\"layoutColumns\" {...p} />;\nexport const LayoutGridIcon = (p: IconProps) => <Icon name=\"layoutGrid\" {...p} />;\n"],"mappings":"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"}

package/dist/chunks/interactiveTarget-C7QUBaJN.js

@@ -0,0 +1,24 @@
+//#region src/interactiveTarget.ts
+var e = [
+	"button",
+	"input",
+	"select",
+	"textarea",
+	"a[href]",
+	"[contenteditable=\"\"]",
+	"[contenteditable=\"true\"]",
+	"[role=\"button\"]",
+	"[role=\"checkbox\"]",
+	"[role=\"switch\"]",
+	"[role=\"menuitem\"]",
+	"[role=\"link\"]"
+].join(",");
+function t(t, n) {
+	if (!(t instanceof Element)) return !1;
+	let r = t.closest(e);
+	return r !== null && r !== n && n.contains(r);
+}
+//#endregion
+export { t as n, e as t };
+
+//# sourceMappingURL=interactiveTarget-C7QUBaJN.js.map

package/dist/chunks/interactiveTarget-C7QUBaJN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactiveTarget-C7QUBaJN.js","names":[],"sources":["../../src/interactiveTarget.ts"],"sourcesContent":["/** Elements that handle their own press and keys. */\nexport const CONTROL_SELECTOR = [\n  'button', 'input', 'select', 'textarea', 'a[href]', '[contenteditable=\"\"]', '[contenteditable=\"true\"]',\n  '[role=\"button\"]', '[role=\"checkbox\"]', '[role=\"switch\"]', '[role=\"menuitem\"]', '[role=\"link\"]',\n].join(',');\n\n/**\n * Whether `target` sits in a control of its own somewhere inside `host` — a\n * toggle in a list row. The host's handlers leave such an event to the\n * control, so a row's press, click and keys never swallow its controls'.\n */\nexport function isInControlWithin(target: EventTarget | null, host: Element): boolean {\n  if (!(target instanceof Element)) return false;\n  const control = target.closest(CONTROL_SELECTOR);\n  return control !== null && control !== host && host.contains(control);\n}\n"],"mappings":";AACA,IAAa,IAAmB;CAC9B;CAAU;CAAS;CAAU;CAAY;CAAW;CAAwB;CAC5E;CAAmB;CAAqB;CAAmB;CAAqB;CACjF,CAAC,KAAK,IAAI;AAOX,SAAgB,EAAkB,GAA4B,GAAwB;AACpF,KAAI,EAAE,aAAkB,SAAU,QAAO;CACzC,IAAM,IAAU,EAAO,QAAQ,EAAiB;AAChD,QAAO,MAAY,QAAQ,MAAY,KAAQ,EAAK,SAAS,EAAQ"}

package/dist/chunks/{keyGlyph-Bp0wnLHn.js → keyGlyph-CLvUHU8c.js}

@@ -19,4 +19,4 @@ function e(e) {
 //#endregion
 export { e as t };
 
-//# sourceMappingURL=keyGlyph-Bp0wnLHn.js.map
+//# sourceMappingURL=keyGlyph-CLvUHU8c.js.map

package/dist/chunks/{keyGlyph-Bp0wnLHn.js.map → keyGlyph-CLvUHU8c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"keyGlyph-Bp0wnLHn.js","names":[],"sources":["../../src/components/Keycaps/keyGlyph.ts"],"sourcesContent":["/** Apple-style glyph for a DOM `KeyboardEvent.key` value. Covers escape,\n *  delete/backspace, arrows, enter/return, tab, space. Unknown keys are\n *  upper-cased (so `'a'` reads as `A` on a keycap) and returned unchanged\n *  otherwise — making this safe to apply uniformly without a `has-glyph`\n *  check at the call site. */\nexport function keyGlyph(rawKey: string): string {\n  switch (rawKey) {\n    case 'Escape': return '⎋';\n    case 'Backspace': return '⌫';\n    case 'Delete': return '⌦';\n    case 'ArrowUp': return '↑';\n    case 'ArrowDown': return '↓';\n    case 'ArrowLeft': return '←';\n    case 'ArrowRight': return '→';\n    case 'Enter':\n    case 'Return': return '↵';\n    case 'Tab': return '⇥';\n    case ' ':\n    case 'Space': return '␣';\n    default: return rawKey.toUpperCase();\n  }\n}\n"],"mappings":";AAKA,SAAgB,EAAS,GAAwB;AAC/C,SAAQ,GAAR;EACE,KAAK,SAAU,QAAO;EACtB,KAAK,YAAa,QAAO;EACzB,KAAK,SAAU,QAAO;EACtB,KAAK,UAAW,QAAO;EACvB,KAAK,YAAa,QAAO;EACzB,KAAK,YAAa,QAAO;EACzB,KAAK,aAAc,QAAO;EAC1B,KAAK;EACL,KAAK,SAAU,QAAO;EACtB,KAAK,MAAO,QAAO;EACnB,KAAK;EACL,KAAK,QAAS,QAAO;EACrB,QAAS,QAAO,EAAO,aAAa"}
+{"version":3,"file":"keyGlyph-CLvUHU8c.js","names":[],"sources":["../../src/components/Keycaps/keyGlyph.ts"],"sourcesContent":["/** Apple-style glyph for a DOM `KeyboardEvent.key` value. Covers escape,\n *  delete/backspace, arrows, enter/return, tab, space. Unknown keys are\n *  upper-cased (so `'a'` reads as `A` on a keycap) and returned unchanged\n *  otherwise — making this safe to apply uniformly without a `has-glyph`\n *  check at the call site. */\nexport function keyGlyph(rawKey: string): string {\n  switch (rawKey) {\n    case 'Escape': return '⎋';\n    case 'Backspace': return '⌫';\n    case 'Delete': return '⌦';\n    case 'ArrowUp': return '↑';\n    case 'ArrowDown': return '↓';\n    case 'ArrowLeft': return '←';\n    case 'ArrowRight': return '→';\n    case 'Enter':\n    case 'Return': return '↵';\n    case 'Tab': return '⇥';\n    case ' ':\n    case 'Space': return '␣';\n    default: return rawKey.toUpperCase();\n  }\n}\n"],"mappings":";AAKA,SAAgB,EAAS,GAAwB;AAC/C,SAAQ,GAAR;EACE,KAAK,SAAU,QAAO;EACtB,KAAK,YAAa,QAAO;EACzB,KAAK,SAAU,QAAO;EACtB,KAAK,UAAW,QAAO;EACvB,KAAK,YAAa,QAAO;EACzB,KAAK,YAAa,QAAO;EACzB,KAAK,aAAc,QAAO;EAC1B,KAAK;EACL,KAAK,SAAU,QAAO;EACtB,KAAK,MAAO,QAAO;EACnB,KAAK;EACL,KAAK,QAAS,QAAO;EACrB,QAAS,QAAO,EAAO,aAAa"}

package/dist/chunks/model-BQMvTLnW.js

@@ -0,0 +1,360 @@
+import { a as e, t } from "./Icon-BW0qv_U7.js";
+import { t as n } from "./PropertyField-CDb19d3F.js";
+import { t as r } from "./ToggleBar-Btnl5r7F.js";
+import { t as i } from "./prefField-CLkhrvYl.js";
+import { MIXED as a } from "@weasel-js/core";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Fragment as c, createElement as l } from "react";
+var u = {
+	root: "_root_11o7u_1",
+	header: "_header_11o7u_8",
+	kind: "_kind_11o7u_16",
+	breakdown: "_breakdown_11o7u_21",
+	section: "_section_11o7u_26",
+	sectionTitle: "_sectionTitle_11o7u_35",
+	row: "_row_11o7u_44",
+	rowLabel: "_rowLabel_11o7u_52",
+	rowControls: "_rowControls_11o7u_56",
+	namedField: "_namedField_11o7u_66",
+	blockRow: "_blockRow_11o7u_78",
+	toggle: "_toggle_11o7u_89",
+	flagToggle: "_flagToggle_11o7u_111",
+	number: "_number_11o7u_115",
+	select: "_select_11o7u_116",
+	unrenderable: "_unrenderable_11o7u_120",
+	objectLeaf: "_objectLeaf_11o7u_127",
+	objectGroup: "_objectGroup_11o7u_136",
+	slider: "_slider_11o7u_143"
+};
+//#endregion
+//#region src/components/SelectionPanel/renderLeaf.tsx
+function d(e, t) {
+	let { leaf: n } = e;
+	return n.kind === "boolean" && n.control === "toggle" && n.pair !== void 0 && t?.[e.ctx.path] === void 0 && t?.[n.kind] === void 0;
+}
+function f(e, t) {
+	let n = [];
+	for (let r = 0; r < e.length;) {
+		let i = e[r];
+		if (!d(i, t)) {
+			let e = i.render();
+			e != null && n.push({
+				key: i.key,
+				leaf: i.leaf,
+				block: i.leaf.block === !0,
+				content: e
+			}), r += 1;
+			continue;
+		}
+		let a = r + 1;
+		for (; a < e.length && d(e[a], t) && e[a].leaf.pair === i.leaf.pair;) a += 1;
+		let s = e.slice(r, a);
+		n.push({
+			key: i.key,
+			leaf: i.leaf,
+			block: s.every((e) => e.leaf.block === !0),
+			content: /* @__PURE__ */ o(p, {
+				run: s,
+				ariaLabel: i.leaf.pair
+			})
+		}), r = a;
+	}
+	return n;
+}
+function p({ run: n, ariaLabel: i }) {
+	let a = n.filter((e) => e.ctx.value === !0).map((e) => e.key);
+	return /* @__PURE__ */ o(r, {
+		mode: "multiple",
+		size: "sm",
+		variant: "flat",
+		className: u.flagToggle,
+		ariaLabel: i,
+		items: n.map((n) => {
+			let r = n.leaf;
+			return {
+				value: n.key,
+				label: r.icon && r.icon in e ? /* @__PURE__ */ o(t, {
+					name: r.icon,
+					size: 14
+				}) : r.short ?? r.name.slice(0, 1),
+				ariaLabel: n.ariaLabel
+			};
+		}),
+		value: a,
+		mixedValues: n.filter((e) => e.ctx.mixed).map((e) => e.key),
+		onChange: (e) => {
+			for (let t of n) {
+				let n = e.includes(t.key);
+				n !== a.includes(t.key) && t.ctx.setValue(n);
+			}
+		}
+	});
+}
+function m(e, t, r, a = "", c = !1) {
+	let { pref: d, value: f, mixed: p, unset: m, setValue: v } = e;
+	if (d.kind === "object") return /* @__PURE__ */ o(_, {
+		ctx: e,
+		renderers: r,
+		selectionKey: a
+	});
+	let y = i(d, {
+		value: f,
+		mixed: p,
+		unset: m,
+		siblings: e.siblings,
+		setValue: v,
+		fontVariant: {
+			weight: e.valueAt("data.style.fontWeight").value,
+			style: e.valueAt("data.style.fontStyle").value
+		}
+	});
+	if (y === null) return /* @__PURE__ */ s("span", {
+		className: u.unrenderable,
+		children: [
+			"(",
+			d.kind,
+			": no renderer)"
+		]
+	});
+	switch (y.kind) {
+		case "boolean": return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t),
+			control: y.control ?? "switch",
+			className: y.control === "toggle" ? u.flagToggle : void 0
+		});
+		case "number": return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t),
+			className: y.control === "slider" ? u.slider : u.number,
+			steppers: !1
+		});
+		case "string": return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t),
+			onInput: g
+		});
+		case "enum": return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t),
+			className: y.control === "toggle" ? u.toggle : y.control === "radio" ? void 0 : u.select
+		});
+		case "font-family": return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t),
+			className: u.select
+		});
+		case "paint": return /* @__PURE__ */ l(n, {
+			...y,
+			...h(t),
+			key: a,
+			control: "inline",
+			allowNone: !c
+		});
+		default: return /* @__PURE__ */ o(n, {
+			...y,
+			...h(t)
+		});
+	}
+}
+var h = (e) => ({
+	chrome: "framed",
+	name: e
+}), g = () => {};
+function _({ ctx: n, renderers: r, selectionKey: i = "" }) {
+	let a = n.pref, l = typeof n.value == "object" && n.value !== null ? n.value : void 0, d = Object.values(a.children).every((e) => !("kind" in e)), p = (d, h) => {
+		let g = [], _ = (e) => typeof e == "object" && !!e && "controls" in e, v = [], y = () => {
+			for (let { key: e, leaf: t, block: n, content: i } of f(v, r)) {
+				let r = g[g.length - 1];
+				if (t.pair !== void 0 && _(r) && r.pair === t.pair) {
+					r.controls.push(/* @__PURE__ */ o(c, { children: i }, e)), r.block &&= n;
+					continue;
+				}
+				g.push({
+					key: e,
+					pair: t.pair,
+					label: t.pair ?? t.name,
+					title: t.description,
+					block: n,
+					controls: [/* @__PURE__ */ o(c, { children: i }, e)]
+				});
+			}
+			v = [];
+		};
+		for (let [c, f] of Object.entries(d)) {
+			if (!("kind" in f)) {
+				let e = f.name !== "", t = p(f.children, e);
+				if (t.length === 0) continue;
+				y(), g.push(/* @__PURE__ */ s("div", {
+					className: e && h ? u.objectGroup : void 0,
+					children: [e && /* @__PURE__ */ o("h5", {
+						className: u.sectionTitle,
+						children: f.name
+					}), t]
+				}, `group:${c}`));
+				continue;
+			}
+			let d = `${n.path}.${c}`, _ = {
+				path: d,
+				pref: f,
+				value: l?.[c],
+				mixed: n.mixed,
+				unset: !n.mixed && l?.[c] === void 0,
+				siblings: l,
+				valueAt: n.valueAt,
+				selectionKey: n.selectionKey,
+				setValue: (e) => {
+					let t = l ?? a.fromScalar?.(n.value) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {});
+					if (e === void 0) {
+						let { [c]: e, ...r } = t;
+						n.setValue(r);
+						return;
+					}
+					n.setValue({
+						...t,
+						[c]: e
+					});
+				}
+			};
+			v.push({
+				key: d,
+				leaf: f,
+				ctx: _,
+				ariaLabel: f.name,
+				render: () => {
+					let n = r?.[d] ?? r?.[f.kind], a = n ? n(_) : m(_, f.name, r, i, !0);
+					return a == null ? null : (f.pair !== void 0 || f.block === !0) && f.icon && f.icon in e ? /* @__PURE__ */ s("span", {
+						className: u.namedField,
+						children: [/* @__PURE__ */ o(t, {
+							name: f.icon,
+							size: 14
+						}), a]
+					}) : a;
+				}
+			});
+		}
+		return y(), g.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ o("div", {
+			className: `${u.rowControls} ${u.blockRow}`,
+			title: e.title,
+			children: e.controls
+		}, e.key) : /* @__PURE__ */ s("div", {
+			className: u.row,
+			children: [/* @__PURE__ */ o("span", {
+				className: u.rowLabel,
+				title: e.title,
+				children: e.label
+			}), /* @__PURE__ */ o("span", {
+				className: u.rowControls,
+				children: e.controls
+			})]
+		}, e.key) : e);
+	}, h = p(a.children, !d);
+	return h.length === 0 ? null : /* @__PURE__ */ s("div", {
+		className: u.objectLeaf,
+		children: [!d && /* @__PURE__ */ o("h4", {
+			className: u.sectionTitle,
+			children: a.name
+		}), h]
+	});
+}
+//#endregion
+//#region src/components/SelectionPanel/model.ts
+function v(e, t) {
+	if (e.kind === "container") return "group";
+	for (let n of t) if (n.matches(e.data)) return n.name;
+	return "unknown";
+}
+function y(e) {
+	return !("kind" in e);
+}
+function b(e) {
+	let t = [], n = [], r = (e, t) => {
+		for (let [n, i] of Object.entries(e.children)) y(i) ? r(i, t) : t.push({
+			path: n,
+			leaf: i
+		});
+	};
+	for (let [i, a] of Object.entries(e.children)) if (y(a)) {
+		let e = [];
+		r(a, e), t.push({
+			key: i,
+			name: a.name,
+			rows: x(e)
+		});
+	} else n.push({
+		path: i,
+		leaf: a
+	});
+	return n.length > 0 && t.unshift({
+		key: "",
+		name: "",
+		rows: x(n)
+	}), t;
+}
+function x(e) {
+	let t = [];
+	for (let n of e) {
+		let e = n.leaf.pair, r = t[t.length - 1];
+		e !== void 0 && r !== void 0 && r.label === e ? r.leaves.push(n) : t.push({
+			label: e ?? n.leaf.name,
+			leaves: [n]
+		});
+	}
+	return t;
+}
+function S(e, t) {
+	let n = [...new Set(e)];
+	if (n.length === 0) return [];
+	let r = new Map(t.map((e) => [e.name, e])), i = n.map((e) => r.get(e)?.schema);
+	if (i.some((e) => e === void 0)) return [];
+	let [a, ...o] = i, s = b(a);
+	if (o.length === 0) return s;
+	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(b(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
+	return s.map((e) => ({
+		...e,
+		rows: e.rows.map((e) => ({
+			...e,
+			leaves: e.leaves.filter(u)
+		})).filter((e) => e.leaves.length > 0)
+	})).filter((e) => e.rows.length > 0);
+}
+function C(e, t) {
+	let n = t.split(".");
+	if (n.length < 2) return;
+	let r = n[0], i = r === "pose" ? e.pose : r === "data" ? e.data : void 0;
+	for (let e = 1; e < n.length; e++) {
+		if (typeof i != "object" || !i) return;
+		i = i[n[e]];
+	}
+	return i;
+}
+function w(e, t, n) {
+	let [r, ...i] = t;
+	if (i.length === 0) return Array.isArray(e) ? Object.assign([...e], { [r]: n }) : {
+		...e,
+		[r]: n
+	};
+	let a = e[r], o = w(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
+	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
+		...e,
+		[r]: o
+	};
+}
+function T(e, t) {
+	let n, r = !0;
+	for (let i of e) {
+		let e = C(i, t);
+		if (r) n = e, r = !1;
+		else if (!Object.is(e, n)) return a;
+	}
+	return n;
+}
+function E(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) t.set(n, (t.get(n) ?? 0) + 1);
+	return [...t.entries()].map(([e, t]) => t > 1 ? `${e} ×${t}` : e).join(" · ");
+}
+//#endregion
+export { y as a, x as c, f as d, u as f, S as i, w as l, T as n, E as o, v as r, C as s, a as t, m as u };
+
+//# sourceMappingURL=model-BQMvTLnW.js.map