@weasel-js/ui 1.7.0 → 1.7.1

package/dist/useAsyncOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncOptions.d.ts","sourceRoot":"","sources":["../src/useAsyncOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3B,oEAAoE;AACpE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,GAAG,IAAI,cAAc,GAAG;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEvE,2CAA2C;AAC3C,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,GAAG,IAAI;IAChD;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,GAAG,IAAI;IAC9C,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,GAAG,GAAG,MAAM,EAAE,EACtD,IAAI,EACJ,UAAgB,EAChB,SAAa,GACd,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CA8DjD"}
+{"version":3,"file":"useAsyncOptions.d.ts","sourceRoot":"","sources":["../src/useAsyncOptions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAErE,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3B,oEAAoE;AACpE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,GAAG,IAAI,cAAc,GAAG;IAAE,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEvE,2CAA2C;AAC3C,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,GAAG,IAAI;IAChD;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,GAAG,IAAI;IAC9C,OAAO,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,GAAG,GAAG,MAAM,EAAE,EACtD,IAAI,EACJ,UAAgB,EAChB,SAAa,GACd,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CA6DjD"}

package/dist/useReorderDragList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIvF,qCAAqC;AACrC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD;;;;;oEAKgE;IAChE,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;0BAEsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5B;AAID;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;CAC1D;AAuDD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CAwHvF"}
+{"version":3,"file":"useReorderDragList.d.ts","sourceRoot":"","sources":["../src/useReorderDragList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,IAAI,iBAAiB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIvF,qCAAqC;AACrC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpD;;;;;oEAKgE;IAChE,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACjD,2FAA2F;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;0BAEsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,6CAA6C;AAC7C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,SAAS,MAAM,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAC5B;AAID;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG;QAAE,aAAa,CAAC,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAA;KAAE,CAAC;IACnF,cAAc,EAAE;QACd,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;IACF,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;CAC1D;AAuDD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,mBAAmB,CAuHvF"}

package/dist/useRovingTabIndex.d.ts

@@ -1,59 +1,60 @@
 import { type KeyboardEvent as ReactKeyboardEvent, type RefObject } from 'react';
-/** The only thing the hook needs to know about a bar's items: which are
- *  skipped by arrow navigation. */
-export type RovingItem = {
-    disabled?: boolean;
-};
+/** Which arrow keys walk the items. `'both'` answers to all four, the way a
+ *  radio group does; a one-axis toolbar leaves the cross-axis arrows to the
+ *  page. Matches `aria-orientation` for the one-axis values. */
+export type RovingOrientation = 'horizontal' | 'vertical' | 'both';
 /** Options for {@link useRovingTabIndex}. */
 export type UseRovingTabIndexOptions = {
-    /** In the same order as the elements carrying `itemClassName`. */
-    items: readonly RovingItem[];
-    /** Class on the focusable element of each item, inside the container the
-     *  returned `rootRef` is attached to. Their DOM order must match `items`. */
-    itemClassName: string;
-    /** Index that carries `tabIndex=0`. Defaults to the first enabled item; a
-     *  radiogroup-style bar passes its selected index so Tab lands on the
-     *  current value. */
+    /** Selects the items inside the container, in DOM order. Items belonging to
+     *  a nested roving container are its own, not this one's. Defaults to
+     *  `'button, [role="button"]'`. */
+    itemSelector?: string;
+    /** Defaults to `'both'`. */
+    orientation?: RovingOrientation;
+    /** The item that holds the tab stop while focus is outside the container —
+     *  a radiogroup-style bar passes its selected index so Tab lands on the
+     *  current value. Omitted, the stop stays on whichever item last had focus,
+     *  starting at the first enabled one. */
     tabStopIndex?: number;
-    /** Called with the new index as arrow/Home/End focus moves, before focus
-     *  moves. This is where a selection-follows-focus bar commits the value. */
+    /** Called with the destination index as arrow/Home/End navigation moves,
+     *  before focus does. This is where a selection-follows-focus bar commits
+     *  the value. */
     onNavigate?: (index: number) => void;
     /** Space/Enter on the item at `index`. When omitted the keypress is left
      *  alone, which on a native `<button>` produces an ordinary click. */
     onActivate?: (index: number) => void;
 };
-/**
- * What {@link useRovingTabIndex} returns: a container ref plus the per-item
- * `tabIndex` and `onKeyDown` values to spread onto each item.
- */
+/** What {@link useRovingTabIndex} returns. Attach both to the container. */
 export type RovingTabIndex<T extends HTMLElement = HTMLDivElement> = {
-    /** Attach to the container element that holds the items. */
     rootRef: RefObject<T | null>;
-    /** `tabIndex` value for the item at `index`. */
-    tabIndexFor: (index: number) => 0 | -1;
-    /** `onKeyDown` for the item at `index`. */
-    onKeyDown: (index: number) => (e: ReactKeyboardEvent<HTMLElement>) => void;
+    onKeyDown: (e: ReactKeyboardEvent<T>) => void;
 };
+/** Where `key` takes focus from `current`, or null if it does not move it.
+ *  Arrows skip disabled items and wrap; Home and End go to the first and last
+ *  enabled item. */
+export declare function rovingTarget(current: number, key: string, enabled: readonly boolean[], orientation?: RovingOrientation): number | null;
 /**
- * Roving tabindex for a bar of items: one item is in the tab order, and the
- * arrow keys move focus among the rest, skipping disabled ones and wrapping
- * at both ends. Home and End go to the first and last enabled item. Both axes
- * navigate, so the same bar works laid out either way.
+ * The APG roving-tabindex contract for a container of items: exactly one item
+ * is in the tab order, and the arrow keys move focus among the rest, skipping
+ * disabled ones (`disabled` or `aria-disabled="true"`) and wrapping at both
+ * ends. Home and End go to the first and last enabled item. While focus is
+ * inside, the focused item holds the tab stop, so Tab and Shift+Tab both leave
+ * the container.
  *
- * Backs `ButtonBar`, `OptionsBar`, and `ToggleBar`.
+ * The items are found in the DOM and their `tabIndex` is written there, so the
+ * container can hold arbitrary children; callers must not render `tabIndex` on
+ * the items themselves. Adding, removing, disabling or enabling an item moves
+ * the stop without the container re-rendering.
+ *
+ * With every item disabled there is no tab stop and the container drops out of
+ * the tab order entirely.
  *
  * **When a bar should not use this.** What decides it is the items, not who
  * owns them. A container of compound controls — a number field, a select, a
  * color field — must leave the arrow keys alone, because those controls edit
- * their own value with them; taking the arrows over would break the control
- * to navigate between controls. `ToolOptionsBar` is that case: it draws its
- * own controls from a tool's schema now rather than taking arbitrary
- * children, and a schema-drawn number field eats arrows exactly as a
- * hand-placed one did, so it keeps plain DOM tab order. A bar whose items are
- * all simple buttons is the case this hook is for.
- *
- * With every item disabled there is no tab stop and the bar drops out of the
- * tab order entirely.
+ * their own value with them. `ToolOptionsBar` is that case, and keeps plain
+ * DOM tab order. A bar whose items are all simple buttons is the case this
+ * hook is for.
  */
-export declare function useRovingTabIndex<T extends HTMLElement = HTMLDivElement>(options: UseRovingTabIndexOptions): RovingTabIndex<T>;
+export declare function useRovingTabIndex<T extends HTMLElement = HTMLDivElement>(options?: UseRovingTabIndexOptions): RovingTabIndex<T>;
 //# sourceMappingURL=useRovingTabIndex.d.ts.map

package/dist/useRovingTabIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRovingTabIndex.d.ts","sourceRoot":"","sources":["../src/useRovingTabIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,aAAa,IAAI,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF;mCACmC;AACnC,MAAM,MAAM,UAAU,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEhD,6CAA6C;AAC7C,MAAM,MAAM,wBAAwB,GAAG;IACrC,kEAAkE;IAClE,KAAK,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7B;iFAC6E;IAC7E,aAAa,EAAE,MAAM,CAAC;IACtB;;yBAEqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;gFAC4E;IAC5E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;0EACsE;IACtE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,IAAI;IACnE,4DAA4D;IAC5D,OAAO,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7B,gDAAgD;IAChD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACvC,2CAA2C;IAC3C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC5E,CAAC;AA8BF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtE,OAAO,EAAE,wBAAwB,GAChC,cAAc,CAAC,CAAC,CAAC,CAmDnB"}
+{"version":3,"file":"useRovingTabIndex.d.ts","sourceRoot":"","sources":["../src/useRovingTabIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf;;gEAEgE;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAEnE,6CAA6C;AAC7C,MAAM,MAAM,wBAAwB,GAAG;IACrC;;uCAEmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC;;;6CAGyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;qBAEiB;IACjB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;0EACsE;IACtE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,4EAA4E;AAC5E,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,IAAI;IACnE,OAAO,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7B,SAAS,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CAC/C,CAAC;AASF;;oBAEoB;AACpB,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,SAAS,OAAO,EAAE,EAC3B,WAAW,GAAE,iBAA0B,GACtC,MAAM,GAAG,IAAI,CAmBf;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtE,OAAO,GAAE,wBAA6B,GACrC,cAAc,CAAC,CAAC,CAAC,CAqGnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -23,17 +23,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/font": "1.7.0",
-    "@weasel-js/modes": "1.7.0",
-    "@weasel-js/quantity": "1.7.0",
-    "@weasel-js/svg": "1.7.0",
-    "@weasel-js/theme": "1.7.0",
+    "@weasel-js/font": "1.7.1",
+    "@weasel-js/modes": "1.7.1",
+    "@weasel-js/quantity": "1.7.1",
+    "@weasel-js/svg": "1.7.1",
+    "@weasel-js/theme": "1.7.1",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@weasel-js/core": "1.7.0"
+    "@weasel-js/core": "1.7.1"
   },
   "author": "orochi235",
   "homepage": "https://orochi235.github.io/weasel/",
@@ -61,7 +61,7 @@
     "provenance": true
   },
   "devDependencies": {
-    "@weasel-js/cursor": "1.7.0",
-    "@weasel-js/geom": "1.7.0"
+    "@weasel-js/cursor": "1.7.1",
+    "@weasel-js/geom": "1.7.1"
   }
 }

package/dist/chunks/ActionBar-DCq16yFA.js

@@ -1,57 +0,0 @@
-import { n as e, r as t } from "./Tooltip-Clg2mhSt.js";
-import { t as n } from "./formatShortcut-DRQrVThu.js";
-import { actionItems as r, actionShortcuts as i, buildDepsFromRequires as a, evaluateEnabled as o, useActionsRegistry as s, useOptionalDepRegistry as c } from "@weasel-js/core";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useSyncExternalStore as d } from "react";
-import { Focusable as f } from "react-aria-components";
-var p = {
-	bar: "_bar_1x8zd_7",
-	vertical: "_vertical_1x8zd_18",
-	button: "_button_1x8zd_22"
-}, m = Object.freeze([]), h = () => () => {};
-function g(e, t) {
-	if (t !== void 0) return t;
-	let n = e.icon;
-	return typeof n == "function" ? n() : n;
-}
-function _(e, t) {
-	let r = t.action.shortcut ?? n(i(t.action, t.params)[0]);
-	return r ? `${e} (${r})` : e;
-}
-function v(n) {
-	let { group: i, orientation: v = "horizontal", icons: y, labels: b, className: x } = n, S = s(), C = c(), w = d(S ? S.subscribe : h, S ? S.list : () => m, S ? S.list : () => m).filter((e) => e.group === i).flatMap(r), T = [
-		p.bar,
-		v === "vertical" && p.vertical,
-		x
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ l("div", {
-		className: T,
-		role: "toolbar",
-		"aria-label": `${i} actions`,
-		children: w.map((n) => {
-			let r = b?.[n.key] ?? n.label, i = g(n, y?.[n.key]), s = C ? a(n.action, C) : void 0, { enabled: c } = o(n.action, s), d = !c, m = _(r, n);
-			return /* @__PURE__ */ u(t, {
-				isDisabled: d,
-				children: [/* @__PURE__ */ l(f, {
-					isDisabled: d,
-					children: /* @__PURE__ */ l("button", {
-						type: "button",
-						"data-testid": `action-bar-item-${n.key}`,
-						"aria-label": r,
-						"aria-disabled": d || void 0,
-						disabled: d,
-						className: p.button,
-						onClick: () => {
-							d || S?.trigger(n.action.id, n.params);
-						},
-						children: i
-					})
-				}), /* @__PURE__ */ l(e, { children: m })]
-			}, n.key);
-		})
-	});
-}
-//#endregion
-export { v as t };
-
-//# sourceMappingURL=ActionBar-DCq16yFA.js.map

package/dist/chunks/ActionBar-DCq16yFA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar-DCq16yFA.js","names":["s","TooltipTrigger","Tooltip","Tooltip$1","TooltipTrigger$1","formatShortcut","ActionBar_module_default","EMPTY_LIST","noopSubscribe","resolveIcon","override","i","item","resolveTitle","shortcut","actionShortcuts","label","ActionBar","props","registry","useActionsRegistry","depReg","useOptionalDepRegistry","items","useSyncExternalStore","a","group","actionItems","cls","orientation","className","labels","icon","icons","deps","buildDepsFromRequires","evaluateEnabled","disabled","enabled","title","Focusable"],"sources":["../../src/components/ActionBar/ActionBar.module.css","../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["/* `<ActionBar>` shares the segmented widget look of the WeaselDraw\n * pathfinder panel — small chrome on the panel surface so a bar of\n * Action buttons reads as a single control. Tokens are theme-driven\n * via `--wzl-*`. Visual parity with `PathfinderPanel.module.css` is\n * intentional; this is the generic version. */\n\n.bar {\n  display: flex;\n  flex-direction: row;\n  gap: 1px;\n  background: var(--wzl-surface);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  padding: var(--wzl-space-1);\n  user-select: none;\n}\n\n.bar.vertical {\n  flex-direction: column;\n}\n\n.button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--wzl-tb-height);\n  height: var(--wzl-tb-height);\n  padding: 0;\n  background: transparent;\n  border: 0;\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  cursor: default;\n}\n\n.button:hover:not([disabled]) {\n  background: var(--wzl-border);\n}\n\n.button:active:not([disabled]) {\n  background: color-mix(in srgb, var(--wzl-border) 70%, transparent);\n}\n\n.button[disabled] {\n  opacity: 0.4;\n  cursor: default;\n}\n\n.button > svg {\n  display: block;\n}\n","import { useSyncExternalStore, type ReactNode } from 'react';\nimport { Focusable } from 'react-aria-components';\nimport {\n  useActionsRegistry,\n  useOptionalDepRegistry,\n  evaluateEnabled,\n  buildDepsFromRequires,\n  actionItems,\n  actionShortcuts,\n  type Action,\n  type ActionItem,\n} from '@weasel-js/core';\nimport { Tooltip, TooltipTrigger } from '../Tooltip';\nimport { formatShortcut } from '../ToolPalette/formatShortcut';\nimport s from './ActionBar.module.css';\n\nconst EMPTY_LIST: readonly Action[] = Object.freeze([]);\nconst noopSubscribe = (): (() => void) => () => {};\n\n/** Props for {@link ActionBar}. */\nexport interface ActionBarProps {\n  /** Group key — only actions with `action.group === group` are rendered. */\n  group: string;\n  /** Layout direction. Defaults to `'horizontal'`. */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Per-entry icon overrides, keyed by `ActionItem.key` — the action id, or\n   * `id:variant` for one variant of a parametric action. When an entry is provided\n   * it replaces the action's own `icon` for this bar only. Mirrors\n   * `PathfinderPanelProps.icons` so call sites that ship custom glyph sets\n   * can swap them in without re-registering actions.\n   */\n  icons?: Record<string, ReactNode>;\n  /**\n   * Per-entry label overrides, keyed like `icons`. Drives both `aria-label`\n   * and `title`. When omitted, the entry's own `label` is used.\n   */\n  labels?: Record<string, string>;\n  /** Additional class for the toolbar root. */\n  className?: string;\n}\n\nfunction resolveIcon(item: ActionItem, override: ReactNode | undefined): ReactNode {\n  if (override !== undefined) return override;\n  const i = item.icon;\n  if (typeof i === 'function') return i();\n  return i;\n}\n\nfunction resolveTitle(label: string, item: ActionItem): string {\n  const shortcut = item.action.shortcut ?? formatShortcut(actionShortcuts(item.action, item.params)[0]);\n  return shortcut ? `${label} (${shortcut})` : label;\n}\n\n/**\n * Generic group-keyed action toolbar. Reads the parent `ActionsRegistry`,\n * filters to actions whose `group` matches `props.group`, and renders one\n * icon button per match — or per variant, for an action that declares\n * `variants`. Disabled state is derived from each action's\n * `enabled` predicate via `evaluateEnabled` (so the button greys out and\n * swallows clicks while the keybinding — if any — still fires through the\n * registry's keydown listener; that's the registry's contract, not ours).\n *\n * Visual parity with the WeaselDraw `<PathfinderPanel>` is intentional;\n * this is the generic, registry-driven version. No keyboard navigation\n * (roving tabindex) yet — bar consumers today are short flat strips. Add\n * if/when a long bar lands.\n */\nexport function ActionBar(props: ActionBarProps) {\n  const { group, orientation = 'horizontal', icons, labels, className } = props;\n  const registry = useActionsRegistry();\n  const depReg = useOptionalDepRegistry();\n  const all = useSyncExternalStore(\n    registry ? registry.subscribe : noopSubscribe,\n    registry ? registry.list : () => EMPTY_LIST,\n    registry ? registry.list : () => EMPTY_LIST,\n  );\n  const items = all.filter((a) => a.group === group).flatMap(actionItems);\n\n  const cls = [s.bar, orientation === 'vertical' && s.vertical, className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={cls} role=\"toolbar\" aria-label={`${group} actions`}>\n      {items.map((item) => {\n        const label = labels?.[item.key] ?? item.label;\n        const icon = resolveIcon(item, icons?.[item.key]);\n        // Read at render: `enabled` reflects whatever the deps hold now, so\n        // the bar is current as long as its parent re-renders on changes.\n        const deps = depReg ? buildDepsFromRequires(item.action, depReg) : undefined;\n        const { enabled } = evaluateEnabled(item.action, deps);\n        const disabled = !enabled;\n        const title = resolveTitle(label, item);\n        return (\n          <TooltipTrigger key={item.key} isDisabled={disabled}>\n            <Focusable isDisabled={disabled}>\n              <button\n                type=\"button\"\n                data-testid={`action-bar-item-${item.key}`}\n                aria-label={label}\n                aria-disabled={disabled || undefined}\n                disabled={disabled}\n                className={s.button}\n                onClick={() => {\n                  if (disabled) return;\n                  // Dispatch through the registry so the enabled() guard runs.\n                  // If no registry is in scope the click is a no-op — ActionBar\n                  // is expected to render under an `ActionsProvider`.\n                  registry?.trigger(item.action.id, item.params);\n                }}\n              >\n                {icon}\n              </button>\n            </Focusable>\n            <Tooltip>{title}</Tooltip>\n          </TooltipTrigger>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;GCgBMO,IAAgC,OAAO,OAAO,CAAC,CAAC,GAChDC,gBAA0C,CAAC;AAyBjD,SAASC,EAAY,GAAkB,GAA4C;CACjF,IAAIC,MAAa,KAAA,GAAW,OAAOA;CACnC,IAAMC,IAAIC,EAAK;CAEf,OADI,OAAOD,KAAM,aAAmBA,EAAE,IAC/BA;AACT;AAEA,SAASE,EAAa,GAAe,GAA0B;CAC7D,IAAMC,IAAWF,EAAK,OAAO,YAAYP,EAAeU,EAAgBH,EAAK,QAAQA,EAAK,MAAM,CAAC,CAAC,EAAE;CACpG,OAAOE,IAAW,GAAGE,EAAM,IAAIF,EAAS,KAAKE;AAC/C;AAgBA,SAAgBC,EAAU,GAAuB;CAC/C,IAAM,EAAE,UAAO,iBAAc,cAAc,UAAO,WAAQ,iBAAcC,GAClEC,IAAWC,EAAmB,GAC9BC,IAASC,EAAuB,GAMhCC,IALMC,EACVL,IAAWA,EAAS,YAAYX,GAChCW,IAAWA,EAAS,aAAaZ,GACjCY,IAAWA,EAAS,aAAaZ,CAErB,CAAA,CAAI,QAAQ,MAAMkB,EAAE,UAAUC,CAAK,CAAC,CAAC,QAAQC,CAAW,GAEhEC,IAAM;EAAC5B,EAAE;EAAK6B,MAAgB,cAAc7B,EAAE;EAAU8B;CAAS,CAAC,CACrE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CAEX,OACE,kBAAC,OAAD;EAAK,WAAWF;EAAK,MAAK;EAAU,cAAY,GAAGF,EAAM;EACtD,UAAAH,EAAM,KAAK,MAAS;GACnB,IAAMP,IAAQe,IAASnB,EAAK,QAAQA,EAAK,OACnCoB,IAAOvB,EAAYG,GAAMqB,IAAQrB,EAAK,IAAI,GAG1CsB,IAAOb,IAASc,EAAsBvB,EAAK,QAAQS,CAAM,IAAI,KAAA,GAC7D,EAAE,eAAYe,EAAgBxB,EAAK,QAAQsB,CAAI,GAC/CG,IAAW,CAACC,GACZC,IAAQ1B,EAAaG,GAAOJ,CAAI;GACtC,OACE,kBAACX,GAAD;IAA+B,YAAYoC;IAA3C,UAAA,CACE,kBAACG,GAAD;KAAW,YAAYH;KACrB,UAAA,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,mBAAmBzB,EAAK;MACrC,cAAYI;MACZ,iBAAeqB,KAAY,KAAA;MACjB;MACV,WAAWrC,EAAE;MACb,eAAe;OACb,AAAIqC,KAIJlB,GAAU,QAAQP,EAAK,OAAO,IAAIA,EAAK,MAAM;MAC/C;MAEC,UAAAoB;KACK,CAAA;IACC,CAAA,GACX,kBAAC9B,GAAD,EAAA,UAAUqC,EAAe,CAAA,CACX;GArBK,GAAA3B,EAAK,GAqBV;EAEpB,CAAC;CACE,CAAA;AAET"}

package/dist/chunks/Callout-ndW5_Bqx.js

@@ -1,116 +0,0 @@
-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 { useCallback as o, useEffect as s, useId as c, useRef as l } from "react";
-import { Dialog as u, DialogTrigger as d, Heading as f, OverlayArrow as p, Popover as m } from "react-aria-components";
-import { createPortal as h } from "react-dom";
-var g = {
-	anchor: "_anchor_w6dfg_1",
-	popover: "_popover_w6dfg_6",
-	arrow: "_arrow_w6dfg_204",
-	dialog: "_dialog_w6dfg_223",
-	header: "_header_w6dfg_230",
-	title: "_title_w6dfg_237",
-	body: "_body_w6dfg_248",
-	footer: "_footer_w6dfg_255"
-};
-//#endregion
-//#region src/components/Callout/Callout.tsx
-function _(d) {
-	let { children: _, className: v, title: y, footer: b, stance: x = "notice", tone: S, modal: C = !1, showCloseButton: w, onDismiss: T, triggerRef: E, anchorRect: D, placement: O = "top", offset: k = 12, maxHeight: A = 400, onOpenChange: j, shouldCloseOnInteractOutside: M, "aria-label": N, "aria-labelledby": P, portalContainer: F, ...I } = d, L = l(null), R = t({
-		stance: x,
-		tone: S
-	}), { anchor: z, portalProps: B } = e(F), V = w ?? !C, H = l(T);
-	H.current = T;
-	let U = l((e) => {
-		e.key === "Escape" && H.current?.();
-	}), W = l(null), G = o((e) => {
-		W.current?.removeEventListener("keydown", U.current), W.current = e, e?.addEventListener("keydown", U.current);
-	}, []), K = c(), q = D !== void 0;
-	s(() => {
-		q && typeof window < "u" && window.dispatchEvent(new Event("resize"));
-	}, [
-		q,
-		D?.x,
-		D?.y,
-		D?.width,
-		D?.height
-	]);
-	let J = C && y !== void 0 ? K : P, Y = C ? N : void 0;
-	return /* @__PURE__ */ a(r, { children: [
-		z,
-		D !== void 0 && h(/* @__PURE__ */ i("span", {
-			ref: L,
-			"data-callout-anchor": "",
-			className: g.anchor,
-			"aria-hidden": "true",
-			style: {
-				left: D.x,
-				top: D.y,
-				width: D.width,
-				height: D.height
-			}
-		}), document.body),
-		/* @__PURE__ */ a(m, {
-			...I,
-			triggerRef: D === void 0 ? E : L,
-			isNonModal: !C,
-			placement: O,
-			offset: k,
-			maxHeight: A,
-			onOpenChange: j,
-			shouldCloseOnInteractOutside: M ?? (C ? () => !1 : void 0),
-			"aria-label": Y,
-			"aria-labelledby": J,
-			className: [g.popover, v].filter(Boolean).join(" "),
-			...R,
-			"data-weasel-overlay": "",
-			...B,
-			children: [/* @__PURE__ */ i(p, {
-				className: g.arrow,
-				children: /* @__PURE__ */ i("svg", {
-					width: 12,
-					height: 12,
-					viewBox: "0 0 12 12",
-					"aria-hidden": "true",
-					children: /* @__PURE__ */ i("path", { d: "M0 0 L6 6 L12 0" })
-				})
-			}), /* @__PURE__ */ i(u, {
-				role: C ? "alertdialog" : "dialog",
-				className: g.dialog,
-				"aria-label": N,
-				"aria-labelledby": P,
-				ref: G,
-				children: ({ close: e }) => /* @__PURE__ */ a(r, { children: [
-					(y !== void 0 || V) && /* @__PURE__ */ a("header", {
-						className: g.header,
-						children: [y !== void 0 && /* @__PURE__ */ i(f, {
-							id: K,
-							slot: "title",
-							className: g.title,
-							children: y
-						}), V && /* @__PURE__ */ i(n, {
-							ariaLabel: "Close callout",
-							onClick: () => {
-								e(), j?.(!1), T?.();
-							}
-						})]
-					}),
-					/* @__PURE__ */ i("div", {
-						className: g.body,
-						children: _
-					}),
-					b !== void 0 && /* @__PURE__ */ i("footer", {
-						className: g.footer,
-						children: b
-					})
-				] })
-			})]
-		})
-	] });
-}
-//#endregion
-export { d as n, _ as t };
-
-//# sourceMappingURL=Callout-ndW5_Bqx.js.map

package/dist/chunks/Callout-ndW5_Bqx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Callout-ndW5_Bqx.js","names":["_Fragment","s","RACPopover","RACDialog","useOverlayPortal","CloseButton","DialogTrigger$1","Callout_module_default","Callout","ariaLabel","ariaLabelledby","rest","props","anchorRef","useRef","stanced","useStance","portalAnchor","portalContainer","showClose","showCloseButton","modal","onDismissRef","onDismiss","escapeListener","listeningTo","dialogRef","useCallback","node","titleId","useId","hasAnchorRect","anchorRect","popoverAriaLabelledby","title","popoverAriaLabel","Fragment","createPortal","Popover","triggerRef","shouldCloseOnInteractOutside","className","portalProps","OverlayArrow","Dialog","Heading","close","onOpenChange","footer"],"sources":["../../src/components/Callout/Callout.module.css","../../src/components/Callout/Callout.tsx"],"sourcesContent":[".anchor {\n  position: fixed;\n  pointer-events: none;\n}\n\n.popover {\n  /* Above Dialog overlay (1000) and ToastRegion (1100) — RAC sets no z-index. */\n  z-index: 1200;\n  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 12px 40px rgba(0, 0, 0, 0.4);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  max-width: 320px;\n  transition: opacity var(--wzl-motion-fast);\n}\n\n.popover[data-entering],\n.popover[data-exiting] {\n  opacity: 0;\n}\n\n/* BEGIN GENERATED stance rules: callout — `npm run gen:stances`, do not edit. */\n\n.popover {\n  --wzl-tone: initial;\n}\n\n.popover {\n  --_s-surface: var(--wzl-surface);\n  --_s-border-color: var(--wzl-accent-strong);\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover[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-accent-strong));\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.popover {\n  --_s-fill: var(--_s-surface);\n}\n\n.popover[data-tone],\n.popover[data-stance] {\n  --_s-fill: color-mix(in oklab, var(--_s-tone) var(--_s-tone-mix), var(--_s-surface));\n}\n\n.popover[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: callout */\n\n.arrow svg {\n  display: block;\n  fill: var(--_s-fill);\n  stroke: var(--_s-border-color);\n  stroke-width: 1;\n}\n\n.arrow[data-placement='bottom'] svg {\n  transform: rotate(180deg);\n}\n\n.arrow[data-placement='left'] svg {\n  transform: rotate(-90deg);\n}\n\n.arrow[data-placement='right'] svg {\n  transform: rotate(90deg);\n}\n\n.dialog {\n  outline: none;\n  max-height: inherit;\n  display: flex;\n  flex-direction: column;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-4);\n  padding: var(--wzl-space-5) var(--wzl-space-6) 0;\n}\n\n.title {\n  margin: 0;\n  flex: 1;\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  padding: var(--wzl-space-4) var(--wzl-space-6) var(--wzl-space-5);\n  font-size: var(--wzl-font-size);\n  line-height: 1.4;\n  overflow-y: auto;\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--wzl-space-4);\n  padding: 0 var(--wzl-space-6) var(--wzl-space-5);\n}\n","import { useCallback, useEffect, useId, useRef, type ReactNode, type RefObject } from 'react';\nimport { createPortal } from 'react-dom';\nimport {\n  DialogTrigger,\n  Popover as RACPopover,\n  OverlayArrow,\n  Dialog as RACDialog,\n  Heading,\n  type PopoverProps as RACPopoverProps,\n} from 'react-aria-components';\nimport { useOverlayPortal, type OverlayPortalProps, type WithoutPortalTarget } from '../../overlays/portalHost';\nimport { CloseButton } from '../CloseButton';\nimport { type StanceProps, useStance } from '../stance';\nimport s from './Callout.module.css';\n\n/**\n * Composition wrapper for press-to-open callouts:\n * `<CalloutTrigger><Pressable>…</Pressable><Callout>…</Callout></CalloutTrigger>`.\n * Re-exported RAC DialogTrigger — non-RAC trigger elements must be wrapped\n * in `<Pressable>` from react-aria-components.\n * In composed mode, put `defaultOpen` on `CalloutTrigger`, not `Callout` —\n * RAC detaches to local open state on the trigger, not the popover.\n */\nexport { DialogTrigger as CalloutTrigger };\n\n/** Props for {@link Callout}, on top of React Aria's `Popover` props. */\nexport type CalloutProps = Omit<\n  WithoutPortalTarget<RACPopoverProps>,\n  'children' | 'className' | 'isNonModal' | 'triggerRef'\n> &\n  OverlayPortalProps &\n  StanceProps & {\n  children?: ReactNode;\n  className?: string;\n  /** Optional heading rendered above the body. */\n  title?: ReactNode;\n  /** Footer slot — typically action buttons. */\n  footer?: ReactNode;\n  /**\n   * `true` — blocks interaction with the rest of the app until dismissed;\n   * inner dialog is `role=\"alertdialog\"`. `false` (default) — non-blocking:\n   * the app stays interactive; Esc / outside click / close button dismiss.\n   */\n  modal?: boolean;\n  /**\n   * Show the close button. Defaults to `!modal`. In programmatic\n   * `triggerRef`/`anchorRect` modes the close button needs controlled open\n   * (`isOpen` + `onOpenChange`); with only `defaultOpen` it has no open-state\n   * setter to call and cannot close.\n   */\n  showCloseButton?: boolean;\n  /**\n   * The user asked for this callout to go away — the close button or Escape.\n   *\n   * Distinct from `onOpenChange`, which a non-modal popover *also* fires when\n   * interaction or focus merely leaves it. On a canvas that's every click on\n   * the artwork, so a consumer that pins `isOpen` and treats `onOpenChange`\n   * as dismissal retires messages nobody read. Use this instead: it fires\n   * only on a deliberate act, and never on incidental focus loss.\n   */\n  onDismiss?: () => void;\n  /** Anchor to an arbitrary element (programmatic use, with `isOpen`). */\n  triggerRef?: RefObject<Element | null>;\n  /**\n   * Anchor to a client-coordinate rect — e.g. a scene node's on-screen box.\n   * The callout re-anchors whenever this rect changes, so a consumer that\n   * recomputes it on pan, zoom, or scene edits keeps the arrow on its target.\n   * Takes precedence over `triggerRef`.\n   */\n    anchorRect?: { x: number; y: number; width: number; height: number };\n  };\n\n/**\n * Anchored callout with an arrow pointing at its source — a trigger\n * element, an arbitrary `triggerRef`, or a client-space `anchorRect`.\n * Wraps React Aria Popover + Dialog; positioning, collision flipping,\n * dismissal, and focus behavior come from the underlying primitives.\n */\nexport function Callout(props: CalloutProps) {\n  const {\n    children,\n    className,\n    title,\n    footer,\n    stance = 'notice',\n    tone,\n    modal = false,\n    showCloseButton,\n    onDismiss,\n    triggerRef,\n    anchorRect,\n    placement = 'top',\n    offset = 12,\n    maxHeight = 400,\n    onOpenChange,\n    shouldCloseOnInteractOutside,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    portalContainer,\n    ...rest\n  } = props;\n  const anchorRef = useRef<HTMLSpanElement>(null);\n  const stanced = useStance({ stance, tone });\n  const { anchor: portalAnchor, portalProps } = useOverlayPortal(portalContainer);\n  const showClose = showCloseButton ?? !modal;\n  // Escape is a dismissal like the close button is. It can't ride on a React `onKeyDown`:\n  // RAC's Dialog runs its props through filterDOMProps, which drops handlers\n  // it doesn't know, so the listener goes on the section itself. RAC's own\n  // Escape handling is untouched — this only adds the signal.\n  const onDismissRef = useRef(onDismiss);\n  onDismissRef.current = onDismiss;\n  const escapeListener = useRef((e: KeyboardEvent) => {\n    if (e.key === 'Escape') onDismissRef.current?.();\n  });\n  const listeningTo = useRef<HTMLElement | null>(null);\n  const dialogRef = useCallback((node: HTMLElement | null) => {\n    listeningTo.current?.removeEventListener('keydown', escapeListener.current);\n    listeningTo.current = node;\n    node?.addEventListener('keydown', escapeListener.current);\n  }, []);\n  const titleId = useId();\n  // RAC positions on open and recomputes on scroll, resize, and a\n  // ResizeObserver on the anchor — none of which fire when `anchorRect` is\n  // merely *translated*, as it is when a consumer tracks a scene node across a\n  // pan. (Zoom happens to work, since scaling also changes the anchor's size.)\n  // Nudging RAC's own resize listener is the supported way to make it\n  // recompute; there's no public updatePosition on Popover.\n  const hasAnchorRect = anchorRect !== undefined;\n  useEffect(() => {\n    if (!hasAnchorRect || typeof window === 'undefined') return;\n    window.dispatchEvent(new Event('resize'));\n  }, [hasAnchorRect, anchorRect?.x, anchorRect?.y, anchorRect?.width, anchorRect?.height]);\n  // RAC's popover role-heuristic misses alertdialog; label the outer role\n  // it stamps. Upstream: react-spectrum Popover.mjs querySelector('[role=dialog]').\n  const popoverAriaLabelledby =\n    modal && title !== undefined ? titleId : ariaLabelledby;\n  const popoverAriaLabel = modal ? ariaLabel : undefined;\n  return (\n    <>\n      {portalAnchor}\n      {/* Harmless while closed — RAC reads the ref only when the popover is open. */}\n      {anchorRect !== undefined &&\n        createPortal(\n          <span\n            ref={anchorRef}\n            data-callout-anchor=\"\"\n            className={s.anchor}\n            aria-hidden=\"true\"\n            // Dynamic geometry — inline style is the mechanism here, not styling.\n            style={{\n              left: anchorRect.x,\n              top: anchorRect.y,\n              width: anchorRect.width,\n              height: anchorRect.height,\n            }}\n          />,\n          document.body,\n        )}\n      <RACPopover\n        {...rest}\n        triggerRef={anchorRect !== undefined ? anchorRef : triggerRef}\n        isNonModal={!modal}\n        placement={placement}\n        offset={offset}\n        maxHeight={maxHeight}\n        onOpenChange={onOpenChange}\n        shouldCloseOnInteractOutside={\n          shouldCloseOnInteractOutside ?? (modal ? () => false : undefined)\n        }\n        aria-label={popoverAriaLabel}\n        aria-labelledby={popoverAriaLabelledby}\n        className={[s.popover, className].filter(Boolean).join(' ')}\n        {...stanced}\n        data-weasel-overlay=\"\"\n        {...portalProps}\n      >\n        <OverlayArrow className={s.arrow}>\n          <svg width={12} height={12} viewBox=\"0 0 12 12\" aria-hidden=\"true\">\n            <path d=\"M0 0 L6 6 L12 0\" />\n          </svg>\n        </OverlayArrow>\n        <RACDialog\n          role={modal ? 'alertdialog' : 'dialog'}\n          className={s.dialog}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          ref={dialogRef}\n        >\n          {({ close }) => (\n            <>\n              {(title !== undefined || showClose) && (\n                <header className={s.header}>\n                  {title !== undefined && (\n                    <Heading id={titleId} slot=\"title\" className={s.title}>\n                      {title}\n                    </Heading>\n                  )}\n                  {showClose && (\n                    <CloseButton\n                      ariaLabel=\"Close callout\"\n                      onClick={() => {\n                        // `close()` resolves OverlayTriggerStateContext, only\n                        // provided by DialogTrigger (composed mode). In\n                        // triggerRef/anchorRect modes there is no such\n                        // context, so `close()` is a no-op there — the\n                        // controlled-open fallback below does the work.\n                        close();\n                        onOpenChange?.(false);\n                        onDismiss?.();\n                      }}\n                    />\n                  )}\n                </header>\n              )}\n              <div className={s.body}>{children}</div>\n              {footer !== undefined && <footer className={s.footer}>{footer}</footer>}\n            </>\n          )}\n        </RACDialog>\n      </RACPopover>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AC8EA,SAAgBQ,EAAQ,GAAqB;CAC3C,IAAM,EACJ,aACA,cACA,UACA,WACA,YAAS,UACT,SACA,WAAQ,IACR,oBACA,cACA,eACA,eACA,eAAY,OACZ,YAAS,IACT,eAAY,KACZ,iBACA,iCACA,cAAcC,GACd,mBAAmBC,GACnB,oBACA,GAAGC,MACDC,GACEC,IAAYC,EAAwB,IAAI,GACxCC,IAAUC,EAAU;EAAE;EAAQ;CAAK,CAAC,GACpC,EAAE,QAAQC,GAAc,mBAAgBb,EAAiBc,CAAe,GACxEC,IAAYC,KAAmB,CAACC,GAKhCC,IAAeR,EAAOS,CAAS;CACrC,EAAa,UAAUA;CACvB,IAAMC,IAAiBV,GAAQ,MAAqB;EAClD,AAAI,EAAE,QAAQ,YAAUQ,EAAa,UAAU;CACjD,CAAC,GACKG,IAAcX,EAA2B,IAAI,GAC7CY,IAAYC,GAAa,MAA6B;EAG1D,AAFAF,EAAY,SAAS,oBAAoB,WAAWD,EAAe,OAAO,GAC1E,EAAY,UAAUI,GACtBA,GAAM,iBAAiB,WAAWJ,EAAe,OAAO;CAC1D,GAAG,CAAC,CAAC,GACCK,IAAUC,EAAM,GAOhBC,IAAgBC,MAAe,KAAA;CACrC,QAAgB;EACd,AAAKD,KAAiB,OAAO,SAAW,OACxC,OAAO,cAAc,IAAI,MAAM,QAAQ,CAAC;CAC1C,GAAG;EAACA;EAAeC,GAAY;EAAGA,GAAY;EAAGA,GAAY;EAAOA,GAAY;CAAM,CAAC;CAGvF,IAAMC,IACJZ,KAASa,MAAU,KAAA,IAAYL,IAAUnB,GACrCyB,IAAmBd,IAAQZ,IAAY,KAAA;CAC7C,OACE,kBAAAT,GAAA,EAAA,UAAA;EACGiB;EAEAe,MAAe,KAAA,KACdK,EACE,kBAAC,QAAD;GACE,KAAKxB;GACL,uBAAoB;GACpB,WAAWZ,EAAE;GACb,eAAY;GAEZ,OAAO;IACL,MAAM+B,EAAW;IACjB,KAAKA,EAAW;IAChB,OAAOA,EAAW;IAClB,QAAQA,EAAW;GACrB;EACD,CAAA,GACD,SAAS,IACX;EACF,kBAAC9B,GAAD;GACE,GAAIS;GACJ,YAAYqB,MAAe,KAAA,IAAwBO,IAAZ1B;GACvC,YAAY,CAACQ;GACF;GACH;GACG;GACG;GACd,8BACEmB,MAAiCnB,UAAc,KAAQ,KAAA;GAEzD,cAAYc;GACZ,mBAAiBF;GACjB,WAAW,CAAChC,EAAE,SAASwC,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAC1D,GAAI1B;GACJ,uBAAoB;GACpB,GAAI2B;GAhBN,UAAA,CAkBE,kBAACC,GAAD;IAAc,WAAW1C,EAAE;IACzB,UAAA,kBAAC,OAAD;KAAK,OAAO;KAAI,QAAQ;KAAI,SAAQ;KAAY,eAAY;KAC1D,UAAA,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;IACxB,CAAA;GACO,CAAA,GACd,kBAACE,GAAD;IACE,MAAMkB,IAAQ,gBAAgB;IAC9B,WAAWpB,EAAE;IACb,cAAYQ;IACZ,mBAAiBC;IACjB,KAAKgB;IAEH,WAAA,EAAE,eACF,kBAAA1B,GAAA,EAAA,UAAA;MACIkC,MAAU,KAAA,KAAaf,MACvB,kBAAC,UAAD;MAAQ,WAAWlB,EAAE;MAArB,UAAA,CACGiC,MAAU,KAAA,KACT,kBAACW,GAAD;OAAS,IAAIhB;OAAS,MAAK;OAAQ,WAAW5B,EAAE;OAC7C,UAAAiC;MACM,CAAA,GAEVf,KACC,kBAACd,GAAD;OACE,WAAU;OACV,eAAe;QAQb,AAFAyC,EAAM,GACNC,IAAe,EAAK,GACpBxB,IAAY;OACd;MACD,CAAA,CAEG;;KAEV,kBAAC,OAAD;MAAK,WAAWtB,EAAE;MAAO;KAAc,CAAA;KACtC+C,MAAW,KAAA,KAAa,kBAAC,UAAD;MAAQ,WAAW/C,EAAE;MAAS,UAAA+C;KAAe,CAAA;IACtE,EAAA,CAAA;GAEK,CAAA,CACD;;CACZ,EAAA,CAAA;AAEN"}

package/dist/chunks/Checkbox-DHXTUHO9.js

@@ -1,47 +0,0 @@
-import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { Checkbox as i } from "react-aria-components";
-var a = {
-	checkbox: "_checkbox_1gsy2_1",
-	box: "_box_1gsy2_18",
-	checkmark: "_checkmark_1gsy2_47",
-	label: "_label_1gsy2_60"
-}, o = r(function(r, o) {
-	let { children: s, className: c, ...l } = r;
-	return /* @__PURE__ */ t(i, {
-		...l,
-		ref: o,
-		className: [a.checkbox, c].filter(Boolean).join(" "),
-		children: ({ isIndeterminate: r }) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("span", {
-			className: a.box,
-			children: /* @__PURE__ */ t("svg", {
-				className: a.checkmark,
-				viewBox: "0 0 14 14",
-				"aria-hidden": "true",
-				children: r ? /* @__PURE__ */ t("line", {
-					x1: "3",
-					y1: "7",
-					x2: "11",
-					y2: "7",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round"
-				}) : /* @__PURE__ */ t("polyline", {
-					points: "3,7.5 6,10.5 11,4.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					strokeLinecap: "round",
-					strokeLinejoin: "round"
-				})
-			})
-		}), s !== void 0 && /* @__PURE__ */ t("span", {
-			className: a.label,
-			children: s
-		})] })
-	});
-});
-//#endregion
-export { o as t };
-
-//# sourceMappingURL=Checkbox-DHXTUHO9.js.map

