@weasel-js/ui 1.5.1 → 1.6.0

package/dist/components/Disclosure/Disclosure.d.ts

@@ -1,6 +1,23 @@
 import type { ReactNode } from 'react';
-/** Which way the mark points when the section is closed. */
-export type DisclosureDirection = 'right' | 'down';
+/** Props for `<DisclosureMark>`. */
+export interface DisclosureMarkProps {
+    /** Whether the section it stands for is open: `−` when open, `+` when shut. */
+    open: boolean;
+    /** Mark size in px, square. Default 13. */
+    size?: number;
+    className?: string;
+}
+/**
+ * The fold mark alone: a dark violet rounded square holding a `+` while its section is
+ * shut and a `−` while it is open. Decorative — it carries no role or label —
+ * for a row that is itself the control, such as a tree item or a header
+ * button. Anywhere the mark has to be the control, use `<Disclosure>`.
+ *
+ * Deliberately not part of the icon register, on the same grounds as
+ * `DragHandleGlyph`: that register is outline strokes at a fixed weight, and
+ * this mark is filled.
+ */
+export declare function DisclosureMark({ open, size, className }: DisclosureMarkProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<Disclosure>`. */
 export interface DisclosureProps {
     /** Whether the section it controls is open. The consumer owns this. */
@@ -16,17 +33,14 @@ export interface DisclosureProps {
      * screen reader move to the revealed content.
      */
     controls?: string;
-    /** Which way the closed mark points. `'right'` (default) rotates down when
-     *  open; `'down'` rotates up. */
-    direction?: DisclosureDirection;
     /** Mark size in px. The hit target is at least 20px and grows with it.
-     *  Default 12. */
+     *  Default 13. */
     size?: number;
     disabled?: boolean;
     className?: string;
 }
 /**
- * The twisty on a collapsible section: a triangle that turns as it opens.
+ * The twisty on a collapsible section: a `<DisclosureMark>` in a button.
  *
  * Presentational — it holds no open/closed state and renders no children.
  * The consumer owns the state and the panel; this is the control that toggles
@@ -35,17 +49,11 @@ export interface DisclosureProps {
  * Three things it settles that a hand-rolled twisty keeps getting wrong. The
  * mark is drawn rather than typed, because `--wzl-font-ui` carries no ▸/▾ and
  * a text glyph falls back to whatever the system offers at whatever size that
- * font renders it — around 6px against 13px body text, which reads as dirt on
- * the screen. The hit target is larger than the mark. And it is a sibling of
- * the row's label rather than a child, so clicking to expand does not actuate
- * the label's own control.
- *
- * Deliberately not part of the icon register, on the same grounds as
- * `DragHandleGlyph`: that register is outline strokes at a fixed weight, and
- * `base.mjs` rejects a solid triangle in it by name. A disclosure mark is
- * filled.
+ * font renders it. The hit target is larger than the mark. And it is a sibling
+ * of the row's label rather than a child, so clicking to expand does not
+ * actuate the label's own control.
  */
-export declare function Disclosure({ open, onToggle, label, controls, direction, size, disabled, className, }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+export declare function Disclosure({ open, onToggle, label, controls, size, disabled, className }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<DisclosureRow>`. */
 export interface DisclosureRowProps extends Omit<DisclosureProps, 'className'> {
     /** The row's own content — a label, a checkbox, a count. */

package/dist/components/Disclosure/Disclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/Disclosure/Disclosure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;qCACiC;IACjC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC;sBACkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAmB,EACnB,IAAS,EACT,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CA0BjB;AAED,mCAAmC;AACnC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IAC5E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,kBAAkB,2CAOnF"}
+{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/Disclosure/Disclosure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,oCAAoC;AACpC,MAAM,WAAW,mBAAmB;IAClC,+EAA+E;IAC/E,IAAI,EAAE,OAAO,CAAC;IACd,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAgBjF;AAED,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;sBACkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,2CAc9G;AAED,mCAAmC;AACnC,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IAC5E,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,EAAE,kBAAkB,2CAOnF"}

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

@@ -1,3 +1,3 @@
-export { Disclosure, DisclosureRow } from './Disclosure';
-export type { DisclosureDirection, DisclosureProps, DisclosureRowProps, } from './Disclosure';
+export { Disclosure, DisclosureMark, DisclosureRow } from './Disclosure';
+export type { DisclosureMarkProps, DisclosureProps, DisclosureRowProps, } from './Disclosure';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Disclosure/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACzE,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,kBAAkB,GACnB,MAAM,cAAc,CAAC"}

package/dist/components/Disclosure/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Disclosure-9UgDzc7Z.js";
-export { t as Disclosure, e as DisclosureRow };
+import { n as e, r as t, t as n } from "../../chunks/Disclosure-D79jhmh2.js";
+export { n as Disclosure, e as DisclosureMark, t as DisclosureRow };

package/dist/components/DragGhost/DragGhost.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+/** Props for `<DragGhost>`. */
+export interface DragGhostProps {
+    /** The ghost's top-left in client space, and its width — `useReorderDragList`'s `state.ghost` is one. */
+    at: {
+        left: number;
+        top: number;
+        width: number;
+    };
+    /** An element inside the list being dragged from. The ghost portals to its nearest themed ancestor, so it resolves
+     *  the list's tokens without being clipped by the list's panel. */
+    from: Element;
+    /** What to draw: copies of the dragged items, or any stand-in for them. */
+    children: ReactNode;
+}
+/**
+ * What follows the pointer during a drag while the dragged items hold their place: `children` on a raised surface at
+ * a client-space point. Hidden from assistive tech and from the pointer, so it never becomes the drop target.
+ */
+export declare function DragGhost({ at, from, children }: DragGhostProps): import("react").ReactPortal;
+//# sourceMappingURL=DragGhost.d.ts.map

package/dist/components/DragGhost/DragGhost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragGhost.d.ts","sourceRoot":"","sources":["../../../src/components/DragGhost/DragGhost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD,+BAA+B;AAC/B,MAAM,WAAW,cAAc;IAC7B,yGAAyG;IACzG,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD;uEACmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAcD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,+BAW/D"}

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

@@ -0,0 +1,3 @@
+export { DragGhost } from './DragGhost';
+export type { DragGhostProps } from './DragGhost';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DragGhost/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DragGhost/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/DragGhost/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/DragGhost-DcU7cOwy.js";
+export { e as DragGhost };

package/dist/components/DragHandleGlyph/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/DragHandleGlyph-CppAz4_8.js";
+import { t as e } from "../../chunks/DragHandleGlyph-BtBxHjZS.js";
 export { e as DragHandleGlyph };

package/dist/components/Field/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Field-BNqvUJfg.js";
+import { n as e, t } from "../../chunks/Field-xbqRmjsI.js";
 export { t as Field, e as fieldClasses };

package/dist/components/FillStrokeSwatch/FillStrokeSwatch.d.ts

@@ -0,0 +1,45 @@
+import { type ReactElement } from 'react';
+import type { FillStyle } from '@weasel-js/core';
+import type { PaintSlot } from '../GradientEditor';
+/** Props for {@link FillStrokeSwatch}. */
+export interface FillStrokeSwatchProps {
+    /** `null` is an explicit "no paint". */
+    fill: FillStyle | null | undefined;
+    stroke: FillStyle | null | undefined;
+    /** The slot that edits aimed at "the current paint" land on — the None
+     *  button, a palette click, a keyboard shortcut the app binds. */
+    focused: PaintSlot;
+    onFocusChange: (slot: PaintSlot) => void;
+    /** Every tick of the color picker, as `#rrggbb`. */
+    onInput?: (slot: PaintSlot, color: string) => void;
+    /** Once when the picker closes, with its last color, if it moved. */
+    onChange: (slot: PaintSlot, color: string) => void;
+    /** Toggle a slot between no paint and a paint. Given, it adds the None
+     *  button (acting on `focused`) and shift-click on a chip. */
+    onToggleNone?: (slot: PaintSlot) => void;
+    /** Given, adds a Swap button that exchanges the two paints. */
+    onSwap?: () => void;
+    /** Given, adds a Default button that restores the app's default pair. */
+    onReset?: () => void;
+    /** Key hints for the buttons' tooltips. The app binds the keys itself. */
+    shortcuts?: {
+        none?: string;
+        swap?: string;
+        reset?: string;
+    };
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * The active fill and stroke as one overlapping pair, the way drawing apps
+ * show the paint the next shape gets: fill a solid square behind, stroke a
+ * frame in front of it. Each chip is a native color picker; the focused one
+ * is what the None button — and whatever the app binds — acts on.
+ *
+ * Holds no state of its own: the paints and the focused slot are props, and
+ * the chips report picks through `onInput`/`onChange` for the app to route —
+ * into its own active-paint state, into the selection through
+ * `useOngoingAction`, or both.
+ */
+export declare function FillStrokeSwatch(props: FillStrokeSwatchProps): ReactElement;
+//# sourceMappingURL=FillStrokeSwatch.d.ts.map

package/dist/components/FillStrokeSwatch/FillStrokeSwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillStrokeSwatch.d.ts","sourceRoot":"","sources":["../../../src/components/FillStrokeSwatch/FillStrokeSwatch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,0CAA0C;AAC1C,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,IAAI,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,MAAM,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACrC;sEACkE;IAClE,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,qEAAqE;IACrE,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD;kEAC8D;IAC9D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0EAA0E;IAC1E,SAAS,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6DD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CA8C3E"}

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

@@ -0,0 +1,3 @@
+export { FillStrokeSwatch } from './FillStrokeSwatch';
+export type { FillStrokeSwatchProps } from './FillStrokeSwatch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FillStrokeSwatch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FillStrokeSwatch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/FillStrokeSwatch/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/FillStrokeSwatch-BViKXIPx.js";
+export { e as FillStrokeSwatch };

package/dist/components/FontFamilySelect/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/FontFamilySelect-CO19kyOO.js";
+import { t as e } from "../../chunks/FontFamilySelect-r9TV_xIH.js";
 export { e as FontFamilySelect };

package/dist/components/GradientEditor/SceneGradientHandles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneGradientHandles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientEditor/SceneGradientHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAML,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,MAAM,EAEX,KAAK,IAAI,EACV,MAAM,iBAAiB,CAAC;AAGzB;sEACsE;AACtE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1C;8CAC8C;AAC9C,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB,CACxC,KAAK,SAAS,eAAe,EAC7B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,QAAQ;IAEtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC;8DAC0D;IAC1D,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,2EAA2E;IAC3E,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAC;IAChB;iCAC6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,SAAS,eAAe,EAC7B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,QAAQ,EACtB,KAAK,EAAE,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,YAAY,GAAG,IAAI,CAgC7E"}
+{"version":3,"file":"SceneGradientHandles.d.ts","sourceRoot":"","sources":["../../../src/components/GradientEditor/SceneGradientHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAML,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,MAAM,EACX,KAAK,IAAI,EACV,MAAM,iBAAiB,CAAC;AAGzB;sEACsE;AACtE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1C;8CAC8C;AAC9C,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,yBAAyB,CACxC,KAAK,SAAS,eAAe,EAC7B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,QAAQ;IAEtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC;8DAC0D;IAC1D,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,2EAA2E;IAC3E,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,yDAAyD;IACzD,IAAI,EAAE,SAAS,CAAC;IAChB;iCAC6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,SAAS,eAAe,EAC7B,MAAM,SAAS,MAAM,EACrB,KAAK,SAAS,QAAQ,EACtB,KAAK,EAAE,yBAAyB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,YAAY,GAAG,IAAI,CA0B7E"}

package/dist/components/GradientEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/GradientEditor-B_ymIr4Q.js";
+import { n as e, r as t, t as n } from "../../chunks/GradientEditor-BRTxHG-W.js";
 export { t as GradientEditor, e as GradientHandles, n as SceneGradientHandles };

package/dist/components/InlineRange/InlineRange.d.ts

@@ -1,4 +1,4 @@
-import { type InputHTMLAttributes, type ReactElement } from 'react';
+import { type InputHTMLAttributes } from 'react';
 /** Props for {@link InlineRange} — a range input's, with `value` required. */
 export type InlineRangeProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'min' | 'max'> & {
     value: number;
@@ -13,5 +13,9 @@ export type InlineRangeProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type
  * one exists to sit inline beside a swatch or a readout, and to own the track
  * painting both of those surfaces need.
  */
-export declare function InlineRange(props: InlineRangeProps): ReactElement;
+export declare const InlineRange: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "type" | "min" | "max"> & {
+    value: number;
+    min?: number;
+    max?: number;
+} & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=InlineRange.d.ts.map

package/dist/components/InlineRange/InlineRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineRange.d.ts","sourceRoot":"","sources":["../../../src/components/InlineRange/InlineRange.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAIxF,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CACjC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAejE"}
+{"version":3,"file":"InlineRange.d.ts","sourceRoot":"","sources":["../../../src/components/InlineRange/InlineRange.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAI3F,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CACjC,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW;WAbf,MAAM;UACP,MAAM;UACN,MAAM;oDA8BZ,CAAC"}

package/dist/components/InlineRange/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/InlineRange-DdIlfGqG.js";
+import { t as e } from "../../chunks/InlineRange-BwGFDhpT.js";
 export { e as InlineRange };

package/dist/components/Input/Input.d.ts

@@ -1,8 +1,15 @@
 import { type ReactNode } from 'react';
 import { type TextFieldProps as RACTextFieldProps, type ValidationResult } from 'react-aria-components';
+import { type FieldOrientation } from '../Field/Field';
 /** Props for {@link Input}, on top of React Aria's `TextField` props. */
 export type InputProps = Omit<RACTextFieldProps, 'children' | 'className'> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the field; `'row'` sets it
+     * beside the field at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;
@@ -19,6 +26,12 @@ export type InputProps = Omit<RACTextFieldProps, 'children' | 'className'> & {
  */
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<RACTextFieldProps, "className" | "children"> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the field; `'row'` sets it
+     * beside the field at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAC7D,OAAO,EAML,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAI/B,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;YAhBR,SAAS;kBACH,SAAS;mBACR,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,KAAK,SAAS,CAAC;kBACjD,MAAM;uBACD,SAAS;wBACR,SAAS;gBACjB,MAAM;oDAyClB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAC7D,OAAO,EAML,KAAK,cAAc,IAAI,iBAAiB,EACxC,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGrE,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG;IAC3E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;YAtBR,SAAS;IACjB;;;;OAIG;kBACW,gBAAgB;kBAChB,SAAS;mBACR,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,KAAK,SAAS,CAAC;kBACjD,MAAM;uBACD,SAAS;wBACR,SAAS;gBACjB,MAAM;oDAqDlB,CAAC"}

package/dist/components/Input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Input-B9Vh7ASP.js";
+import { t as e } from "../../chunks/Input-Bx2cuUbS.js";
 export { e as Input };

package/dist/components/ItemList/ItemList.d.ts

@@ -2,33 +2,59 @@
  * The row chrome behind a sidebar list — layers, history, anything that is a
  * flat column of selectable rows in a panel.
  *
- * It owns the container, the row box and the empty state, and nothing else:
- * what a row *means* stays with the consumer. History dims its redo entries
- * and rules a line under the current one; a layer list drags to reorder and
- * leads each row with a swatch. Both reach that through `className` and
- * `rowProps` rather than through options here, so this does not grow a flag
- * per consumer.
+ * It owns the container, the row box, the empty state, the list's semantics
+ * and its keyboard; what a row *means* stays with the consumer. History dims
+ * its redo entries and rules a line under the current one; a layer list drags
+ * to reorder and leads each row with a swatch. Both reach that through
+ * `className` and `rowProps` rather than through options here, so this does
+ * not grow a flag per consumer.
  *
  * Rows are one height and one inset for every list, which is the point: two
  * panels stacked in the same sidebar have to agree, and they did not while
  * each owned a private copy of the same CSS.
+ *
+ * **Semantics.** The role follows what the list can do:
+ * - nothing to select or activate → `list` / `listitem`, and no row is focusable;
+ * - `selection` with no row controls → `listbox` / `option`, `aria-selected`;
+ * - any row with `trailing` controls, or `onActivate` without `selection` →
+ *   `grid` / `row`, with the leading content and label in one `gridcell` and
+ *   the controls in a second. An option may not contain interactive content,
+ *   so a list whose rows host toggles cannot be a listbox.
+ *
+ * **Keyboard.** One row is in the tab order: the one last focused, else the
+ * first selected, else the first. Up/Down and Home/End move between rows,
+ * Enter/Space activate, carrying modifiers so Shift+Space is Shift+click, and
+ * Alt+Up/Down call `onNudge`. In a multi-select list with `onSelectRange`,
+ * Shift+Up/Down and Shift+Home/End move focus and report the rows from the
+ * anchor — the row last focused or activated other than by a range — to it. In a grid, Right steps from the row into its
+ * controls, Left and Escape step back; the controls leave the tab order.
  */
 import { type HTMLAttributes, type ReactNode } from 'react';
+import type { PressModifiers, ReorderGhost } from '../../useReorderDragList';
 /** One row. `id` is the React key. */
 export interface ItemListRow {
     id: string;
     label: ReactNode;
-    /** Fixed-size content before the label — a color swatch, a checkbox. */
+    /** Fixed-size decoration before the label — a color swatch. Not a control:
+     *  those go in `trailing`. */
     leading?: ReactNode;
-    /** The row the list considers current. */
+    /** Buttons and toggles after the label — visibility, lock. They keep their
+     *  own clicks and keys, and turn the list into a grid. A control that edits
+     *  with the arrow keys does not belong here. */
+    trailing?: ReactNode;
+    /** The row the list considers current. With `selection` set this is also
+     *  `aria-selected`. */
     selected?: boolean;
     /** Present but not in effect — history's redo entries. */
     muted?: boolean;
+    /** Part of a drag in progress — `useReorderDragList`'s `state.draggedIds`. */
+    dragging?: boolean;
     /** Consumer classes for states this component has no opinion about. */
     className?: string;
     /** Handlers and data attributes for this row's element. `data-*` is
      *  spelled out because `HTMLAttributes` does not admit it, and every
-     *  consumer here marks its rows up with one. */
+     *  consumer here marks its rows up with one. A handler here runs before the
+     *  list's own, and `preventDefault()` in it keeps the list out. */
     rowProps?: HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, unknown>;
 }
 export interface ItemListProps {
@@ -36,10 +62,44 @@ export interface ItemListProps {
     /** Shown in place of the rows when there are none. */
     empty?: ReactNode;
     className?: string;
-    /** Rendered inside the container above the rows — a drop indicator. */
+    /**
+     * Whether rows are selectable, and how many at once. The list reports
+     * `selected` to assistive tech; choosing what is selected stays with
+     * `onActivate`.
+     */
+    selection?: 'single' | 'multi';
+    /**
+     * A row was clicked, or Enter/Space was pressed on it, with the modifiers
+     * held. Clicks and keys on a row's `trailing` controls do not reach this.
+     */
+    onActivate?(id: string, index: number, mods: PressModifiers): void;
+    /**
+     * Alt+Up (`-1`) or Alt+Down (`1`) on a row: move it. Focus stays on the
+     * row wherever it lands. `useReorderDragList`'s `nudge` fits as-is.
+     */
+    onNudge?(id: string, index: number, delta: -1 | 1): void;
+    /**
+     * With `selection="multi"`: Shift+Up/Down or Shift+Home/End moved focus,
+     * and `ids` is every row from the anchor to the newly focused one, in list
+     * order. The anchor is the row last focused or activated other than by a
+     * range move, so a click or a plain arrow move re-anchors. What the range does to
+     * the selection stays with the consumer, as with `onActivate`. Without it,
+     * Shift+Arrow only moves focus.
+     */
+    onSelectRange?(ids: string[]): void;
+    /**
+     * Where a drop would land, as an insertion index: `0` is above the first
+     * row, `rows.length` below the last. The list draws the seam itself, from
+     * the rows' own boxes, so it follows whatever height the density gives
+     * them. `useReorderDragList`'s `state.targetIndex` goes here as-is.
+     */
+    dropIndex?: number | null;
+    /** Rendered inside the container ahead of the rows. */
     overlay?: ReactNode;
     /** Spread onto the container: pointer handlers for a drag, `aria-label`. */
     containerProps?: HTMLAttributes<HTMLDivElement>;
+    /** Rows to draw again under the pointer during a drag — `useReorderDragList`'s `state.ghost`. */
+    ghost?: ReorderGhost | null;
 }
 export declare const ItemList: import("react").ForwardRefExoticComponent<ItemListProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ItemList.d.ts.map

package/dist/components/ItemList/ItemList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemList.d.ts","sourceRoot":"","sources":["../../../src/components/ItemList/ItemList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAGlF,sCAAsC;AACtC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;oDAEgD;IAChD,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;CAC/E;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IAC7B,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,QAAQ,0GAgCnB,CAAC"}
+{"version":3,"file":"ItemList.d.ts","sourceRoot":"","sources":["../../../src/components/ItemList/ItemList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAOL,KAAK,cAAc,EAGnB,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7E,sCAAsC;AACtC,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB;kCAC8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;oDAEgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;2BACuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;uEAGmE;IACnE,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,OAAO,CAAC,CAAC;CAC/E;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,WAAW,EAAE,CAAC;IAC7B,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/B;;;OAGG;IACH,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACzD;;;;;;;OAOG;IACH,aAAa,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACpC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,iGAAiG;IACjG,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC7B;AAUD,eAAO,MAAM,QAAQ,0GAqOnB,CAAC"}

package/dist/components/ItemList/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ItemList-BZJQReXD.js";
+import { t as e } from "../../chunks/ItemList-DzJ2lK0R.js";
 export { e as ItemList };

package/dist/components/Jog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Jog-BYrxbAQU.js";
+import { t as e } from "../../chunks/Jog-LPoac9s4.js";
 export { e as Jog };

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

@@ -4,5 +4,6 @@ export { KeySequence } from './Keycaps';
 export type { KeySequenceProps, KeySpec } from './Keycaps';
 export { keyGlyph } from './keyGlyph';
 export { keySpecsFromMods, keySpecFromKey, detectPlatform } from './keySpecsFromMods';
+export { keySpecsFromShortcut } from './keySpecsFromShortcut';
 export type { LogicalMod, LogicalModSpec, Platform, LegendStyle, KeySpecsFromModsOptions, } from './keySpecsFromMods';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Keycaps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Keycaps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtF,YAAY,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,uBAAuB,GACxB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Keycaps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,YAAY,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EACV,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,uBAAuB,GACxB,MAAM,oBAAoB,CAAC"}

package/dist/components/Keycaps/index.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../../chunks/Keycaps-CGNQV2Pz.js";
-import { t as o } from "../../chunks/keyGlyph-Bp0wnLHn.js";
-export { e as KeyCap, t as KeySequence, a as detectPlatform, r as inferKeycapKind, o as keyGlyph, n as keySpecFromKey, i as keySpecsFromMods };
+import { t as e } from "../../chunks/keyGlyph-CLvUHU8c.js";
+import { a as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/Keycaps-CKiKOJnJ.js";
+export { a as KeyCap, r as KeySequence, t as detectPlatform, n as inferKeycapKind, e as keyGlyph, i as keySpecFromKey, o as keySpecsFromMods, s as keySpecsFromShortcut };

package/dist/components/Keycaps/keySpecsFromMods.d.ts

@@ -35,6 +35,8 @@ export interface KeySpecsFromModsOptions {
      *  platform. */
     legend?: LegendStyle;
 }
+/** Every label {@link keySpecsFromMods} can produce, on any platform and legend. */
+export declare const MODIFIER_LABELS: ReadonlySet<string>;
 /** Detect the user's OS from the browser environment. UA sniffing — not
  *  100% reliable, but adequate for picking a modifier-glyph convention.
  *  Falls back to `'macos'` (matches the kit's docs convention) when

package/dist/components/Keycaps/keySpecsFromMods.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keySpecsFromMods.d.ts","sourceRoot":"","sources":["../../../src/components/Keycaps/keySpecsFromMods.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC;wEACwE;AACxE,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnE;+BAC+B;AAC/B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD;;;;;;;;;;2EAU2E;AAC3E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErD,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB;yDACqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC;;mCAE+B;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;oBAEgB;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAgCD;;;kCAGkC;AAClC,wBAAgB,cAAc,IAAI,QAAQ,CASzC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,cAAc,EAAE,EAC/B,IAAI,GAAE,uBAA4B,GACjC,SAAS,OAAO,EAAE,CAOpB;AAuBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,IAAI,GAAE,uBAAuB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,GAC1D,OAAO,CAMT"}
+{"version":3,"file":"keySpecsFromMods.d.ts","sourceRoot":"","sources":["../../../src/components/Keycaps/keySpecsFromMods.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEzC;wEACwE;AACxE,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnE;+BAC+B;AAC/B,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD;;;;;;;;;;2EAU2E;AAC3E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAErD,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,UAAU,CAAC;IACjB;yDACqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC;;mCAE+B;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;oBAEgB;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAgCD,oFAAoF;AACpF,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,MAAM,CAI/C,CAAC;AAEF;;;kCAGkC;AAClC,wBAAgB,cAAc,IAAI,QAAQ,CASzC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,cAAc,EAAE,EAC/B,IAAI,GAAE,uBAA4B,GACjC,SAAS,OAAO,EAAE,CAOpB;AAuBD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,CAC5B,GAAG,EAAE,MAAM,EACX,IAAI,GAAE,uBAAuB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAO,GAC1D,OAAO,CAMT"}

package/dist/components/Keycaps/keySpecsFromShortcut.d.ts

@@ -0,0 +1,16 @@
+import type { ShortcutInput } from '../ToolPalette/formatShortcut';
+import type { KeySpec } from './Keycaps';
+import { type KeySpecsFromModsOptions } from './keySpecsFromMods';
+/**
+ * A shortcut as `KeySequence` keys, one per key: mod, shift, alt, then the
+ * key, each in the platform's own legend (`⌘` on macOS, `Ctrl` elsewhere).
+ * The `KeySpec` counterpart of `formatShortcutParts`, which always prints
+ * macOS glyphs. `shift: 'optional'` becomes an optional key; a key list
+ * renders its first key. Returns `undefined` for no shortcut.
+ *
+ * ```tsx
+ * <KeySequence keys={keySpecsFromShortcut({ key: 'z', mod: true, shift: true })} />
+ * ```
+ */
+export declare function keySpecsFromShortcut(shortcut: ShortcutInput | undefined, opts?: KeySpecsFromModsOptions): readonly KeySpec[] | undefined;
+//# sourceMappingURL=keySpecsFromShortcut.d.ts.map

package/dist/components/Keycaps/keySpecsFromShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keySpecsFromShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/Keycaps/keySpecsFromShortcut.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAoC,KAAK,uBAAuB,EAAuB,MAAM,oBAAoB,CAAC;AAEzH;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,EAAE,aAAa,GAAG,SAAS,EACnC,IAAI,GAAE,uBAA4B,GACjC,SAAS,OAAO,EAAE,GAAG,SAAS,CAShC"}

package/dist/components/LayerList/LayerList.d.ts

@@ -0,0 +1,79 @@
+import { type ReactNode } from 'react';
+import type { StanceProps } from '../stance';
+/** One layer. With a body (see `renderBody`) it draws as a card that folds its
+ *  body away; without one, as a one-line row. Either can hold child layers. */
+export interface LayerListItem {
+    id: string;
+    /** The layer's name. Also what its controls are labeled by. */
+    label: string;
+    /** Shown in the header in place of `label` — a select that switches the
+     *  layer's kind, say. */
+    title?: ReactNode;
+    /** Fixed-size content before the label: a color swatch, a kind icon. */
+    leading?: ReactNode;
+    /** Drawn in the drag handle in place of the grip — an ordinal. */
+    badge?: ReactNode;
+    /** Which of its list this layer is: an index into the theme's tone list, or
+     *  a color. A card draws its edge and handle in it and recolors its controls. */
+    tone?: StanceProps['tone'];
+    /** Cannot be dragged, hidden or removed, walls off drops on either side, and
+     *  selects alone rather than joining a multi-selection. */
+    locked?: boolean;
+    /** Shown or not, when the list has `onVisibilityChange`. Default true. */
+    visible?: boolean;
+    children?: LayerListItem[];
+    /** Folds the body and children away until the user opens them.
+     *  `collapsedIds` overrides it. */
+    defaultCollapsed?: boolean;
+}
+/**
+ * A reorder: `ids`, siblings under `parentId` (`null` at the top level), now
+ * sit as one block in list order starting at `index` of the parent's children.
+ * A drag never moves a layer to another parent.
+ */
+export interface LayerMove {
+    ids: string[];
+    parentId: string | null;
+    index: number;
+}
+/** Props for `<LayerList>`. */
+export interface LayerListProps {
+    items: LayerListItem[];
+    /** Omit for a list the user cannot reorder. */
+    onReorder?: (move: LayerMove) => void;
+    /** Giving both makes rows selectable: a click selects one, shift-click adds
+     *  or removes one, and dragging a selected row drags its selected siblings. */
+    selectedIds?: readonly string[];
+    onSelect?: (ids: string[]) => void;
+    /** Adds a visibility checkbox to every unlocked layer. */
+    onVisibilityChange?: (id: string, visible: boolean) => void;
+    /** Adds a ✕ to every unlocked layer. */
+    onRemove?: (id: string) => void;
+    /** A layer's controls. Returning `null` leaves that layer a one-line row. */
+    renderBody?: (item: LayerListItem) => ReactNode;
+    /** Ids whose body and children are folded away. Giving it makes folding
+     *  controlled; `onCollapsedChange` fires either way. */
+    collapsedIds?: readonly string[];
+    onCollapsedChange?: (ids: string[]) => void;
+    /** Heading above the list. */
+    title?: string;
+    /** Names the list for assistive tech when it has no `title`. */
+    label?: string;
+    /** Kinds the user can add, as buttons beside the title. Shown only with `onAdd`. */
+    addKinds?: string[];
+    onAdd?: (kind: string) => void;
+    /** Shown in place of the list when `items` is empty. */
+    empty?: ReactNode;
+    /** Appended to the root's class list — the module's own names are hashed. */
+    className?: string;
+}
+/** Returns `items` with `move` applied, for a consumer that holds the tree as state. */
+export declare function moveLayers(items: LayerListItem[], move: LayerMove): LayerListItem[];
+/**
+ * An ordered, drag-reorderable list of layers — a document's objects, a lab's
+ * canvases, a fill's effects. Each layer is a one-line row or, with a body, a
+ * card whose controls fold away; either can nest child layers. Selection,
+ * visibility, removal and an add palette are each on when their handler is given.
+ */
+export declare function LayerList(props: LayerListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayerList.d.ts.map

package/dist/components/LayerList/LayerList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayerList.d.ts","sourceRoot":"","sources":["../../../src/components/LayerList/LayerList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAG7C;+EAC+E;AAC/E,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd;6BACyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;qFACiF;IACjF,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B;+DAC2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;IAC3B;uCACmC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,+BAA+B;AAC/B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC;mFAC+E;IAC/E,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5D,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,SAAS,CAAC;IAChD;4DACwD;IACxD,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACjC,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wFAAwF;AACxF,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,EAAE,SAAS,GAAG,aAAa,EAAE,CAMnF;AA4DD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CA2L9C"}

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

@@ -0,0 +1,3 @@
+export { LayerList, type LayerListItem, type LayerListProps, type LayerMove, moveLayers } from './LayerList';
+export { type UseSceneLayerListArgs, useSceneLayerList } from './useSceneLayerList';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LayerList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LayerList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC7G,OAAO,EAAE,KAAK,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/LayerList/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../../chunks/LayerList-BeGrkLb9.js";
+export { e as LayerList, t as moveLayers, n as useSceneLayerList };