@weasel-js/ui 1.5.2 → 1.6.1

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

@@ -0,0 +1,238 @@
+import { type ReactNode } from 'react';
+import { type FillStyle, type PaintKind } from '@weasel-js/core';
+import { type UnitTable } from '../../format/number';
+import type { PrefNumberFormat } from '../Prefs/schema';
+import { type PropertyMetricProps, type PropertyRowLayout } from './PropertyPanel';
+/**
+ * Which controls a field is drawn with.
+ *
+ *   - `'bare'` (the default): native inputs the property row's own stylesheet
+ *     draws — the compact controls of an inspector sidebar or a lab panel.
+ *   - `'framed'`: the kit's field components, each bringing its own frame —
+ *     for a surface whose row does not style its controls (`SelectionPanel`,
+ *     `ToolOptionsBar`), or that needs what only they do, such as reading a
+ *     unit typed into a number (`accepts`).
+ *
+ * The two differ only where the kit still has two widgets for one job; a
+ * slider, a switch, a font picker and a paint are the same in both.
+ */
+export type PropertyFieldChrome = 'bare' | 'framed';
+/** One choice of an enum field. */
+export interface PropertyOption<T extends string> {
+    value: T;
+    /** The option's name. A string also names its segment for a screen reader. */
+    label: ReactNode;
+    /** What a segment shows in place of `label` when the full one would not fit
+     *  — a glyph or a letter. `label` stays the accessible name. */
+    glyph?: ReactNode;
+    /** Shown but not choosable: a value the control reports and cannot author. */
+    disabled?: boolean;
+}
+/** Props every kind of field shares. */
+interface FieldBase {
+    /** The control's accessible name. A `<PropertyField>` takes it from a string
+     *  `label` when this is omitted. */
+    name?: string;
+    /** The sources the field reads disagree — a multi-selection whose nodes
+     *  differ. The control shows no value, in whatever form it has for that. */
+    mixed?: boolean;
+    /**
+     * The sources agree on holding nothing: whatever is in effect comes from a
+     * fallback further down. The control shows no chosen value rather than
+     * inventing one, since the next edit would write the invention back.
+     */
+    unset?: boolean;
+    chrome?: PropertyFieldChrome;
+    /** Class on the control element itself. */
+    className?: string;
+    /** Id for the control element, for a `<label htmlFor>` outside it. */
+    id?: string;
+}
+/** A boolean field. */
+export interface PropertyBooleanFieldProps extends FieldBase {
+    kind: 'boolean';
+    /** `checkbox` (default), `switch`, or `toggle` — a one-segment pressable bar. */
+    control?: 'checkbox' | 'switch' | 'toggle';
+    /** Absent reads as off. */
+    value: boolean | undefined;
+    onChange: (next: boolean) => void;
+    /** A `toggle`'s segment content. Defaults to the first letter of `name`. */
+    glyph?: ReactNode;
+}
+/** A number field. */
+export interface PropertyNumberFieldProps extends FieldBase {
+    kind: 'number';
+    /** `input` (default) for a typed number; `slider` for a track with an
+     *  editable readout, where the range matters more than the exact value. */
+    control?: 'input' | 'slider';
+    /** Absent reads as an empty field. */
+    value: number | null | undefined;
+    /**
+     * The committed value. Given `onInput` as well, it fires once a drag ends,
+     * or on blur or Enter in a typed field; on its own it fires on every move
+     * and keystroke. A `framed` typed field commits only on blur or Enter,
+     * whichever callbacks it has.
+     */
+    onChange: (next: number) => void;
+    /** The live value, fired continuously. Pass it alongside `onChange` when the
+     *  write is expensive — cheap state here, the costly work there. */
+    onInput?: (next: number) => void;
+    /** A slider's track runs 0..100 where these are omitted. */
+    min?: number;
+    max?: number;
+    step?: number;
+    /**
+     * Suffix after the value. A string becomes a dim word unit (`px`); pass JSX
+     * like `<sup>°</sup>` for a symbol. Display only — the value stays a number.
+     */
+    unit?: ReactNode;
+    /** Units a person may type into a `framed` field, each mapped to the factor
+     *  that turns it into the unit shown: `{ mm: 0.1, cm: 1 }`. */
+    accepts?: Readonly<UnitTable>;
+    /** A slider readout's display. Defaults to the value at `step`'s precision. */
+    format?: (value: number) => ReactNode;
+    /** A named display for the value: `compact` reads `2.00M`. `format` wins. */
+    notation?: PrefNumberFormat;
+    placeholder?: string;
+    /** A `framed` unitless field's stepper buttons. Default `true`. */
+    steppers?: boolean;
+}
+/** A text field. */
+export interface PropertyStringFieldProps extends FieldBase {
+    kind: 'string';
+    control?: 'input' | 'textarea';
+    /** Absent reads as an empty field. */
+    value: string | null | undefined;
+    /**
+     * The committed text. On its own it fires on every keystroke. Given
+     * `onInput` as well, the field drafts: `onInput` gets each keystroke and
+     * this fires once, on blur or Enter, and only if the text changed.
+     */
+    onChange: (next: string) => void;
+    onInput?: (next: string) => void;
+    placeholder?: string;
+    maxLength?: number;
+}
+/** A choice among fixed options. */
+export interface PropertyEnumFieldProps<T extends string = string> extends FieldBase {
+    kind: 'enum';
+    /**
+     * `select` (default) is a dropdown. `radio` and `toggle` show every option
+     * at once — a radio group chooses, and a toggle is a row of pressable
+     * segments. Drawn `bare`, both are segments.
+     */
+    control?: 'select' | 'radio' | 'toggle';
+    /** Absent, or not one of `options`, chooses nothing. */
+    value: T | undefined;
+    options: ReadonlyArray<PropertyOption<T>>;
+    onChange: (next: T) => void;
+    /** Shown while no option is chosen. Defaults to "Choose option…". */
+    placeholder?: string;
+}
+/** A single color. */
+export interface PropertyColorFieldProps extends FieldBase {
+    kind: 'color';
+    /** `#rrggbb`, or `#rrggbbaa` when `alpha` is `true`. */
+    value: string | undefined;
+    /**
+     * The committed color. `bare`: given `onInput` as well, it fires once the
+     * picker closes; on its own it fires on every move. `framed`: it fires once
+     * per gesture, whichever callbacks it has.
+     */
+    onChange: (next: string) => void;
+    onInput?: (next: string) => void;
+    /**
+     * Offer an opacity track. `true` keeps the alpha in `value` as `#rrggbbaa`;
+     * a number is the 0..1 alpha held apart from it, reported through
+     * `onAlphaChange` / `onAlphaInput`.
+     */
+    alpha?: boolean | number;
+    onAlphaChange?: (next: number) => void;
+    onAlphaInput?: (next: number) => void;
+    /** Draw the opacity track inert, for a consumer that drops alpha. */
+    alphaDisabled?: boolean;
+}
+/** A whole paint: a solid, a gradient, a pattern, or none. */
+export interface PropertyPaintFieldProps extends FieldBase {
+    kind: 'paint';
+    /** `swatch` (default) opens the editor in a popover, for a narrow slot;
+     *  `inline` draws the kind bar and its editor in place. */
+    control?: 'swatch' | 'inline';
+    /** `null` is an explicit "no paint"; `undefined` is nothing to show. */
+    value: FillStyle | null | undefined;
+    onChange: (next: FillStyle | null) => void;
+    onInput?: (next: FillStyle | null) => void;
+    /** Offer "None". Default `true`. */
+    allowNone?: boolean;
+    /** Restrict the kinds offered. Default: every registered kind. */
+    kinds?: readonly PaintKind[];
+}
+/** A font family, picked from the live font registry. */
+export interface PropertyFontFamilyFieldProps extends FieldBase {
+    kind: 'font-family';
+    value: string | undefined;
+    onChange: (next: string) => void;
+    /** The weight and slant the family is drawn at, so the picker names the
+     *  variant that will actually paint. */
+    weight?: number;
+    fontStyle?: 'normal' | 'italic';
+}
+/**
+ * One field for {@link PropertyControl} and {@link PropertyField}, keyed by
+ * `kind`.
+ */
+export type PropertyControlProps<T extends string = string> = PropertyBooleanFieldProps | PropertyNumberFieldProps | PropertyStringFieldProps | PropertyEnumFieldProps<T> | PropertyColorFieldProps | PropertyPaintFieldProps | PropertyFontFamilyFieldProps;
+/** The kinds a {@link PropertyControl} draws. */
+export type PropertyFieldKind = PropertyControlProps['kind'];
+/** Row props {@link PropertyField} adds to the field it draws. */
+export interface PropertyFieldRowProps extends PropertyMetricProps {
+    label: ReactNode;
+    /**
+     * Text beside the label. On a slider it replaces the editable readout —
+     * use it when the row is not showing a number a caller could type back,
+     * such as an auto row's `auto`.
+     */
+    readout?: ReactNode;
+    description?: string;
+    layout?: PropertyRowLayout;
+    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
+    span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
+    onAutoChange?: (next: boolean) => void;
+    /** Class on the row. `controlClassName` reaches the control. */
+    rowClassName?: string;
+    controlClassName?: string;
+}
+/** Props for {@link PropertyField}: one field, and the row around it. */
+export type PropertyFieldProps<T extends string = string> = PropertyFieldRowProps & DistributiveOmit<PropertyControlProps<T>, 'className' | 'id'>;
+type DistributiveOmit<U, K extends PropertyKey> = U extends unknown ? Omit<U, K> : never;
+/**
+ * A labeled settings row for one field, its control chosen by `kind` (and
+ * `control`): `<PropertyField kind="number" control="slider" label="Blur" …>`.
+ *
+ * The row is a {@link PropertyRow}; the control is the one
+ * {@link PropertyControl} draws for the same props. Every schema-driven
+ * settings surface in the kit — `ControlPanel`, `PrefsForm`, `SelectionPanel`
+ * — draws its built-in kinds through that one mapping, so a kind's control
+ * is decided once.
+ *
+ * Callbacks follow the field's shape: a discrete control (a box, a choice)
+ * reports each pick; a continuous or typed one reports every change through
+ * `onChange` alone, or splits them into live `onInput` and settled
+ * `onChange` when given both. `mixed` and `unset` show a field whose sources
+ * disagree, or agree on holding nothing.
+ */
+export declare function PropertyField<T extends string = string>(props: PropertyFieldProps<T>): import("react").JSX.Element;
+/**
+ * The control for one field, with no row around it — for a cell that shares
+ * a row with others, or a surface that draws its own row. Keyed by `kind`
+ * (and `control`), the same mapping {@link PropertyField} draws.
+ *
+ * A slider brings its readout beside the track. Several elements come back
+ * as siblings rather than wrapped, so the surrounding row lays them out.
+ */
+export declare function PropertyControl<T extends string = string>(typed: PropertyControlProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyField.d.ts.map

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

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

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

@@ -1,9 +1,14 @@
 import { type ReactNode } from 'react';
+import { type StanceProps } from '../stance';
 import { type PropertyListPack, type PropertyMetricProps } from './PropertyPanel';
 /** Props for `<PropertyGroup>`. */
-export interface PropertyGroupProps extends PropertyMetricProps {
+export interface PropertyGroupProps extends PropertyMetricProps, StanceProps {
     /** Title rendered between two rules at the top of the group. */
     title: ReactNode;
+    /** Before the title: a drag handle, an ordinal. Clicks here do not fold the group. */
+    leading?: ReactNode;
+    /** After the title: a summary of the group's value, a remove button. Clicks here do not fold the group. */
+    actions?: ReactNode;
     /** Help text for the whole group, drawn under the title and above the
      *  rows. `<PropertyRow description>` covers the per-row case. */
     description?: ReactNode;
@@ -38,7 +43,11 @@ export interface PropertyGroupProps extends PropertyMetricProps {
  * inside a fill effect's controls).
  *
  * A collapsible group keeps its rows mounted and hides them, so a control's
- * local state survives being folded away.
+ * local state survives being folded away. `stance` and `tone` work as on
+ * `<PropertyPanel>`; a tone also draws the group's leading edge in it, which
+ * is how a list of like groups — effects, tails — tells its members apart.
+ * `leading` and `actions` put a handle and controls in the title row, and the
+ * groups of a `<PropertyList>` reorder with `useReorderDragList`.
  */
-export declare function PropertyGroup({ title, description, hidden, collapsible, defaultCollapsed, collapsed, onCollapsedChange, children, className, span, pack, density, align, }: PropertyGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function PropertyGroup({ title, leading, actions, description, hidden, collapsible, defaultCollapsed, collapsed, onCollapsedChange, children, className, span, pack, density, align, stance, tone, }: PropertyGroupProps): import("react").JSX.Element | null;
 //# sourceMappingURL=PropertyGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/PropertyGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAGxD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EAGzB,MAAM,iBAAiB,CAAC;AAEzB,mCAAmC;AACnC,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB;qEACiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;2EACuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAmB,EACnB,OAAO,EACP,KAAK,GACN,EAAE,kBAAkB,kDA4CpB"}
+{"version":3,"file":"PropertyGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/PropertyGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,WAAW,CAAC;AAExD,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EAGzB,MAAM,iBAAiB,CAAC;AAEzB,mCAAmC;AACnC,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB,EAAE,WAAW;IAC1E,gEAAgE;IAChE,KAAK,EAAE,SAAS,CAAC;IACjB,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,2GAA2G;IAC3G,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;qEACiE;IACjE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;2EACuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wEAAwE;IACxE,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAmB,EACnB,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,GACL,EAAE,kBAAkB,sCAuDpB"}

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

@@ -1,5 +1,6 @@
 import { type ReactNode } from 'react';
-import type { PrefNumberFormat } from '../Prefs/schema';
+import { type StanceProps } from '../stance';
+import type { PropertyFieldChrome } from './PropertyField';
 /**
  * How much room a container gives its rows — gaps, padding, and field height,
  * moved together. Set on any container in the family; it reaches every
@@ -28,14 +29,31 @@ export interface PropertyMetricProps {
  *  Exported for the family's other files, which share the same two props. */
 export declare function propertyMetricClass(base: string, { density, align }: PropertyMetricProps, className?: string): string;
 /** Props for `<PropertyPanel>`. */
-export interface PropertyPanelProps extends PropertyMetricProps {
+export interface PropertyPanelProps extends PropertyMetricProps, StanceProps {
     title?: ReactNode;
+    /** Controls on the trailing edge of the title row — a switch, a clear
+     *  button. They sit outside the heading, so they neither take its type nor
+     *  join its accessible name. */
+    actions?: ReactNode;
+    /**
+     * Lets text inside the panel be selected and copied. A panel is chrome by
+     * default, so a drag across it moves a slider rather than painting a
+     * selection; a `debug` panel defaults to selectable, since what it shows —
+     * ids, keys, traces — is there to be copied.
+     */
+    selectable?: boolean;
     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, density, align, }: PropertyPanelProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * A titled panel holding property rows — the sidebar container the rest of
+ * this module's components fill.
+ *
+ * `stance` says what kind of content it holds and `tone` which of its peers it
+ * is; the theme's `--wzl-panel-*` and `--wzl-stance-*` slots decide how each looks. A stanced
+ * panel's title takes the row-label recipe rather than the display title.
+ */
+export declare function PropertyPanel({ title, actions, selectable, children, className, density, align, stance, tone, }: PropertyPanelProps): import("react").JSX.Element;
 /** How a property list packs its rows into two columns. */
 export type PropertyListPack = 'auto-color' | 'pairs' | 'one-up';
 /** Props for `<PropertyList>`. */
@@ -58,7 +76,7 @@ export interface PropertyListProps extends PropertyMetricProps {
  * 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, density, align, }: PropertyListProps): import("react/jsx-runtime").JSX.Element;
+export declare const PropertyList: import("react").ForwardRefExoticComponent<PropertyListProps & import("react").RefAttributes<HTMLDivElement>>;
 /** Props for `<PropertySpan>`. */
 export interface PropertySpanProps {
     children: ReactNode;
@@ -70,7 +88,7 @@ export interface PropertySpanProps {
  * `<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;
+export declare function PropertySpan({ children, className }: PropertySpanProps): import("react").JSX.Element;
 /** Props for `<PropertyNote>`. */
 export interface PropertyNoteProps {
     children: ReactNode;
@@ -81,7 +99,7 @@ export interface PropertyNoteProps {
  * sitting above the rows it describes rather than beside one of them.
  * `<PropertyRow description>` covers the per-row case.
  */
-export declare function PropertyNote({ children, className }: PropertyNoteProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyNote({ children, className }: PropertyNoteProps): import("react").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. */
@@ -125,238 +143,16 @@ export interface PropertyRowProps extends PropertyMetricProps {
      *  can show an auto state but not change it.
      *
      *  The label then names that toggle, so a control passed as `children` has to
-     *  carry its own accessible name — every row in this module does. */
+     *  carry its own accessible name — every `<PropertyField>` does. */
     onAutoChange?: (next: boolean) => void;
-}
-/** 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, group, className, density, align, auto, onAutoChange, }: PropertyRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<SliderRow>`. */
-export interface SliderRowProps extends PropertyMetricProps {
-    label: ReactNode;
-    value: number;
-    min: number;
-    max: number;
-    step?: number;
-    /**
-     * The committed value. Given `onInput` as well, it fires once a drag ends
-     * or a typed readout is accepted; on its own it fires on every move, which
-     * is what a row with one callback has always done.
-     */
-    onChange: (next: number) => void;
-    /**
-     * The live value, fired continuously through a drag. Pass it alongside
-     * `onChange` when the write is expensive — cheap state here, the costly
-     * work there. Mirrors `<Slider>`'s `onInput` / `onChange` pair.
-     */
-    onInput?: (next: number) => void;
-    /** Override how the value is rendered next to the label. Defaults to `value.toString()`. */
-    format?: (value: number) => ReactNode;
-    /**
-     * Static text in place of the editable readout. Use it when the row is not
-     * showing a number a caller could type back — an auto row's `auto`, say,
-     * which an editable field would seed a draft with and then fail to parse.
-     */
-    readout?: ReactNode;
-    /** A named display for the value: `compact` reads `2.0M`. `format` wins when both are given. */
-    notation?: PrefNumberFormat;
-    /**
-     * 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;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** A bounded number edited by dragging, with a live readout whose precision
- *  follows `step`. */
-export declare function SliderRow({ label, value, min, max, step, onChange, onInput, format, readout, notation, unit, layout, description, span, density, align, auto, onAutoChange, }: SliderRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<ColorRow>`. */
-export interface ColorRowProps extends PropertyMetricProps {
-    label: ReactNode;
-    value: string;
-    /**
-     * The committed color. Given `onInput` as well, it fires once the picker
-     * closes; on its own it fires on every move inside it, which is what a row
-     * with one callback has always done.
-     */
-    onChange: (next: string) => void;
     /**
-     * The live color, fired continuously while the picker is open. Pass it
-     * alongside `onChange` when the write is expensive — cheap state here, the
-     * costly work there. Mirrors `<Slider>`'s `onInput` / `onChange` pair.
+     * What draws the row's control. `bare` (the default) is a native input the
+     * row's stylesheet dresses; `framed` is a kit field bringing its own frame,
+     * which the row then leaves alone — see {@link PropertyFieldChrome}.
      */
-    onInput?: (next: string) => void;
-    /** 0..1 alpha. When provided, a translucent slider renders beneath the swatch. */
-    alpha?: number;
-    /** The committed alpha, on the same terms as `onChange`. */
-    onAlphaChange?: (next: number) => void;
-    /** The live alpha, on the same terms as `onInput`. */
-    onAlphaInput?: (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;
-    /** Label beside the swatch (default) or above it. */
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** A color swatch, optionally with an alpha slider beneath it. */
-export declare function ColorRow({ label, readout, value, onChange, onInput, alpha, onAlphaChange, onAlphaInput, alphaDisabled, layout, description, span, density, align, auto, onAutoChange, }: ColorRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<CheckboxRow>`. */
-export interface CheckboxRowProps extends PropertyMetricProps {
-    label: ReactNode;
-    /** Absent reads as unchecked. */
-    value: boolean | undefined;
-    onChange: (next: boolean) => void;
-    /** Label beside the box (default) or above it. */
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** A boolean checkbox. */
-export declare function CheckboxRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, }: CheckboxRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<SwitchRow>`. */
-export interface SwitchRowProps extends Omit<CheckboxRowProps, 'value'> {
-    /** Absent reads as off. */
-    value: boolean | undefined;
-}
-/**
- * A boolean switch — the same row as `<CheckboxRow>`, drawn as an on/off
- * toggle. Reach for it where the change takes effect immediately, and for
- * a checkbox where it is submitted with a form.
- */
-export declare function SwitchRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, }: SwitchRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<TextRow>`. */
-export interface TextRowProps extends PropertyMetricProps {
-    label: ReactNode;
-    /** Absent reads as an empty field. */
-    value: string | null | undefined;
-    onChange: (next: string) => void;
-    placeholder?: string;
-    maxLength?: number;
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** A single-line text input. */
-export declare function TextRow({ label, readout, value, onChange, placeholder, maxLength, layout, description, span, density, align, auto, onAutoChange, }: TextRowProps): import("react/jsx-runtime").JSX.Element;
-/** Props for `<NumberRow>`. */
-export interface NumberRowProps extends PropertyMetricProps {
-    label: ReactNode;
-    /** Absent reads as an empty field. */
-    value: number | null | undefined;
-    /**
-     * The committed value. Given `onInput` as well, it fires on blur or Enter;
-     * on its own it fires on every keystroke, which is what a row with one
-     * callback has always done.
-     */
-    onChange: (next: number) => void;
-    /**
-     * The live value, fired per keystroke. Pass it alongside `onChange` when the
-     * write is expensive — cheap state here, the costly work there. Mirrors
-     * `<Slider>`'s `onInput` / `onChange` pair.
-     */
-    onInput?: (next: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    placeholder?: string;
-    /**
-     * Optional suffix rendered after the field. A string becomes a dim "word"
-     * unit (e.g. "px"); pass JSX like `<sup>°</sup>` for symbol units. Display
-     * only — it never participates in parsing, and the value stays a number.
-     */
-    unit?: ReactNode;
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** A number typed directly. Reach for `<SliderRow>` when the range matters
- *  more than the exact value. */
-export declare function NumberRow({ label, readout, value, onChange, onInput, min, max, step, placeholder, unit, layout, description, span, density, align, auto, onAutoChange, }: 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> extends PropertyMetricProps {
-    label: ReactNode;
-    /** Absent, or not one of `options`, shows a placeholder rather than the first option. */
-    value: T | undefined;
-    options: ReadonlyArray<PropertyOption<T>>;
-    onChange: (next: T) => void;
-    /** Shown while no option is chosen. Defaults to "Choose option…". */
-    placeholder?: string;
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-}
-/** 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, readout, value, options, onChange, placeholder, layout, description, span, density, align, auto, onAutoChange, }: SelectRowProps<T>): import("react/jsx-runtime").JSX.Element;
-/** Props for `<ToggleRow>`. */
-export interface ToggleRowProps<T extends string> extends PropertyMetricProps {
-    label: ReactNode;
-    value: T;
-    options: ReadonlyArray<PropertyOption<T>>;
-    onChange: (next: T) => void;
-    layout?: PropertyRowLayout;
-    description?: string;
-    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
-    readout?: ReactNode;
-    /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
-    span?: boolean;
-    /** The row is auto — see `<PropertyRow auto>`. */
-    auto?: boolean;
-    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
+    chrome?: PropertyFieldChrome;
 }
-/** A segmented control: the same choice as a select, with every option
- *  visible at once. */
-export declare function ToggleRow<T extends string>({ label, readout, value, options, onChange, layout, description, span, density, align, auto, onAutoChange, }: ToggleRowProps<T>): import("react/jsx-runtime").JSX.Element;
+/** The label-plus-control frame `<PropertyField>` draws its rows in. Use it
+ *  directly for a control no field kind covers. */
+export declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, group, className, density, align, auto, onAutoChange, chrome, }: PropertyRowProps): import("react").JSX.Element;
 //# sourceMappingURL=PropertyPanel.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { type StanceProps } from '../stance';
+import { type PropertyMetricProps } from './PropertyPanel';
+/** Props for `<Subpanel>`. */
+export interface SubpanelProps extends PropertyMetricProps, StanceProps {
+    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. A
+ *  stance or tone colors the title and rule. */
+export declare function Subpanel({ title, children, className, density, align, stance, tone }: SubpanelProps): import("react").JSX.Element;
+//# sourceMappingURL=Subpanel.d.ts.map