@weasel-js/ui 1.5.1 → 1.6.0

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-runtime").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;
@@ -71,6 +89,17 @@ export interface PropertySpanProps {
  * everything else a consumer puts in the grid.
  */
 export declare function PropertySpan({ children, className }: PropertySpanProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<PropertyNote>`. */
+export interface PropertyNoteProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Muted paragraph that spans both columns of the grid — a group's help text,
+ * 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;
 /** 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. */
@@ -106,259 +135,24 @@ export interface PropertyRowProps extends PropertyMetricProps {
      *  member has to carry its own name. */
     group?: boolean;
     className?: string;
-    /** The row is auto: its value is not pinned and the owner computes it. Draws
-     *  the control ghosted and colorless. */
-    auto?: boolean;
-    /** Given, the row carries a pin dot that toggles `auto`. Omitted, the row can
-     *  show an auto state but not change it. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row's element for a panel-level gesture handler. `PropertyRow`
-     *  does not spread unknown props, so this is declared rather than inherited. */
-    'data-auto-path'?: 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, group, className, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: 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 · 18`, 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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: 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, onInput, format, readout, notation, unit, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: 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.
-     */
-    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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
-}
-/** 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, 'data-auto-path': autoPath, }: 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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
-}
-/** A boolean checkbox. */
-export declare function CheckboxRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: 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, 'data-auto-path': autoPath, }: 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>`. */
+    /** The row is auto: its value is not pinned and the owner computes it. The
+     *  control is hidden — its box kept, so the row does not resize — and the
+     *  row reads out the word instead. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Given, the row's label toggles `auto` when it is clicked. Omitted, the row
+     *  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 `<PropertyField>` does. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
-}
-/** A single-line text input. */
-export declare function TextRow({ label, readout, value, onChange, placeholder, maxLength, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: 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.
+     * 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}.
      */
-    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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
-}
-/** 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, 'data-auto-path': autoPath, }: 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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: 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, readout, value, options, onChange, placeholder, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: 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 a pin dot — see `<PropertyRow onAutoChange>`. */
-    onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
+    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, 'data-auto-path': autoPath, }: 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-runtime").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-runtime").JSX.Element;
+//# sourceMappingURL=Subpanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Subpanel.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/Subpanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,WAAW,CAAC;AAExD,OAAO,EAAE,KAAK,mBAAmB,EAAuB,MAAM,iBAAiB,CAAC;AAEhF,8BAA8B;AAC9B,MAAM,WAAW,aAAc,SAAQ,mBAAmB,EAAE,WAAW;IACrE,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;gDAEgD;AAChD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,aAAa,2CAWnG"}

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

@@ -1,11 +1,13 @@
 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 { PinDotProps } from './PinDot';
-export { PinDot } from './PinDot';
+export type { DialogRowProps } from './DialogRow';
+export { DialogRow } from './DialogRow';
 export type { PropertyGroupProps } from './PropertyGroup';
 export { PropertyGroup } from './PropertyGroup';
-export type { CheckboxRowProps, ColorRowProps, NumberRowProps, PropertyAlign, PropertyDensity, PropertyListPack, PropertyListProps, PropertyMetricProps, PropertyOption, PropertyPanelProps, PropertyRowLayout, PropertyRowProps, PropertyRowVariant, PropertySpanProps, SelectRowProps, SliderRowProps, SwitchRowProps, TextRowProps, ToggleRowProps, } from './PropertyPanel';
-export { CheckboxRow, ColorRow, NumberRow, PropertyList, PropertyPanel, PropertyRow, PropertySpan, SelectRow, SliderRow, SwitchRow, TextRow, ToggleRow, } from './PropertyPanel';
+export type { PropertyBooleanFieldProps, PropertyColorFieldProps, PropertyControlProps, PropertyEnumFieldProps, PropertyFieldChrome, PropertyFieldKind, PropertyFieldProps, PropertyFieldRowProps, PropertyFontFamilyFieldProps, PropertyNumberFieldProps, PropertyOption, PropertyPaintFieldProps, PropertyStringFieldProps, } from './PropertyField';
+export { PropertyControl, PropertyField } from './PropertyField';
+export type { PropertyAlign, PropertyDensity, PropertyListPack, PropertyListProps, PropertyMetricProps, PropertyNoteProps, PropertyPanelProps, PropertyRowLayout, PropertyRowProps, PropertyRowVariant, PropertySpanProps, } from './PropertyPanel';
+export { PropertyList, PropertyNote, PropertyPanel, PropertyRow, PropertySpan, } from './PropertyPanel';
+export type { SubpanelProps } from './Subpanel';
+export { Subpanel } from './Subpanel';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,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,SAAS,EACT,OAAO,EACP,SAAS,GACV,MAAM,iBAAiB,CAAC"}
+{"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,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,yBAAyB,EACzB,uBAAuB,EACvB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,4BAA4B,EAC5B,wBAAwB,EACxB,cAAc,EACd,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACjE,YAAY,EACV,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Properties/index.js

@@ -1,2 +1,3 @@
-import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g, v as _ } from "../../chunks/Properties-B3KU69NI.js";
-export { t as CheckboxRow, d as ColorRow, _ as CurveField, u as EffectCard, p as EffectCardList, m as NumberRow, e as PinDot, h as PropertyGroup, n as PropertyList, c as PropertyPanel, g as PropertyRow, r as PropertySpan, i as SelectRow, f as SliderRow, s as Subpanel, l as SwitchRow, o as TextRow, a as ToggleRow };
+import { i as e, n as t, r as n, t as r } from "../../chunks/Properties-Bbneh1ws.js";
+import { a as i, i as a, n as o, o as s, r as c, s as l, t as u } from "../../chunks/PropertyField-CDb19d3F.js";
+export { e as CurveField, n as DialogRow, u as PropertyControl, o as PropertyField, t as PropertyGroup, c as PropertyList, a as PropertyNote, i as PropertyPanel, s as PropertyRow, l as PropertySpan, r as Subpanel };

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

@@ -1 +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"}
+{"version":3,"file":"storyLayouts.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/storyLayouts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,2CAapF"}

package/dist/components/RadioGroup/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/RadioGroup-C6xpdQNg.js";
+import { n as e, t } from "../../chunks/RadioGroup-BK2mD6Q0.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-CzgeGLVS.js";
+import { t as e } from "../../chunks/RangeSlider-BiRAOsTh.js";
 export { e as RangeSlider };

package/dist/components/ResizeHandle/index.js

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

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,8 @@
 import { type ReactNode } from 'react';
 import { type SelectProps as RACSelectProps, type ListBoxItemProps as RACListBoxItemProps, type ValidationResult } from 'react-aria-components';
+import { type FieldOrientation } from '../Field/Field';
 import { type OverlayPortalProps } from '../../overlays/portalHost';
+import { type SegmentTooltipFields } from '../segmentTooltip';
 /** One option in a {@link Select}'s `options` list. */
 export type SelectOption = {
     value: string;
@@ -14,20 +16,40 @@ export type SelectOption = {
      */
     textValue?: string;
 };
+/** A titled group of options in a {@link Select}'s `options` list. */
+export type SelectOptionGroup<T extends Key = string> = {
+    title: ReactNode;
+    options: ReadonlyArray<SelectOption & {
+        value: T;
+    }>;
+};
 type Key = string | number;
+/** How a {@link Select} trigger signals that it opens a list. */
+export type SelectIndicator = 'chevron' | 'underline' | 'none';
+/** Where a {@link Select}'s list opens relative to its trigger. */
+export type SelectPopup = 'over' | 'below';
 /**
  * Props for {@link Select}, on top of React Aria's `Select` props, with the
  * selection key narrowed to the option value type.
  */
 export type SelectProps<T extends Key = string> = Omit<RACSelectProps<object>, 'children' | 'className' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the trigger; `'row'` sets it
+     * beside the trigger at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;
-    /** Either pass `options` for a quick render, or `children` for full control. */
-    options?: ReadonlyArray<SelectOption & {
+    /**
+     * Either pass `options` for a quick render, or `children` for full control.
+     * An entry with `title` and `options` of its own is a titled section.
+     */
+    options?: ReadonlyArray<(SelectOption & {
         value: T;
-    }>;
+    }) | SelectOptionGroup<T>>;
     children?: ReactNode;
     selectedKey?: T | null;
     defaultSelectedKey?: T;
@@ -40,6 +62,20 @@ export type SelectProps<T extends Key = string> = Omit<RACSelectProps<object>, '
     width?: 'fill' | 'fit';
     /** `'bare'` drops the box, for a select set in a row of other chrome such as a property row. */
     variant?: 'field' | 'bare';
+    /**
+     * How the trigger says it opens a list. `'chevron'` draws the caret beside
+     * the value; `'underline'` marks the value itself, dotted at rest and solid
+     * while it is pointed at or open; `'none'` says nothing. Unset takes the
+     * variant's own: a boxed select shows the caret, a bare one — set in a row
+     * where 10px of caret is a tenth of the value's width — underlines.
+     */
+    indicator?: SelectIndicator;
+    /**
+     * Where the list opens. `'over'` (the default) puts the selected row on the
+     * trigger, its label in the trigger's own text column, so choosing what is
+     * already chosen moves nothing; `'below'` hangs it under the trigger.
+     */
+    popup?: SelectPopup;
     /**
      * Id for the trigger button. React Aria puts a plain `id` on the wrapper,
      * which is not labelable, so an outer `<label for>` needs this to reach a
@@ -47,16 +83,31 @@ export type SelectProps<T extends Key = string> = Omit<RACSelectProps<object>, '
      */
     triggerId?: string;
     className?: string;
-} & OverlayPortalProps;
+} & SegmentTooltipFields & OverlayPortalProps;
 /**
  * Form select wrapping React Aria's Select. Pass either `options` for a
  * quick declarative render or `children` of `<SelectItem>` for control over
- * each row.
+ * each row; `<SelectSection>` (or an `options` entry with a `title`) groups
+ * rows under a heading.
  *
  * The selection key type is parameterized so consumers with a string-literal
  * union for `value` (e.g. `'r' | 'g' | 'b'`) get a typed `onSelectionChange`.
+ *
+ * `shortcut` puts a kit tooltip on the trigger reading `Name (⌘K)`, named by
+ * `aria-label` or a string `label`, as `Button` does; `tooltip` replaces that
+ * text.
  */
 export declare function Select<T extends Key = string>(props: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+/** Props for {@link SelectSection}. */
+export type SelectSectionProps = {
+    /** Heading shown above the section's rows; it also names the group for
+     *  screen readers. */
+    title?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+};
+/** A titled group of `SelectItem` rows in a {@link Select}'s list. */
+export declare function SelectSection({ title, children, className }: SelectSectionProps): import("react/jsx-runtime").JSX.Element;
 /** Props for {@link SelectItem}, on top of React Aria's `ListBoxItem` props. */
 export type SelectItemProps = Omit<RACListBoxItemProps, 'className' | 'children'> & {
     children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAUL,KAAK,WAAW,IAAI,cAAc,EAClC,KAAK,gBAAgB,IAAI,mBAAmB,EAC5C,KAAK,gBAAgB,EACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGtF,uDAAuD;AACvD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3B;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,GAAG,GAAG,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,oBAAoB,GAAG,mBAAmB,CAAC,GAAG;IACtK,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,gBAAgB,KAAK,SAAS,CAAC,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC,YAAY,GAAG;QAAE,KAAK,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,gGAAgG;IAChG,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,kBAAkB,CAAC;AAEvB;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,GAAG,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoFnE;AA0BD,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgBF;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAWtF"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,3 @@
-export { Select, SelectItem } from './Select';
-export type { SelectProps, SelectItemProps, SelectOption } from './Select';
+export { Select, SelectItem, SelectSection } from './Select';
+export type { SelectProps, SelectItemProps, SelectOption, SelectOptionGroup, SelectSectionProps, SelectIndicator, SelectPopup, } from './Select';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7D,YAAY,EACV,WAAW,EACX,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,WAAW,GACZ,MAAM,UAAU,CAAC"}

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Select-BMYVh10x.js";
-export { t as Select, e as SelectItem };
+import { n as e, r as t, t as n } from "../../chunks/Select-DVValBe1.js";
+export { n as Select, e as SelectItem, t as SelectSection };