@weasel-js/ui 1.2.0 → 1.3.0

package/dist/components/Prefs/schema.d.ts

@@ -1,94 +1,7 @@
-/** Control-presentation hints per kind — visually-equivalent renderings
- *  of the same value type. The persisted value is unchanged either way. */
-export type PrefNumberControl = 'input' | 'slider';
-/** Which control renders a {@link PrefBoolean}. */
-export type PrefBooleanControl = 'checkbox' | 'switch';
-/** Which control renders a {@link PrefString}. */
-export type PrefStringControl = 'input' | 'textarea';
-/** Which control renders a {@link PrefEnum}. */
-export type PrefEnumControl = 'select' | 'radio';
-interface PrefBase<K extends string, Value> {
-    kind: K;
-    /** Human-readable label, e.g. "Show grid". */
-    name: string;
-    /** Longer help text — surfaces as a tooltip on the row label. */
-    description: string;
-    /** Fallback when `values` holds nothing at this leaf's path. */
-    default: Value;
-    /** Omitted from the form unless `showHidden` is set. */
-    hidden?: boolean;
-    /** Render the control full-width with no label/tooltip row — for
-     *  controls that supply their own chrome (embedded sub-panel editors).
-     *  The `description` still applies wherever the renderer surfaces it. */
-    block?: boolean;
-    /** Row-pairing hint for compact property UIs (`SelectionPanel`):
-     *  leaves sharing a `pair` id render side-by-side on one row labeled
-     *  with the `pair` string. Purely presentational. */
-    pair?: string;
-}
-/** Display-unit conversion for number leaves whose stored value uses a
- *  canonical unit the user shouldn't see (radians → degrees). Mirrors
- *  core's `ToolPrefNumberUnit`. */
-export interface PrefNumberUnit {
-    toDisplay: (stored: number) => number;
-    fromDisplay: (display: number) => number;
-    suffix?: string;
-}
-/**
- * A numeric preference. `unit` lets the stored value stay in a canonical unit
- * while the user edits a converted one.
- */
-export interface PrefNumber extends PrefBase<'number', number> {
-    min?: number;
-    max?: number;
-    step?: number;
-    control?: PrefNumberControl;
-    unit?: PrefNumberUnit;
-}
-/** A boolean preference. */
-export interface PrefBoolean extends PrefBase<'boolean', boolean> {
-    control?: PrefBooleanControl;
-}
-/** A free-text preference. */
-export interface PrefString extends PrefBase<'string', string> {
-    control?: PrefStringControl;
-}
-/** A preference chosen from a fixed set of options. */
-export interface PrefEnum<T extends string = string> extends PrefBase<'enum', T> {
-    options: readonly {
-        value: T;
-        label: string;
-    }[];
-    control?: PrefEnumControl;
-}
-/** A color preference, stored as a hex string. */
-export interface PrefColor extends PrefBase<'color', string> {
-    /** Value is `#rrggbb`, or `#rrggbbaa` when `alpha` is set. */
-    alpha?: boolean;
-}
-/** The leaf kinds `PrefsForm` renders without a custom renderer. */
-export type BuiltinPref = PrefNumber | PrefBoolean | PrefString | PrefEnum | PrefColor;
-/**
- * Open leaf: any node with a `kind` the form doesn't know renders via the
- * `renderers` map (`renderers[kind]`). App schemas keep their extra fields
- * (e.g. a registry-enum's `source`/`filter`) — renderers receive the node
- * and narrow it themselves. Deliberately NOT index-signatured so concrete
- * app interfaces stay assignable.
- */
-export type PrefCustom = PrefBase<string, unknown>;
-/**
- * Any leaf in a preference schema — a built-in kind, or an app-defined one
- * rendered through `PrefsFormProps.renderers`.
- */
-export type PrefLeaf = BuiltinPref | PrefCustom;
-/** Nestable group: branch nodes in the schema tree. */
-export interface PrefGroup {
-    name: string;
-    description?: string;
-    children: Record<string, PrefLeaf | PrefGroup>;
-}
+export type { ToolPref as BuiltinPref, ToolPrefBoolean as PrefBoolean, ToolPrefBooleanControl as PrefBooleanControl, ToolPrefColor as PrefColor, ToolPrefCustom as PrefCustom, ToolPrefEnum as PrefEnum, ToolPrefEnumControl as PrefEnumControl, ToolPrefEnumEncoding as PrefEnumEncoding, ToolPrefGroup as PrefGroup, ToolPrefKind as PrefKind, ToolPrefLeaf as PrefLeaf, ToolPrefNumber as PrefNumber, ToolPrefNumberControl as PrefNumberControl, ToolPrefNumberUnit as PrefNumberUnit, ToolPrefObject as PrefObject, ToolPrefPaint as PrefPaint, ToolPrefString as PrefString, ToolPrefStringControl as PrefStringControl, } from '@weasel-js/core';
+import type { ToolPrefGroup, ToolPrefLeaf } from '@weasel-js/core';
 /** Distinguishes a leaf from a group while walking a schema tree. */