package/dist/chunks/Checkbox-DHXTUHO9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox-DHXTUHO9.js","names":["Checkbox","RACCheckbox","s","_Fragment","Checkbox_module_default","Checkbox$1","forwardRef","rest","props","Checkbox","className","Fragment","isIndeterminate","children"],"sources":["../../src/components/Checkbox/Checkbox.module.css","../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":[".checkbox {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-4);\n  cursor: pointer;\n  font-family: var(--wzl-font-ui);\n  font-size: var(--wzl-font-size);\n  color: var(--wzl-fg);\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n.checkbox[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.box {\n  position: relative;\n  flex: 0 0 auto;\n  width: 14px;\n  height: 14px;\n  background: var(--wzl-surface-sunken);\n  border: 1px solid var(--wzl-border-strong);\n  border-radius: var(--wzl-radius-sm);\n  transition: background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);\n}\n\n.checkbox[data-focus-visible] .box {\n  box-shadow: 0 0 0 2px var(--wzl-focus-ring);\n}\n\n.checkbox[data-hovered]:not([data-disabled]) .box {\n  border-color: var(--wzl-fg-muted);\n}\n\n.checkbox[data-selected] .box,\n.checkbox[data-indeterminate] .box {\n  background: var(--wzl-accent-strong);\n  border-color: var(--wzl-accent-strong);\n}\n\n.checkbox[data-invalid] .box {\n  border-color: var(--wzl-danger);\n}\n\n.checkmark {\n  position: absolute;\n  inset: 0;\n  color: var(--wzl-fg-on-accent);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.checkbox[data-selected] .checkmark,\n.checkbox[data-indeterminate] .checkmark {\n  opacity: 1;\n}\n\n.label {\n  line-height: 1.2;\n}\n","import { forwardRef, type ReactNode, type Ref } from 'react';\nimport {\n  Checkbox as RACCheckbox,\n  type CheckboxProps as RACCheckboxProps,\n} from 'react-aria-components';\nimport s from './Checkbox.module.css';\n\n/**\n * Props for {@link Checkbox}, on top of React Aria's `Checkbox` props. The\n * label is passed as children.\n */\nexport type CheckboxProps = Omit<RACCheckboxProps, 'children' | 'className'> & {\n  children?: ReactNode;\n  className?: string;\n};\n\n/**\n * Single checkbox wrapping React Aria's Checkbox. Supports indeterminate\n * via `isIndeterminate`. The label is supplied as children.\n */\nexport const Checkbox = forwardRef(function Checkbox(\n  props: CheckboxProps,\n  ref: Ref<HTMLLabelElement>,\n) {\n  const { children, className, ...rest } = props;\n  return (\n    <RACCheckbox\n      {...rest}\n      ref={ref}\n      className={[s.checkbox, className].filter(Boolean).join(' ')}\n    >\n      {({ isIndeterminate }) => (\n        <>\n          <span className={s.box}>\n            <svg className={s.checkmark} viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n              {isIndeterminate ? (\n                <line x1=\"3\" y1=\"7\" x2=\"11\" y2=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n              ) : (\n                <polyline\n                  points=\"3,7.5 6,10.5 11,4.5\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                />\n              )}\n            </svg>\n          </span>\n          {children !== undefined && <span className={s.label}>{children}</span>}\n        </>\n      )}\n    </RACCheckbox>\n  );\n});\n"],"mappings":";;;;;;;;GCoBaA,IAAWM,EAAW,SACjC,GACA,GACA;CACA,IAAM,EAAE,aAAU,cAAW,GAAGC,MAASC;CACzC,OACE,kBAACP,GAAD;EACE,GAAIM;EACC;EACL,WAAW,CAACL,EAAE,UAAUQ,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EAEzD,WAAA,EAAE,yBACF,kBAAAP,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD;GAAM,WAAWD,EAAE;GACjB,UAAA,kBAAC,OAAD;IAAK,WAAWA,EAAE;IAAW,SAAQ;IAAY,eAAY;IAC1D,UAAAU,IACC,kBAAC,QAAD;KAAM,IAAG;KAAI,IAAG;KAAI,IAAG;KAAK,IAAG;KAAI,QAAO;KAAe,aAAY;KAAI,eAAc;IAAS,CAAA,IAEhG,kBAAC,YAAD;KACE,QAAO;KACP,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;IAChB,CAAA;GAEA,CAAA;EACD,CAAA,GACLC,MAAa,KAAA,KAAa,kBAAC,QAAD;GAAM,WAAWX,EAAE;GAAQ;EAAe,CAAA,CACrE,EAAA,CAAA;CAEO,CAAA;AAEjB,CAAC"}

package/dist/chunks/ColorField-Yz_BkcCT.js

@@ -1,69 +0,0 @@
-import { n as e, t } from "./InlineRange-P01ABSzo.js";
-import { getAlpha01 as n, toHex8 as r, withAlpha01 as i } from "@weasel-js/core";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useEffect as c, useRef as l, useState as u } from "react";
-var d = {
-	root: "_root_1vb3y_1",
-	chip: "_chip_1vb3y_7",
-	color: "_color_1vb3y_14",
-	alphaRange: "_alphaRange_1vb3y_46",
-	alphaReadout: "_alphaReadout_1vb3y_50"
-};
-//#endregion
-//#region src/components/ColorField/ColorField.tsx
-function f(f) {
-	let { value: p, mixed: m = !1, alpha: h = !1, alphaDisabled: g = !1, onInput: _, onChange: v, id: y, className: b } = f, x = r(p ?? "#000000"), S = x.slice(0, 7), C = n(x), w = Math.round(C * 100), [T, E] = u(null), [D, O] = u(null), k = T ?? S, A = D ?? w, j = (e, t) => h ? i(e, t) : e, M = m && T === null, N = (e, t) => {
-		(T !== null || D !== null) && (v(j(e, t)), E(null), O(null));
-	}, P = l(null), F = l(() => {});
-	return c(() => {
-		F.current = () => N(k, A / 100);
-	}), c(() => {
-		let e = P.current;
-		if (!e) return;
-		let t = () => F.current();
-		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), /* @__PURE__ */ s("span", {
-		className: [d.root, b].filter(Boolean).join(" "),
-		...m && T === null ? { "data-mixed": "" } : {},
-		children: [/* @__PURE__ */ o("span", {
-			className: d.chip,
-			children: /* @__PURE__ */ o("input", {
-				ref: P,
-				id: y,
-				className: d.color,
-				type: "color",
-				value: k,
-				"aria-label": f["aria-label"] ?? "Color",
-				onInput: (e) => {
-					let t = e.target.value;
-					E(t), _?.(j(t, A / 100));
-				},
-				onBlur: () => N(k, A / 100)
-			})
-		}), h && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
-			className: `${d.alphaRange} ${e.alpha}`,
-			min: 0,
-			max: 100,
-			step: 1,
-			value: A,
-			disabled: M || g,
-			"aria-label": f["aria-label"] ? `${f["aria-label"]} opacity` : "Opacity",
-			onInput: (e) => {
-				let t = Number(e.target.value);
-				O(t), _?.(j(k, t / 100));
-			},
-			onPointerUp: () => N(k, A / 100),
-			onPointerCancel: () => N(k, A / 100),
-			onKeyUp: () => N(k, A / 100),
-			onBlur: () => N(k, A / 100)
-		}), /* @__PURE__ */ s("span", {
-			className: d.alphaReadout,
-			"aria-hidden": "true",
-			children: [A, "%"]
-		})] })]
-	});
-}
-//#endregion
-export { f as t };
-
-//# sourceMappingURL=ColorField-Yz_BkcCT.js.map

package/dist/chunks/ColorField-Yz_BkcCT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorField-Yz_BkcCT.js","names":["s","_Fragment","shared","range_module_default","ColorField_module_default","ColorField","props","hex8","toHex8","value","rgb6","alpha01","getAlpha01","alphaPct","colorDraft","setColorDraft","useState","alphaDraft","setAlphaDraft","visibleRgb","visibleAlphaPct","compose","alpha","withAlpha01","rgb","a01","alphaLocked","mixed","commit","onChange","swatch","useRef","latestCommit","useEffect","el","onClose","className","onInput","Fragment","InlineRange","alphaDisabled","pct"],"sources":["../../src/components/ColorField/ColorField.module.css","../../src/components/ColorField/ColorField.tsx"],"sourcesContent":[".root {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--wzl-space-3);\n}\n\n.chip {\n  position: relative;\n  display: inline-flex;\n  border-radius: var(--wzl-radius-sm);\n  overflow: hidden;\n}\n\n.color {\n  inline-size: 28px;\n  block-size: var(--wzl-control-h-sm);\n  padding: 0;\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  background: none;\n  cursor: pointer;\n}\n\n.color:focus-visible {\n  outline: none;\n  border-color: var(--wzl-focus-ring);\n  box-shadow: 0 0 0 1px var(--wzl-focus-ring);\n}\n\n/* Indeterminate (mixed) presentation: checkerboard overlay atop the\n * swatch. pointer-events: none so the input stays clickable. */\n.root[data-mixed] .chip::after {\n  content: '';\n  position: absolute;\n  inset: 1px;\n  border-radius: var(--wzl-radius-sm);\n  pointer-events: none;\n  background: repeating-conic-gradient(\n      var(--wzl-checker-a) 0% 25%,\n      var(--wzl-checker-b) 0% 50%\n    )\n    50% / var(--wzl-checker-size) var(--wzl-checker-size);\n}\n\n/* `InlineRange` owns the track; this only says how it shares the row. */\n.alphaRange {\n  flex: 1;\n}\n\n.alphaReadout {\n  min-inline-size: 3ch;\n  text-align: end;\n  font-size: var(--wzl-font-size-sm);\n  opacity: 0.7;\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { toHex8, getAlpha01, withAlpha01 } from '@weasel-js/core';\nimport { InlineRange } from '../InlineRange';\nimport shared from '../range.module.css';\nimport s from './ColorField.module.css';\n\n/**\n * Props for {@link ColorField}. `onInput` fires throughout a gesture and\n * `onChange` once at its end.\n */\nexport interface ColorFieldProps {\n  /** Current color, `#rrggbb` or `#rrggbbaa`. Omit when `mixed`. */\n  value?: string;\n  /** Indeterminate presentation (multi-selection with differing colors):\n   *  checkered chip, empty value. The first color edit produces a real\n   *  value; the opacity slider stays disabled until then (an alpha-only\n   *  edit would otherwise commit a value composed against the\n   *  placeholder black). */\n  mixed?: boolean;\n  /** Show the opacity slider; emitted values are `#rrggbbaa`. */\n  alpha?: boolean;\n  /** Draw the opacity slider inert, for a consumer that drops alpha. */\n  alphaDisabled?: boolean;\n  /** Live value during interaction (picker drag, slider drag). Optional —\n   *  wire it for live preview; omit it for commit-only consumers. */\n  onInput?: (hex: string) => void;\n  /** Committed value — picker close or blur, or slider release. One call\n   *  per user gesture; pair with an undoable write. */\n  onChange: (hex: string) => void;\n  /** Id for the color input, for a `<label htmlFor>` outside it. */\n  id?: string;\n  'aria-label'?: string;\n  className?: string;\n}\n\n/**\n * Compact color editor: native color input + optional opacity slider.\n * Commit semantics are gesture-based (see `onChange`) because native\n * color/range inputs fire `change` continuously during interaction —\n * commit-on-change would emit one undo entry per tick.\n */\nexport function ColorField(props: ColorFieldProps) {\n  const { value, mixed = false, alpha = false, alphaDisabled = false, onInput, onChange, id, className } = props;\n  const hex8 = toHex8(value ?? '#000000');\n  const rgb6 = hex8.slice(0, 7);\n  const alpha01 = getAlpha01(hex8);\n  const alphaPct = Math.round(alpha01 * 100);\n\n  // Drafts track the control during a gesture (the committed prop only\n  // updates after onChange), then reset to follow the prop again.\n  const [colorDraft, setColorDraft] = useState<string | null>(null);\n  const [alphaDraft, setAlphaDraft] = useState<number | null>(null);\n  const visibleRgb = colorDraft ?? rgb6;\n  const visibleAlphaPct = alphaDraft ?? alphaPct;\n\n  const compose = (rgb: string, a01: number): string =>\n    alpha ? withAlpha01(rgb, a01) : rgb;\n\n  // Mixed with no color edit yet: the alpha slider has nothing real to\n  // compose against (rgb6 is the placeholder black), so keep it disabled\n  // until the first color edit lands.\n  const alphaLocked = mixed && colorDraft === null;\n\n  // Commit only when a gesture actually changed something — blur with no\n  // preceding input must not emit (it would create a no-op undo entry).\n  const commit = (rgb: string, a01: number): void => {\n    if (colorDraft === null && alphaDraft === null) return;\n    onChange(compose(rgb, a01));\n    setColorDraft(null);\n    setAlphaDraft(null);\n  };\n\n  // The picker closing fires a native `change`, which React's `onChange` does\n  // not deliver apart from `input`; the input can keep focus after it closes,\n  // so waiting for blur alone would hold the commit until the next click.\n  const swatch = useRef<HTMLInputElement>(null);\n  const latestCommit = useRef(() => {});\n  useEffect(() => {\n    latestCommit.current = () => commit(visibleRgb, visibleAlphaPct / 100);\n  });\n  useEffect(() => {\n    const el = swatch.current;\n    if (!el) return;\n    const onClose = () => latestCommit.current();\n    el.addEventListener('change', onClose);\n    return () => el.removeEventListener('change', onClose);\n  }, []);\n\n  return (\n    <span\n      className={[s.root, className].filter(Boolean).join(' ')}\n      {...(mixed && colorDraft === null ? { 'data-mixed': '' } : {})}\n    >\n      <span className={s.chip}>\n        <input\n          ref={swatch}\n          id={id}\n          className={s.color}\n          type=\"color\"\n          value={visibleRgb}\n          aria-label={props['aria-label'] ?? 'Color'}\n          onInput={(e) => {\n            const rgb = (e.target as HTMLInputElement).value;\n            setColorDraft(rgb);\n            onInput?.(compose(rgb, visibleAlphaPct / 100));\n          }}\n          onBlur={() => commit(visibleRgb, visibleAlphaPct / 100)}\n        />\n      </span>\n      {alpha && (\n        <>\n          <InlineRange\n            className={`${s.alphaRange} ${shared.alpha}`}\n            min={0}\n            max={100}\n            step={1}\n            value={visibleAlphaPct}\n            disabled={alphaLocked || alphaDisabled}\n            aria-label={props['aria-label'] ? `${props['aria-label']} opacity` : 'Opacity'}\n            onInput={(e) => {\n              const pct = Number((e.target as HTMLInputElement).value);\n              setAlphaDraft(pct);\n              onInput?.(compose(visibleRgb, pct / 100));\n            }}\n            onPointerUp={() => commit(visibleRgb, visibleAlphaPct / 100)}\n            onPointerCancel={() => commit(visibleRgb, visibleAlphaPct / 100)}\n            onKeyUp={() => commit(visibleRgb, visibleAlphaPct / 100)}\n            onBlur={() => commit(visibleRgb, visibleAlphaPct / 100)}\n          />\n          <span className={s.alphaReadout} aria-hidden=\"true\">{visibleAlphaPct}%</span>\n        </>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;ACyCA,SAAgBK,EAAW,GAAwB;CACjD,IAAM,EAAE,UAAO,WAAQ,IAAO,WAAQ,IAAO,mBAAgB,IAAO,YAAS,aAAU,OAAI,iBAAcC,GACnGC,IAAOC,EAAOC,KAAS,SAAS,GAChCC,IAAOH,EAAK,MAAM,GAAG,CAAC,GACtBI,IAAUC,EAAWL,CAAI,GACzBM,IAAW,KAAK,MAAMF,IAAU,GAAG,GAInC,CAACG,GAAYC,KAAiBC,EAAwB,IAAI,GAC1D,CAACC,GAAYC,KAAiBF,EAAwB,IAAI,GAC1DG,IAAaL,KAAcJ,GAC3BU,IAAkBH,KAAcJ,GAEhCQ,KAAW,GAAa,MAC5BC,IAAQC,EAAYC,GAAKC,CAAG,IAAID,GAK5BE,IAAcC,KAASb,MAAe,MAItCc,KAAU,GAAa,MAAsB;EACjD,CAAId,MAAe,QAAQG,MAAe,UAC1CY,EAASR,EAAQG,GAAKC,CAAG,CAAC,GAC1BV,EAAc,IAAI,GAClBG,EAAc,IAAI;CACpB,GAKMY,IAASC,EAAyB,IAAI,GACtCC,IAAeD,QAAa,CAAC,CAAC;CAYpC,OAXAE,QAAgB;EACd,EAAa,gBAAgBL,EAAOT,GAAYC,IAAkB,GAAG;CACvE,CAAC,GACDa,QAAgB;EACd,IAAMC,IAAKJ,EAAO;EAClB,IAAI,CAACI,GAAI;EACT,IAAMC,UAAgBH,EAAa,QAAQ;EAE3C,OADAE,EAAG,iBAAiB,UAAUC,CAAO,SACxBD,EAAG,oBAAoB,UAAUC,CAAO;CACvD,GAAG,CAAC,CAAC,GAGH,kBAAC,QAAD;EACE,WAAW,CAACnC,EAAE,MAAMoC,CAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;EACvD,GAAKT,KAASb,MAAe,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;EAF9D,UAAA,CAIE,kBAAC,QAAD;GAAM,WAAWd,EAAE;GACjB,UAAA,kBAAC,SAAD;IACE,KAAK8B;IACD;IACJ,WAAW9B,EAAE;IACb,MAAK;IACL,OAAOmB;IACP,cAAYb,EAAM,iBAAiB;IACnC,UAAU,MAAM;KACd,IAAMkB,IAAO,EAAE,OAA4B;KAE3C,AADAT,EAAcS,CAAG,GACjBa,IAAUhB,EAAQG,GAAKJ,IAAkB,GAAG,CAAC;IAC/C;IACA,cAAcQ,EAAOT,GAAYC,IAAkB,GAAG;GACvD,CAAA;EACG,CAAA,GACLE,KACC,kBAAArB,GAAA,EAAA,UAAA,CACE,kBAACsC,GAAD;GACE,WAAW,GAAGvC,EAAE,WAAW,GAAGE,EAAO;GACrC,KAAK;GACL,KAAK;GACL,MAAM;GACN,OAAOkB;GACP,UAAUM,KAAec;GACzB,cAAYlC,EAAM,gBAAgB,GAAGA,EAAM,cAAc,YAAY;GACrE,UAAU,MAAM;IACd,IAAMmC,IAAM,OAAQ,EAAE,OAA4B,KAAK;IAEvD,AADAvB,EAAcuB,CAAG,GACjBJ,IAAUhB,EAAQF,GAAYsB,IAAM,GAAG,CAAC;GAC1C;GACA,mBAAmBb,EAAOT,GAAYC,IAAkB,GAAG;GAC3D,uBAAuBQ,EAAOT,GAAYC,IAAkB,GAAG;GAC/D,eAAeQ,EAAOT,GAAYC,IAAkB,GAAG;GACvD,cAAcQ,EAAOT,GAAYC,IAAkB,GAAG;EACvD,CAAA,GACD,kBAAC,QAAD;GAAM,WAAWpB,EAAE;GAAc,eAAY;GAA7C,UAAA,CAAqDoB,GAAgB,GAAO;EAC5E,CAAA,CAAA,EAAA,CAAA,CAEA;;AAEV"}