@weasel-js/ui 1.3.0-pre.0 → 1.4.0-pre.0

package/dist/components/DragHandleGlyph/DragHandleGlyph.d.ts

@@ -0,0 +1,12 @@
+/** Props for `<DragHandleGlyph>`. */
+export interface DragHandleGlyphProps {
+    /** Height in px; width scales with it. Default 16. */
+    size?: number;
+}
+/** The two-column dot grip used on anything draggable by a handle.
+ *
+ *  Deliberately not part of the icon register: that register is outline strokes
+ *  at a fixed weight, and a grip is filled dots. Forcing it in would either
+ *  break the register's rule or produce a worse glyph. */
+export declare function DragHandleGlyph({ size }: DragHandleGlyphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DragHandleGlyph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleGlyph.d.ts","sourceRoot":"","sources":["../../../src/components/DragHandleGlyph/DragHandleGlyph.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,MAAM,WAAW,oBAAoB;IACnC,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;0DAI0D;AAC1D,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,EAAE,oBAAoB,2CAiBlE"}

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

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

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

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

package/dist/components/DragHandleGlyph/index.js

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

package/dist/components/Field/index.js

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

package/dist/components/FontFamilySelect/FontFamilySelect.d.ts

@@ -0,0 +1,15 @@
+export interface FontFamilySelectProps {
+    /** Current family, or `undefined` when the sources disagree (`mixed`). */
+    value?: string;
+    /** Indeterminate presentation — the aggregated sources name different families. */
+    mixed?: boolean;
+    onChange: (family: string) => void;
+    /** The weight / style the text actually renders at, so the substitution
+     *  probe reports the variant that paints rather than a nominal 400/normal. */
+    weight?: number;
+    fontStyle?: 'normal' | 'italic';
+    'aria-label'?: string;
+    className?: string;
+}
+export declare function FontFamilySelect(props: FontFamilySelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontFamilySelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FontFamilySelect.d.ts","sourceRoot":"","sources":["../../../src/components/FontFamilySelect/FontFamilySelect.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;kFAC8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAWD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAuB5D"}

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

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

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

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

package/dist/components/FontFamilySelect/index.js

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

package/dist/components/GradientEditor/index.js

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

package/dist/components/InlineRange/index.js

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

package/dist/components/Input/index.js

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

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

@@ -0,0 +1,45 @@
+/**
+ * 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.
+ *
+ * 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.
+ */
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** 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. */
+    leading?: ReactNode;
+    /** The row the list considers current. */
+    selected?: boolean;
+    /** Present but not in effect — history's redo entries. */
+    muted?: 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. */
+    rowProps?: HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, unknown>;
+}
+export interface ItemListProps {
+    rows: readonly ItemListRow[];
+    /** Shown in place of the rows when there are none. */
+    empty?: ReactNode;
+    className?: string;
+    /** Rendered inside the container above the rows — a drop indicator. */
+    overlay?: ReactNode;
+    /** Spread onto the container: pointer handlers for a drag, `aria-label`. */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+}
+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

@@ -0,0 +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"}

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

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

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

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

package/dist/components/ItemList/index.js

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

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-BhCKdyws.js";
-import { t as o } from "../../chunks/keyGlyph-DNpLxF8u.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../chunks/Keycaps-DszN5Dwl.js";
+import { t as o } from "../../chunks/keyGlyph-BLFMKZgF.js";
 export { e as KeyCap, t as KeySequence, a as detectPlatform, r as inferKeycapKind, o as keyGlyph, n as keySpecFromKey, i as keySpecsFromMods };

package/dist/components/LayerStack/LayerStack.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode } from 'react';
+/** One card in a layer stack: its identity, the label shown when collapsed,
+ *  and the optional select hoisted into its header. */
+export interface LayerStackItem {
+    /** Stable id used for keys, onRemove, onReorder. Numeric to match
+     *  common id-from-nextId conventions; string ids also work. */
+    id: number | string;
+    /** Short kind label rendered in the header when no primary select
+     *  is hoisted (e.g. "shadow", "stroke"). */
+    kind: string;
+    /** When present, hoist this select into the card header so the user
+     *  can switch mode/shape without expanding. */
+    primaryValue?: string;
+    primaryOptions?: string[];
+    /** Accent CSS color used as the left border / index-badge fill. Sets
+     *  --wzl-layer-stack-accent on the card, which re-binds --wzl-accent
+     *  for everything inside it. */
+    accent?: string;
+    /** Optional badge text rendered before the primary control
+     *  (e.g. tail index "1", "2", "3"). When omitted a drag handle
+     *  glyph renders in its place. */
+    badge?: string;
+    /** Initial expanded state. Defaults to true for newly-added items. */
+    defaultExpanded?: boolean;
+}
+/** Props for `<LayerStack>`. */
+export interface LayerStackProps {
+    title: string;
+    items: LayerStackItem[];
+    /** Kinds the user can add via the header palette. */
+    paletteKinds: string[];
+    onAdd: (kind: string) => void;
+    onRemove: (id: number | string) => void;
+    onReorder: (orderedIds: Array<number | string>) => void;
+    onPrimaryChange: (id: number | string, nextValue: string) => void;
+    /** Render the body controls for each item. */
+    renderBody: (item: LayerStackItem) => ReactNode;
+    /** Hide the title + palette row (used when an outer wrap renders its
+     *  own head — see speech-balloons Tails panel). */
+    hideHead?: boolean;
+    /** Appended to the root element's class list. The module's own class names
+     *  are hashed, so this is the supported way to reach the stack from a
+     *  consumer stylesheet. */
+    className?: string;
+}
+/** A drag-reorderable stack of expandable cards, with a palette in the header
+ *  for adding more. The body of each card is the caller's to render. */
+export declare function LayerStack({ className, title, items, paletteKinds, onAdd, onRemove, onReorder, onPrimaryChange, renderBody, hideHead, }: LayerStackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LayerStack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayerStack.d.ts","sourceRoot":"","sources":["../../../src/components/LayerStack/LayerStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAyC,MAAM,OAAO,CAAC;AAMlG;uDACuD;AACvD,MAAM,WAAW,cAAc;IAC7B;mEAC+D;IAC/D,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB;gDAC4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb;mDAC+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;oCAEgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;sCAEkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,qDAAqD;IACrD,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,8CAA8C;IAC9C,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC;IAChD;uDACmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;+BAE2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;wEACwE;AACxE,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,eAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,eAAe,2CAsJjB"}

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

@@ -0,0 +1,2 @@
+export { LayerStack, type LayerStackItem, type LayerStackProps } from './LayerStack';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LayerStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/LayerStack/index.js

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

package/dist/components/NumberField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/NumberField-ZdVa4bpJ.js";
+import { t as e } from "../../chunks/NumberField-CQ7OJORF.js";
 export { e as NumberField };

package/dist/components/OptionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/OptionsBar-DahCI4Aq.js";
+import { t as e } from "../../chunks/OptionsBar-efIwfqYe.js";
 export { e as OptionsBar };

package/dist/components/PaintInput/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/PaintInput-Cggm9OIl.js";
+import { t as e } from "../../chunks/PaintInput-CgZR3B0r.js";
 export { e as PaintInput };

package/dist/components/PatternPicker/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/PatternPicker-B63SlDoF.js";
+import { n as e, t } from "../../chunks/PatternPicker-v9BFsaMM.js";
 export { t as PatternPicker, e as seedPattern };

package/dist/components/Plot2D/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/Plot2D-sPXTw_-l.js";
+import { n as e, r as t, t as n } from "../../chunks/Plot2D-B08SYGQV.js";
 export { n as Plot2D, e as modelToPlot, t as plotToModel };

package/dist/components/PointPlotter/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/PointPlotter-CLd9u5Bq.js";
+import { t as e } from "../../chunks/PointPlotter-DEh7a3xB.js";
 export { e as PointPlotter };

package/dist/components/Powerline/index.js

@@ -1,3 +1,3 @@
-import { n as e } from "../../chunks/Badge-9dPfvYOk.js";
-import { t } from "../../chunks/Powerline-DhQJYaUg.js";
+import { n as e } from "../../chunks/Badge-BXTDs-zi.js";
+import { t } from "../../chunks/Powerline-M1Q3Hx5E.js";
 export { e as EDGE_PROFILES, t as Powerline };

package/dist/components/Prefs/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../../chunks/Prefs-BSJ0lMmJ.js";
+import { a as e, i as t, n, r, t as i } from "../../chunks/Prefs-C2qhxnmt.js";
 export { i as PrefsDialog, n as PrefsForm, r as isPrefLeaf, t as prefValueAtPath, e as visiblePrefSubtree };

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":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAQrE,8BAA8B;AAC9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;6EAC6E;AAC7E,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CAWrE;AAQD,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;uDAEuD;AACvD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,eAAe,EACf,WAAW,EACX,SAAS,EACT,UAAU,EACV,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CAmFjB;AAqBD,yEAAyE;AACzE,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,oCAAoC;AACpC,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,kBAAkB;IAC/D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,UAAU,EAAE,CACV,IAAI,EAAE,CAAC,EACP,OAAO,EAAE;QACP,UAAU,EAAE,OAAO,CAAC;QACpB,UAAU,EAAE,OAAO,CAAC;QACpB,cAAc,EAAE,MAAM,IAAI,CAAC;QAC3B,SAAS,EAAE,IAAI,CACb,eAAe,EACb,UAAU,GACV,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,eAAe,GACf,iBAAiB,GACjB,aAAa,GACb,WAAW,GACX,YAAY,GACZ,aAAa,GACb,QAAQ,CACX,CAAC;KACH,KACE,SAAS,CAAC;IACf,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;IACxF,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;CAC7C;AAED;;uBAEuB;AACvB,wBAAgB,cAAc,CAAC,CAAC,SAAS,kBAAkB,EAAE,EAC3D,KAAK,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,kBAAkB,GACnB,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAsFxB"}

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,195 @@
+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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** 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, span, }: 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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** A color swatch, optionally with an alpha slider beneath it. */
+export declare function ColorRow({ label, value, onChange, alpha, onAlphaChange, alphaDisabled, description, span, }: ColorRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<CheckboxRow>`. */
+export interface CheckboxRowProps {
+    label: ReactNode;
+    value: boolean;
+    onChange: (next: boolean) => void;
+    description?: string;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** A boolean checkbox. */
+export declare function CheckboxRow({ label, value, onChange, span, 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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** A single-line text input. */
+export declare function TextRow({ label, value, onChange, placeholder, maxLength, layout, description, span, }: 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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** 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, span, }: 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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** 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, span, }: 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;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+}
+/** 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, span, }: 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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"}