-export declare function isPrefLeaf(node: PrefLeaf | PrefGroup): node is PrefLeaf;
+export declare function isPrefLeaf(node: ToolPrefLeaf | ToolPrefGroup): node is ToolPrefLeaf;
 /** Get the value at a dotted path inside a nested value tree. Returns
  *  `undefined` when a segment is missing or hits a non-object. */
 export declare function prefValueAtPath(values: unknown, path: string): unknown;
@@ -96,6 +9,5 @@ export declare function prefValueAtPath(values: unknown, path: string): unknown;
  * Recursively drop `hidden` leaves (unless `showHidden`), pruning groups
  * that end up empty. Returns null when the entire subtree is hidden.
  */
-export declare function visiblePrefSubtree<T extends PrefLeaf | PrefGroup>(node: T, showHidden: boolean): T | null;
-export {};
+export declare function visiblePrefSubtree<T extends ToolPrefLeaf | ToolPrefGroup>(node: T, showHidden: boolean): T | null;
 //# sourceMappingURL=schema.d.ts.map

package/dist/components/Prefs/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/schema.ts"],"names":[],"mappings":"AASA;2EAC2E;AAC3E,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnD,mDAAmD;AACnD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,CAAC;AACvD,kDAAkD;AAClD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;AACrD,gDAAgD;AAChD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEjD,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK;IACxC,IAAI,EAAE,CAAC,CAAC;IACR,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,gEAAgE;IAChE,OAAO,EAAE,KAAK,CAAC;IACf,wDAAwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;6EAEyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;yDAEqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;mCAEmC;AACnC,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AACD,4BAA4B;AAC5B,MAAM,WAAW,WAAY,SAAQ,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AACD,8BAA8B;AAC9B,MAAM,WAAW,UAAW,SAAQ,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B;AACD,uDAAuD;AACvD,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAC9E,OAAO,EAAE,SAAS;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAChD,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,kDAAkD;AAClD,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1D,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,oEAAoE;AACpE,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvF;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEnD;;;GAGG;AACH,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,UAAU,CAAC;AAEhD,uDAAuD;AACvD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;CAChD;AAED,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,IAAI,QAAQ,CAEvE;AAED;kEACkE;AAClE,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAOtE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,QAAQ,GAAG,SAAS,EAC/D,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,OAAO,GAClB,CAAC,GAAG,IAAI,CAUV"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/schema.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,QAAQ,IAAI,WAAW,EACvB,eAAe,IAAI,WAAW,EAC9B,sBAAsB,IAAI,kBAAkB,EAC5C,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,YAAY,IAAI,QAAQ,EACxB,mBAAmB,IAAI,eAAe,EACtC,oBAAoB,IAAI,gBAAgB,EACxC,aAAa,IAAI,SAAS,EAC1B,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,EACxB,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,EAC1C,kBAAkB,IAAI,cAAc,EACpC,cAAc,IAAI,UAAU,EAC5B,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,GAC3C,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEnE,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,IAAI,IAAI,YAAY,CAEnF;AAED;kEACkE;AAClE,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAOtE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,aAAa,EACvE,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,OAAO,GAClB,CAAC,GAAG,IAAI,CAUV"}

package/dist/components/Properties/CurveField.d.ts

