@graphysdk/react-renderer 1.9.0-beta.1792505847409 → 1.9.0-beta.1792510459918

package/dist/editable.d.ts

@@ -98,7 +98,7 @@ declare type BrandMarkVisual = 'full' | 'mini' | 'hidden';
  * Every press is its own undo entry, so there is no transient run to commit here — a button has no
  * gesture to hold open the way a drag or a run of keystrokes does.
  */
-export declare const Button: ({ label, icon, onClick, variant, isExpanded, isDisabled, ariaLabel, ariaLabelledBy, id, }: ButtonControlProps) => JSX.Element;
+export declare const Button: ({ label, icon, onClick, variant, expanded, disabled, ariaLabel, ariaLabelledBy, id, }: ButtonControlProps) => JSX.Element;
 
 declare interface ButtonBaseProps extends ControlBaseProps {
     onClick: () => void;
@@ -108,7 +108,7 @@ declare interface ButtonBaseProps extends ControlBaseProps {
      */
     variant?: 'default' | 'tile' | 'icon';
     /** Whether what the button opens is open, for a button that discloses the content below it. */
-    isExpanded?: boolean;
+    expanded?: boolean;
 }
 
 /**
@@ -152,7 +152,7 @@ export declare const CaptionSection: ({ title, layout, preview }: OverridableSec
 declare type ChartPhrases = typeof EN_GB;
 
 /** A grid of color chips, for picking one color from a fixed set such as the palette. */
-export declare const ColorSwatches: ({ title, colors, value, onChange, trailing, isClearable, isDisabled, id, ariaLabel, ariaLabelledBy, }: ColorSwatchesControlProps) => JSX.Element;
+export declare const ColorSwatches: ({ title, colors, value, onChange, trailing, clearable, disabled, id, ariaLabel, ariaLabelledBy, }: ColorSwatchesControlProps) => JSX.Element;
 
 /**
  * A grid of color chips. A click reports the color.
@@ -166,7 +166,7 @@ export declare interface ColorSwatchesControlProps extends Omit<DiscreteControlP
     /** Chips after the colors and a separator, such as a custom picker's trigger. They wrap with the colors. */
     trailing?: ReactNode;
     /** Ends the row in a chip for no color at all, after `trailing`, reported as `TRANSPARENT_COLOR`. */
-    isClearable?: boolean;
+    clearable?: boolean;
 }
 
 /**
@@ -192,7 +192,7 @@ export declare interface ContinuousControlProps<Value> extends ControlBaseProps
 
 /** Props every control shares. */
 export declare interface ControlBaseProps {
-    isDisabled?: boolean;
+    disabled?: boolean;
     /** Required unless the control is labeled by a section row, which passes `ariaLabelledBy` instead. */
     ariaLabel?: string;
     ariaLabelledBy?: string;
@@ -216,7 +216,7 @@ export declare interface ControlOption {
     description?: string;
     /** Shown beside the label, or alone where the control is icon-only. */
     icon?: ReactNode;
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
 
 /**
@@ -258,14 +258,14 @@ export declare interface ControlRegistryProviderProps {
 }
 
 /** Names an option that shows only an icon, on hover and focus the Base UI way, and at once in a hovered row or menu head. */
-export declare const ControlTooltip: ({ label, isChecked, children }: ControlTooltipProps) => JSX.Element;
+export declare const ControlTooltip: ({ label, checked, children }: ControlTooltipProps) => JSX.Element;
 
 /** What a host's own control passes to name an option that shows only an icon, as Graphy's controls do. */
 export declare interface ControlTooltipProps {
     /** The option's name: the words the tooltip shows, and the option's accessible name unless it carries its own. */
     label: string;
     /** The option the control holds, which names itself while its row or the menu head is hovered. */
-    isChecked?: boolean;
+    checked?: boolean;
     /** The option's element, which must pass the props and ref it is given on to one DOM element, as a `<button>` does. */
     children: ReactElement;
 }
@@ -691,7 +691,7 @@ declare interface EditorSurfaceSlotProps {
     /** The axes as the chart paints them, whose ticks a stamped tick index addresses. */
     formattedAxes: readonly FormattedAxis[];
     /** Whether the chart animates between states, so what the editor draws over its geoms can follow. */
-    shouldAnimateTransitions: boolean;
+    animateTransitions: boolean;
 }
 
 /**
@@ -814,9 +814,9 @@ declare interface FooterSlotProps {
     footerRect: Rect;
     mode?: GraphMode;
     caption: TextContent | null;
-    isCaptionVisible: boolean;
+    showCaption: boolean;
     source: SourceContent | null;
-    isSourceVisible: boolean;
+    showSource: boolean;
     captionStyle: TextStyle;
     sourceStyle: SourceStyle;
     /**
@@ -1048,9 +1048,9 @@ declare interface HeaderSlotProps {
     headerRect: Rect;
     mode?: GraphMode;
     title: TextContent | null;
-    isTitleVisible: boolean;
+    showTitle: boolean;
     subtitle: TextContent | null;
-    isSubtitleVisible: boolean;
+    showSubtitle: boolean;
     headingStyle: TextStyle;
     subtitleStyle: TextStyle;
     /**
@@ -1079,7 +1079,7 @@ declare interface HeadlineSlotProps {
      * Whether this figure sits in the donut hole. Strip polar totals reuse the grand-total class, so
      * paint cannot infer the hole from CSS — only the placement input knows.
      */
-    isInDonutHole?: boolean;
+    inDonutHole?: boolean;
 }
 
 declare type I18nLocale = keyof typeof dictionaries;
@@ -1176,7 +1176,7 @@ export declare const MappingSection: ({ title, layout }: OverridableSectionProps
  * Base UI's `onValueCommitted` already fires on blur and at the end of a scrub or a button press,
  * which is exactly the grain `onCommit` wants — so a scrub is one undo entry, not one per pixel.
  */
-export declare const NumberField: ({ value, onChange, onCommit, min, max, step, placeholder, prefix, suffix, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: NumberFieldControlProps) => JSX.Element;
+export declare const NumberField: ({ value, onChange, onCommit, min, max, step, placeholder, prefix, suffix, disabled, hasError, ariaLabel, ariaLabelledBy, id, }: NumberFieldControlProps) => JSX.Element;
 
 /** `null` is an empty field, which is a state of its own rather than zero. */
 export declare interface NumberFieldControlProps extends ContinuousControlProps<number | null> {
@@ -1288,7 +1288,7 @@ export declare const PolarSection: ({ title, layout, preview }: OverridableSecti
  * Base UI reports every change with the same reason, so which gesture is under way is tracked here
  * rather than read off the event.
  */
-export declare const RadioGrid: ({ options, value, onChange, onCommit, columns, itemLayout, isDisabled, ariaLabel, ariaLabelledBy, id, }: RadioGridControlProps) => JSX.Element;
+export declare const RadioGrid: ({ options, value, onChange, onCommit, columns, itemLayout, disabled, ariaLabel, ariaLabelledBy, id, }: RadioGridControlProps) => JSX.Element;
 
 /**
  * Single-select grid of icon buttons, for choices that read as pictures rather than words.
@@ -1326,7 +1326,7 @@ declare interface ResizeObserverState {
     width: number;
     height: number;
     /** True until the first ResizeObserver measurement lands. */
-    isDefault: boolean;
+    unmeasured: boolean;
 }
 
 /** A {@link ControlRegistry} with every member filled in, as sections consume it. */
@@ -1386,7 +1386,7 @@ export declare interface SectionProps {
 }
 
 /** A single-choice dropdown, for a set too long or too wordy for a segmented row. */
-export declare const Select: ({ options, value, onChange, placeholder, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: SelectControlProps) => JSX.Element;
+export declare const Select: ({ options, value, onChange, placeholder, disabled, hasError, ariaLabel, ariaLabelledBy, id, }: SelectControlProps) => JSX.Element;
 
 /**
  * Single-choice dropdown, for a set too long or too wordy to sit in a segmented row.
@@ -1423,7 +1423,7 @@ declare interface SettingRowProps {
  * committed on key up instead — the keyboard's equivalent of releasing the thumb. Blur commits too,
  * for focus leaving mid-hold with no key up ever arriving.
  */
-export declare const Slider: ({ value, onChange, onCommit, min, max, step, suffix, formatValue, showValue, isDisabled, ariaLabel, ariaLabelledBy, }: SliderControlProps) => JSX.Element;
+export declare const Slider: ({ value, onChange, onCommit, min, max, step, suffix, formatValue, showValue, disabled, ariaLabel, ariaLabelledBy, }: SliderControlProps) => JSX.Element;
 
 export declare interface SliderControlProps extends ContinuousControlProps<number> {
     min: number;
@@ -1536,16 +1536,16 @@ declare interface SwatchSlotProps {
 declare type SwatchSurface = 'legend' | 'tooltip' | 'headline' | 'callout' | 'rule-label';
 
 /** An on/off toggle, for a setting whose whole value is whether it is on. */
-export declare const Switch: ({ isChecked, onChange, isDisabled, ariaLabel, ariaLabelledBy, id }: SwitchControlProps) => JSX.Element;
+export declare const Switch: ({ checked, onChange, disabled, ariaLabel, ariaLabelledBy, id }: SwitchControlProps) => JSX.Element;
 
 /**
  * An on/off toggle.
  *
- * Named `isChecked` rather than `value`: the state is the whole value, and every flip is its own
+ * Named `checked` rather than `value`: the state is the whole value, and every flip is its own
  * undo entry, so there is no gesture left to commit.
  */
 export declare interface SwitchControlProps extends ControlBaseProps {
-    isChecked: boolean;
+    checked: boolean;
     onChange: (isChecked: boolean) => void;
 }
 
@@ -1566,7 +1566,7 @@ declare type TextDirection = 'ltr' | 'rtl';
  * Typing fires `onChange` per keystroke and blur fires `onCommit`, so a burst of typing dispatches
  * transiently and commits into one undo entry when the field is left.
  */
-export declare const TextField: ({ value, onChange, onCommit, placeholder, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: TextFieldControlProps) => JSX.Element;
+export declare const TextField: ({ value, onChange, onCommit, placeholder, disabled, hasError, ariaLabel, ariaLabelledBy, id, }: TextFieldControlProps) => JSX.Element;
 
 export declare interface TextFieldControlProps extends ContinuousControlProps<string> {
     placeholder?: string;
@@ -1588,12 +1588,12 @@ export declare const TitleSection: ({ title, layout, preview }: OverridableSecti
  * A section whose feature is switched on and off from its own header. The coupling runs both ways: on
  * opens it, off closes it, and opening it while off switches it on.
  */
-export declare const ToggledSection: ({ title, isChecked, onToggle, isDisabled, preview, children }: ToggledSectionProps) => JSX.Element;
+export declare const ToggledSection: ({ title, checked, onToggle, disabled, preview, children }: ToggledSectionProps) => JSX.Element;
 
 declare interface ToggledSectionProps extends Omit<SectionProps, 'layout' | 'accessory' | 'onOpenChange'> {
-    isChecked: boolean;
+    checked: boolean;
     onToggle: (isChecked: boolean) => void;
-    isDisabled?: boolean;
+    disabled?: boolean;
 }
 
 /**
@@ -1608,7 +1608,7 @@ declare interface ToggledSectionProps extends Omit<SectionProps, 'layout' | 'acc
  * transient run committed on key up. Only the layout differs — a row of words here, a grid of pictures
  * there — which is the whole of why they are two controls.
  */
-export declare const ToggleGroup: ({ options, value, onChange, onCommit, itemLayout, hasEqualWidths, isDisabled, ariaLabel, ariaLabelledBy, id, }: ToggleGroupControlProps) => JSX.Element;
+export declare const ToggleGroup: ({ options, value, onChange, onCommit, itemLayout, hasEqualWidths, disabled, ariaLabel, ariaLabelledBy, id, }: ToggleGroupControlProps) => JSX.Element;
 
 /**
  * Single-select segmented control.