@@ -0,0 +1,37 @@
+/** An annotation drawn over a curve plot: a shaded band across a range of x,
+ *  or a vertical line at one x. */
+export type CurveMark = {
+    kind: 'band';
+    x: [number, number];
+    color?: string;
+} | {
+    kind: 'line';
+    x: number;
+    color?: string;
+};
+/** Props for `<CurveField>`. */
+export interface CurveFieldProps {
+    /** Flat [x0, y0, x1, y1, …] — matches how curve-as-array configs
+     *  serialize in JSON snapshots. */
+    values: number[];
+    min: number;
+    max: number;
+    step: number;
+    /** Plot width in CSS px. Caller sizes (typically uses a ResizeObserver). */
+    width: number;
+    /** Plot height in CSS px. Default 110. */
+    height?: number;
+    /** Flat default curve. When provided, a Reset button restores it. */
+    defaults?: readonly number[];
+    onChange: (next: number[]) => void;
+    /** Optional vertical marks overlaid on the plot (e.g. landmarks). */
+    marks?: readonly CurveMark[];
+}
+/**
+ * A function-domain (y = f(x), x ∈ [0,1]) curve editor with per-stop
+ * numeric readouts and flip buttons. Wraps weasel-ui's
+ * `CurveEditor`; consumers wanting the raw editor (2D paths,
+ * custom anchors) should import that instead.
+ */
+export declare function CurveField({ values, min, max, step, width, height, defaults, onChange, marks, }: CurveFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CurveField.d.ts.map

package/dist/components/Properties/CurveField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurveField.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/CurveField.tsx"],"names":[],"mappings":"AAKA;mCACmC;AACnC,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhD,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B;uCACmC;IACnC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,qEAAqE;IACrE,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,MAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,2CA2IjB"}

package/dist/components/Properties/EffectCard.d.ts

@@ -0,0 +1,68 @@
+import { type ReactNode } from 'react';
+/** Props for `<Subpanel>`. */
+export interface SubpanelProps {
+    title: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/** A typographic divider inside a property list: a small title flanked by a
+ *  rule. Purely a heading — use `<PropertyGroup>` for a bordered section. */
+export declare function Subpanel({ title, children, className }: SubpanelProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<EffectCard>`. */
+export interface EffectCardProps {
+    /** Card title rendered in the title bar (e.g. effect kind label or a select). */
+    title: ReactNode;
+    /** Optional badge/chip displayed before the remove button (e.g. primary value summary). */
+    primary?: ReactNode;
+    /** Optional accent color in any CSS color form. Sets --wzl-effect-card-accent on the card. */
+    accent?: string;
+    /** Optional ordinal badge that doubles as the drag handle (used by tail cards in SB). */
+    index?: number;
+    expanded?: boolean;
+    onToggleExpanded?: () => void;
+    onRemove?: () => void;
+    /**
+     * Drag-handle wiring. When provided, an inline handle (⋮⋮ icon or `index`)
+     * activates HTML5 drag on press. Consumer owns the drag/drop coordination —
+     * see EffectCardList for the batteries-included wrapper.
+     */
+    draggable?: boolean;
+    onPressHandle?: () => void;
+    onReleaseHandle?: () => void;
+    onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDragLeave?: (e: React.DragEvent<HTMLDivElement>) => void;
+    onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;
+    dragging?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+/** An accented, collapsible card for one item in a list of like things —
+ *  effects, layers, tails. The accent color rebinds the theme accent token
+ *  within the card, so its controls pick it up too. */
+export declare function EffectCard({ title, primary, accent, index, expanded, onToggleExpanded, onRemove, draggable, onPressHandle, onReleaseHandle, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, dragging, children, className, }: EffectCardProps): import("react/jsx-runtime").JSX.Element;
+/** The minimum an item must carry to appear in an `<EffectCardList>`. */
+export interface EffectCardListItem {
+    id: string | number;
+}
+/** Props for `<EffectCardList>`. */
+export interface EffectCardListProps<T extends EffectCardListItem> {
+    items: ReadonlyArray<T>;
+    renderItem: (item: T, helpers: {
+        isExpanded: boolean;
+        isDragging: boolean;
+        toggleExpanded: () => void;
+        cardProps: Pick<EffectCardProps, 'expanded' | 'dragging' | 'draggable' | 'onToggleExpanded' | 'onPressHandle' | 'onReleaseHandle' | 'onDragStart' | 'onDragEnd' | 'onDragOver' | 'onDragLeave' | 'onDrop'>;
+    }) => ReactNode;
+    onReorder: (sourceId: T['id'], targetId: T['id'], position: 'before' | 'after') => void;
+    /** Optional rendered when the list is empty. */
+    empty?: ReactNode;
+    /** IDs to render expanded on first mount. Defaults to all collapsed. */
+    defaultExpandedIds?: ReadonlyArray<T['id']>;
+}
+/** A drag-reorderable list of `<EffectCard>`s. Owns the expanded and dragging
+ *  state and hands it back to `renderItem`, so the caller only supplies each
+ *  card's contents. */
+export declare function EffectCardList<T extends EffectCardListItem>({ items, renderItem, onReorder, empty, defaultExpandedIds, }: EffectCardListProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EffectCard.d.ts.map

package/dist/components/Properties/EffectCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EffectCard.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/EffectCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/Properties/PropertyGroup.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+/** Props for `<PropertyGroup>`. */
+export interface PropertyGroupProps {
+    /** Title rendered between two rules at the top of the group. */
+    title: ReactNode;
+    /** When true the group renders nothing — useful for conditional sections. */
+    hidden?: boolean;
+    children: ReactNode;
+    className?: string;
+    /**
+     * How rows pack into the 2-column grid.
+     *   - `'auto-color'` (default): only color rows pair side-by-side; everything
+     *     else spans the full width.
+     *   - `'pairs'`: every row auto-places into the 2-column grid two-per-row.
+     */
+    pack?: 'auto-color' | 'pairs';
+}
+/**
+ * Visually-bordered group inside a PropertyList. Use to scope a set of
+ * related rows under a heading (e.g. "Aqua", "Bevel", "Dome" sections
+ * inside a fill effect's controls).
+ */
+export declare function PropertyGroup({ title, hidden, children, className, pack, }: PropertyGroupProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PropertyGroup.d.ts.map

package/dist/components/Properties/PropertyGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/PropertyGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,mCAAmC;AACnC,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;CAC/B;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAmB,GACpB,EAAE,kBAAkB,kDAcpB"}

package/dist/components/Properties/PropertyPanel.d.ts

@@ -0,0 +1,181 @@
+import { type ReactNode } from 'react';
+/** Props for `<PropertyPanel>`. */
+export interface PropertyPanelProps {
+    title?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/** A titled panel holding property rows — the sidebar container the rest of
+ *  this module's components fill. */
+export declare function PropertyPanel({ title, children, className }: PropertyPanelProps): import("react/jsx-runtime").JSX.Element;
+/** How a property list packs its rows into two columns. */
+export type PropertyListPack = 'auto-color' | 'pairs';
+/** Props for `<PropertyList>`. */
+export interface PropertyListProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * How rows pack into the 2-column grid.
+     *   - `'auto-color'` (default): only color rows pair side-by-side; everything
+     *     else spans the full width. Right for sparse top-level panels.
+     *   - `'pairs'`: every row auto-places into the 2-column grid two-per-row.
+     *     Headers and subpanels still span the full width; wrap any other
+     *     full-width child in `<PropertySpan>`. Right for dense effect bodies.
+     */
+    pack?: PropertyListPack;
+}
+/**
+ * Grid container for PropertyRows. Use standalone for chrome-less layouts, or
+ * nest inside <PropertyPanel/> for the standard glass card.
+ */
+export declare function PropertyList({ children, className, pack }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<PropertySpan>`. */
+export interface PropertySpanProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Wrapper that makes an arbitrary child span both columns of a
+ * `<PropertyList pack="pairs">`, a `<PropertyGroup pack="pairs">` body, or a
+ * `<Subpanel>`. `<PropertyRow span>` covers the row case; this covers
+ * everything else a consumer puts in the grid.
+ */
+export declare function PropertySpan({ children, className }: PropertySpanProps): import("react/jsx-runtime").JSX.Element;
+/** Which control shape a row holds, which decides its intrinsic layout. */
+export type PropertyRowVariant = 'default' | 'color' | 'checkbox';
+/** Whether a row's label sits above its control or beside it. */
+export type PropertyRowLayout = 'block' | 'inline';
+/** Props for `<PropertyRow>`. */
+export interface PropertyRowProps {
+    label: ReactNode;
+    /** Right-aligned readout shown next to the label (e.g. current value). */
+    readout?: ReactNode;
+    /**
+     * Help text for the row, shown in a tooltip off an ⓘ affordance beside the
+     * label. Empty or absent renders no affordance.
+     */
+    description?: string;
+    variant?: PropertyRowVariant;
+    /**
+     * Label position relative to the control. "block" (default) stacks
+     * label above control; "inline" places the label to the left.
+     * Color and checkbox variants are always inline by their own nature.
+     */
+    layout?: PropertyRowLayout;
+    /**
+     * Take the full width of the enclosing grid. Only has an effect inside a
+     * `<PropertyList pack="pairs">` or a `<Subpanel>`; elsewhere rows are already
+     * full width.
+     */
+    span?: boolean;
+    children: ReactNode;
+    htmlFor?: string;
+    className?: string;
+}
+/** The label-plus-control frame every typed row below is built from. Use it
+ *  directly for a control this module does not cover. */
+export declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, className, }: PropertyRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<SliderRow>`. */
+export interface SliderRowProps {
+    label: ReactNode;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    onChange: (next: number) => void;
+    /** Override how the value is rendered next to the label. Defaults to `value.toString()`. */
+    format?: (value: number) => ReactNode;
+    /**
+     * Optional suffix rendered next to the readout. A string becomes a
+     * baseline-aligned dim "word" unit (e.g. "px"); pass JSX like `<sup>°</sup>`
+     * to get the browser's native super positioning for symbol units.
+     */
+    unit?: ReactNode;
+    layout?: PropertyRowLayout;
+    description?: string;
+}
+/** A bounded number edited by dragging, with a live readout whose precision
+ *  follows `step`. */
+export declare function SliderRow({ label, value, min, max, step, onChange, format, unit, layout, description, }: SliderRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<ColorRow>`. */
+export interface ColorRowProps {
+    label: ReactNode;
+    value: string;
+    onChange: (next: string) => void;
+    /** 0..1 alpha. When provided, a translucent slider renders beneath the swatch. */
+    alpha?: number;
+    onAlphaChange?: (next: number) => void;
+    /**
+     * Render the alpha track as inert (dimmed, no thumb, not-allowed cursor).
+     * Use when the color's consumer drops alpha so the affordance reads dead.
+     */
+    alphaDisabled?: boolean;
+    description?: string;
+}
+/** A color swatch, optionally with an alpha slider beneath it. */
+export declare function ColorRow({ label, value, onChange, alpha, onAlphaChange, alphaDisabled, description, }: ColorRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<CheckboxRow>`. */
+export interface CheckboxRowProps {
+    label: ReactNode;
+    value: boolean;
+    onChange: (next: boolean) => void;
+    description?: string;
+}
+/** A boolean checkbox. */
+export declare function CheckboxRow({ label, value, onChange, description }: CheckboxRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<TextRow>`. */
+export interface TextRowProps {
+    label: ReactNode;
+    value: string;
+    onChange: (next: string) => void;
+    placeholder?: string;
+    maxLength?: number;
+    layout?: PropertyRowLayout;
+    description?: string;
+}
+/** A single-line text input. */
+export declare function TextRow({ label, value, onChange, placeholder, maxLength, layout, description, }: TextRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<NumberRow>`. */
+export interface NumberRowProps {
+    label: ReactNode;
+    value: number;
+    onChange: (next: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+    layout?: PropertyRowLayout;
+    description?: string;
+}
+/** A number typed directly. Reach for `<SliderRow>` when the range matters
+ *  more than the exact value. */
+export declare function NumberRow({ label, value, onChange, min, max, step, placeholder, layout, description, }: NumberRowProps): import("react/jsx-runtime").JSX.Element;
+export interface PropertyOption<T extends string> {
+    value: T;
+    label: ReactNode;
+}
+/** Props for `<SelectRow>`. */
+export interface SelectRowProps<T extends string> {
+    label: ReactNode;
+    value: T;
+    options: ReadonlyArray<PropertyOption<T>>;
+    onChange: (next: T) => void;
+    layout?: PropertyRowLayout;
+    description?: string;
+}
+/** A dropdown over a fixed set of choices. Prefer `<ToggleRow>` when there
+ *  are only two or three and they should all stay visible. */
+export declare function SelectRow<T extends string>({ label, value, options, onChange, layout, description, }: SelectRowProps<T>): import("react/jsx-runtime").JSX.Element;
+/** Props for `<ToggleRow>`. */
+export interface ToggleRowProps<T extends string> {
+    label: ReactNode;
+    value: T;
+    options: ReadonlyArray<PropertyOption<T>>;
+    onChange: (next: T) => void;
+    layout?: PropertyRowLayout;
+    description?: string;
+}
+/** A segmented control: the same choice as a select, with every option
+ *  visible at once. */
+export declare function ToggleRow<T extends string>({ label, value, options, onChange, layout, description, }: ToggleRowProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PropertyPanel.d.ts.map

package/dist/components/Properties/PropertyPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/PropertyPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+export type { CurveFieldProps, CurveMark } from './CurveField';
+export { CurveField } from './CurveField';
+export type { EffectCardListItem, EffectCardListProps, EffectCardProps, SubpanelProps, } from './EffectCard';
+export { EffectCard, EffectCardList, Subpanel } from './EffectCard';
+export type { PropertyGroupProps } from './PropertyGroup';
+export { PropertyGroup } from './PropertyGroup';
+export type { CheckboxRowProps, ColorRowProps, NumberRowProps, PropertyListPack, PropertyListProps, PropertyOption, PropertyPanelProps, PropertyRowLayout, PropertyRowProps, PropertyRowVariant, PropertySpanProps, SelectRowProps, SliderRowProps, TextRowProps, ToggleRowProps, } from './PropertyPanel';
+export { CheckboxRow, ColorRow, NumberRow, PropertyList, PropertyPanel, PropertyRow, PropertySpan, SelectRow, SliderRow, TextRow, ToggleRow, } from './PropertyPanel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,YAAY,EACZ,cAAc,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,OAAO,EACP,SAAS,GACV,MAAM,iBAAiB,CAAC"}

package/dist/components/Properties/index.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "../../chunks/Properties-BRrWSBHM.js";
+export { m as CheckboxRow, l as ColorRow, i as CurveField, d as EffectCard, c as EffectCardList, f as NumberRow, r as PropertyGroup, o as PropertyList, e as PropertyPanel, u as PropertyRow, p as PropertySpan, t as SelectRow, s as SliderRow, a as Subpanel, h as TextRow, n as ToggleRow };

package/dist/components/Properties/storyLayouts.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+/**
+ * Side-by-side comparison used by row stories to show block + inline layouts
+ * at the same time. Not a stories file — name has no .stories. suffix so
+ * Storybook's glob skips it.
+ */
+export declare function SideBySide({ block, inline }: {
+    block: ReactNode;
+    inline: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=storyLayouts.d.ts.map

package/dist/components/Properties/storyLayouts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyLayouts.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/storyLayouts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,2CA4BpF"}

package/dist/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/RadioGroup-CIpHr3g6.js";
+import { n as e, t } from "../../chunks/RadioGroup-BrtV1Clm.js";
 export { t as Radio, e as RadioGroup };

package/dist/components/RangeSlider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/RangeSlider-CaDogGTj.js";
+import { t as e } from "../../chunks/RangeSlider-CJfhxDn6.js";
 export { e as RangeSlider };

package/dist/components/ResizeHandle/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ResizeHandle-BOpmtOOj.js";
+import { t as e } from "../../chunks/ResizeHandle-Csz3DPew.js";
 export { e as ResizeHandle };

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Select-CHsuQCp0.js";
+import { n as e, t } from "../../chunks/Select-BYhHGmMl.js";
 export { t as Select, e as SelectItem };

package/dist/components/SelectionPanel/SelectionPanel.d.ts

@@ -6,12 +6,43 @@ export interface PropertyRenderContext {
     path: string;
     /** The schema leaf. App renderers narrow it to their own kind shape. */
     pref: ToolPrefLeaf;
-    /** Aggregated value across the selection; `undefined` when mixed. */
+    /** Aggregated value across the selection; `undefined` when mixed or unset. */
     value: unknown;
     /** True when selected nodes disagree at this path. */
     mixed: boolean;
+    /**
+     * True when the nodes agree and what they agree on is nothing — the field
+     * is absent, and whatever paints comes from a fallback further down.
+     *
+     * Distinct from `mixed`, and both leave `value` undefined. A control must
+     * not substitute its schema default here: doing so shows a value the node
+     * does not hold, and the next edit writes that invention back.
+     */
+    unset: boolean;
+    /**
+     * The fields of the object this leaf is a field of — `undefined` for a
+     * top-level leaf, and for a field of an object the node does not hold.
+     *
+     * What a control needs when its own field doesn't carry the whole answer:
+     * a stroke's dash lengths are multiples of the stroke's width, so reading
+     * the array as a style takes both.
+     */
+    siblings?: Record<string, unknown>;
     /** Commit a value — fans out to every selected node in one undo step. */
     setValue: (value: unknown) => void;
+    /**
+     * The aggregated value at another node path — what `value` and `mixed` are
+     * for this leaf's own path, for any path.
+     *
+     * A control whose subject spans more than one field needs it: a font picker
+     * reporting which variant will actually paint has to read the node's weight
+     * and style. Reading it off `value` is impossible — a leaf is handed one
+     * field.
+     */
+    valueAt: (path: string) => {
+        value: unknown;
+        mixed: boolean;
+    };
 }
 /**
  * Renders the control for one property across the whole selection.

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionPanel/SelectionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,KAAK,EACV,KAAK,YAAY,EAGjB,KAAK,YAAY,EAGlB,MAAM,iBAAiB,CAAC;AAkBzB,iFAAiF;AACjF,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,IAAI,EAAE,YAAY,CAAC;IACnB,qEAAqE;IACrE,KAAK,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,EAAE,OAAO,CAAC;IACf,yEAAyE;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAC;AAEzE,wCAAwC;AACxC,MAAM,WAAW,mBAAmB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK;IACtE;sEACkE;IAClE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,iEAAiE;IACjE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACzC;0EACsE;IACtE,UAAU,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC3C;2DACuD;IACvD,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC;;;uCAGmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK,EAChE,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,2CAuGjD"}
+{"version":3,"file":"SelectionPanel.d.ts","sourceRoot":"","sources":["../../../src/components/SelectionPanel/SelectionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,KAAK,EACV,KAAK,YAAY,EAGjB,KAAK,YAAY,EAKlB,MAAM,iBAAiB,CAAC;AAuBzB,iFAAiF;AACjF,MAAM,WAAW,qBAAqB;IACpC,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,IAAI,EAAE,YAAY,CAAC;IACnB,8EAA8E;IAC9E,KAAK,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,KAAK,EAAE,OAAO,CAAC;IACf;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,yEAAyE;IACzE,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;;;;;;OAQG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;CAC/D;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAC;AAEzE,wCAAwC;AACxC,MAAM,WAAW,mBAAmB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK;IACtE;sEACkE;IAClE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,iEAAiE;IACjE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACzC;0EACsE;IACtE,UAAU,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC3C;2DACuD;IACvD,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC;;;uCAGmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,EAAE,KAAK,EAChE,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,2CAwHjD"}

package/dist/components/SelectionPanel/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/SelectionPanel-D_wk_8ZN.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/SelectionPanel-D2IYlj_K.js";
 export { r as MIXED, s as SelectionPanel, a as aggregateValue, n as classifyKind, e as effectiveSections, i as kindBreakdown, o as nodeValueAt, t as setAtPath };

package/dist/components/Sidebar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Sidebar-DP_nyJze.js";
+import { t as e } from "../../chunks/Sidebar-DrBQZ9nP.js";
 export { e as Sidebar };

package/dist/components/SidebarPanel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/SidebarPanel-BVTQ1ZyM.js";
+import { t as e } from "../../chunks/SidebarPanel-Dbqb79Kx.js";
 export { e as SidebarPanel };

package/dist/components/Slider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Slider-tGbqoAZH.js";
+import { t as e } from "../../chunks/Slider-DbOt9Dji.js";
 export { e as Slider };

package/dist/components/StatusBar/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/StatusBar-DBO0E0Yd.js";
+import { n as e, r as t, t as n } from "../../chunks/StatusBar-B6lPbvrF.js";
 export { n as StatusBar, e as StatusBarItem, t as StatusBarSpacer };

package/dist/components/Switch/Switch.d.ts

@@ -15,7 +15,7 @@ export type SwitchProps = Omit<RACSwitchProps, 'children' | 'className'> & {
  *
  * `ref` forwards to the underlying label element.
  */
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<RACSwitchProps, "children" | "className"> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<RACSwitchProps, "className" | "children"> & {
     children?: ReactNode;
     className?: string;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Switch-JyVSSAzC.js";
+import { t as e } from "../../chunks/Switch-BSr-vaAC.js";
 export { e as Switch };

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-Df0sDomx.js";
+import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-CIa-Idzu.js";
 export { r as Tab, t as TabList, n as TabPanel, e as Tabs };

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-DFw4IrD_.js";
+import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-C0UnBqQu.js";
 export { n as ToastQueue, i as ToastRegion, r as createToastQueue, t as defaultToastQueue, e as toast };