@oods/components-react 0.3.0

package/dist/types.d.cts

@@ -0,0 +1,580 @@
+import * as React from 'react';
+
+type ComponentTone = 'neutral' | 'info' | 'accent' | 'positive' | 'success' | 'warning' | 'critical' | 'danger';
+type ComponentEmphasis = 'subtle' | 'solid';
+type ComponentSize = 'sm' | 'md' | 'lg';
+type FieldDensity = 'compact' | 'comfortable';
+type FieldValidation = {
+    readonly state: 'error' | 'warning' | 'success' | 'info';
+    readonly message?: React.ReactNode;
+    readonly id?: string;
+};
+interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'content'> {
+    readonly content?: React.ReactNode;
+    readonly status?: string;
+    readonly domain?: string;
+    readonly tone?: ComponentTone;
+    readonly emphasis?: ComponentEmphasis;
+    readonly icon?: React.ReactNode;
+    readonly iconPosition?: 'start' | 'end';
+    readonly showIcon?: boolean;
+}
+interface BannerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'content' | 'title'> {
+    readonly title?: React.ReactNode;
+    readonly detail?: React.ReactNode;
+    readonly description?: React.ReactNode;
+    readonly content?: React.ReactNode;
+    readonly status?: string;
+    readonly domain?: string;
+    readonly tone?: ComponentTone;
+    readonly emphasis?: ComponentEmphasis;
+    readonly icon?: React.ReactNode;
+    readonly actions?: React.ReactNode;
+    readonly onDismiss?: () => void;
+    readonly dismissLabel?: string;
+    readonly showIcon?: boolean;
+    readonly children?: React.ReactNode;
+}
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'content'> {
+    readonly content?: React.ReactNode;
+    readonly children?: React.ReactNode;
+    readonly asChild?: boolean;
+    readonly intent?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    readonly size?: ComponentSize;
+    readonly onActivate?: React.MouseEventHandler<HTMLElement>;
+}
+type SafeContainerElement = 'div' | 'section' | 'article' | 'aside' | 'main';
+interface CardProps extends React.HTMLAttributes<HTMLElement> {
+    readonly elevated?: boolean;
+    readonly as?: SafeContainerElement;
+}
+type HeaderElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeaderLevel = 1 | 2 | 3 | 4 | 5 | 6;
+interface DetailHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly text?: string;
+    readonly subtitle?: string;
+    readonly sublabel?: string;
+    readonly description?: string;
+    readonly metadata?: string;
+    readonly meta?: string;
+    readonly level?: HeaderLevel;
+    readonly as?: HeaderElement;
+}
+interface CardHeaderProps extends React.HTMLAttributes<HTMLElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly text?: string;
+    readonly supporting?: string;
+    readonly supportingText?: string;
+    readonly subtitle?: string;
+    readonly description?: string;
+    readonly level?: HeaderLevel;
+    readonly as?: HeaderElement;
+}
+interface ColorSwatchProps extends React.HTMLAttributes<HTMLSpanElement> {
+    readonly color?: string;
+    readonly value?: string;
+    readonly state?: string;
+    readonly label?: string;
+}
+interface ColorizedBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    readonly label?: string;
+    readonly text?: string;
+    readonly state?: string;
+    readonly value?: string;
+    readonly status?: string;
+    readonly color?: string;
+    readonly hue?: string;
+    readonly swatch?: string;
+    readonly variant?: string;
+    readonly tone?: ComponentTone;
+    readonly emphasis?: ComponentEmphasis;
+}
+interface VizAreaPreviewProps extends React.HTMLAttributes<HTMLElement> {
+    readonly svg?: string;
+    /** The same chart rendered at the narrow size; the figure shows it instead of svg when its own inline size is at most 600px. */
+    readonly svgNarrow?: string;
+    /** The same chart rendered at the wide size; the figure shows it instead of svg when its own inline size is at least 900px. */
+    readonly svgWide?: string;
+    readonly description?: string;
+    readonly width?: number;
+    readonly height?: number;
+}
+/** renderPanelSection aliases shared by every panel-family component. */
+interface PanelSectionProps extends React.HTMLAttributes<HTMLElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly subtitle?: string;
+    readonly description?: string;
+    readonly metadata?: string;
+    readonly summary?: string;
+    readonly text?: string;
+    readonly body?: string;
+    readonly emptyMessage?: string;
+}
+type ClassificationPanelProps = PanelSectionProps;
+type AddressCollectionPanelProps = PanelSectionProps;
+type MembershipPanelProps = PanelSectionProps;
+type PreferencePanelProps = PanelSectionProps;
+interface TagManagerProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly description?: string;
+    readonly subtitle?: string;
+    readonly hint?: string;
+    /** Tag entries as the HTML renderer reads them: records use label/name/role/value/id, scalars render as text. */
+    readonly tags?: readonly unknown[];
+    readonly value?: readonly unknown[];
+}
+/** Shared shape of the badge-family summaries over the Badge substrate. */
+interface BadgeFamilyProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'role'> {
+    readonly label?: string;
+    readonly text?: string;
+    readonly value?: string;
+    readonly status?: string;
+    readonly state?: string;
+    readonly variant?: string;
+    readonly tone?: ComponentTone;
+    readonly emphasis?: ComponentEmphasis;
+}
+interface AddressSummaryBadgeProps extends BadgeFamilyProps {
+    /** The address role that names the status; never an ARIA role. */
+    readonly role?: string;
+}
+interface MessageStatusBadgeProps extends BadgeFamilyProps {
+    readonly delivery?: string;
+}
+interface PreferenceSummaryBadgeProps extends BadgeFamilyProps {
+    readonly namespace?: string;
+    readonly version?: string;
+}
+interface RoleBadgeListProps extends React.HTMLAttributes<HTMLSpanElement> {
+    readonly roles?: readonly unknown[];
+    readonly badges?: readonly unknown[];
+    readonly roleLabels?: readonly unknown[];
+    readonly value?: readonly unknown[];
+    readonly variant?: string;
+    readonly tone?: string;
+    readonly label?: string;
+    readonly text?: string;
+}
+interface TagPillsProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly tags?: readonly unknown[];
+    readonly value?: readonly unknown[];
+    readonly maxVisible?: number | string;
+    readonly overflowLabel?: string;
+}
+/** Timeline-family logs over renderTimelineContainer semantics; the event keys differ per family. */
+interface TimelineFamilyProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly events?: readonly unknown[];
+}
+interface AddressValidationTimelineProps extends TimelineFamilyProps {
+    readonly validations?: readonly unknown[];
+    readonly history?: readonly unknown[];
+}
+interface MembershipAuditTimelineProps extends TimelineFamilyProps {
+    readonly memberships?: readonly unknown[];
+    readonly history?: readonly unknown[];
+}
+interface MessageEventTimelineProps extends TimelineFamilyProps {
+    readonly messages?: readonly unknown[];
+    readonly statuses?: readonly unknown[];
+}
+interface PreferenceTimelineProps extends TimelineFamilyProps {
+    readonly changes?: readonly unknown[];
+    readonly history?: readonly unknown[];
+}
+interface AuditEventProps extends React.HTMLAttributes<HTMLElement> {
+    readonly label?: string;
+    readonly title?: string;
+    readonly event?: string;
+    readonly status?: string;
+    readonly state?: string;
+    readonly reason?: string;
+    readonly text?: string;
+    readonly timestamp?: string;
+    readonly datetime?: string;
+    readonly time?: string;
+    readonly at?: string;
+    readonly createdAt?: string;
+    readonly updatedAt?: string;
+    readonly detail?: string;
+    readonly description?: string;
+    readonly message?: string;
+    readonly from?: string;
+    readonly to?: string;
+    readonly code?: string;
+}
+/** renderFormContainer aliases shared by every form-family component. */
+interface FormShellProps {
+    readonly title?: string;
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly description?: string;
+    readonly subtitle?: string;
+    readonly hint?: string;
+}
+/** The record an AddressEditor hands its consumer on every edit. */
+type AddressEditorValue = {
+    street: string;
+    city: string;
+    region: string;
+    postalCode: string;
+};
+interface AddressEditorProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'onChange' | 'title' | 'name'>, FormShellProps {
+    readonly street?: string;
+    readonly line1?: string;
+    readonly addressLine1?: string;
+    readonly city?: string;
+    readonly region?: string;
+    readonly state?: string;
+    readonly postalCode?: string;
+    readonly zip?: string;
+    readonly onChange?: (address: AddressEditorValue) => void;
+}
+interface PreferenceEditorProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
+    readonly namespaces?: readonly unknown[];
+    readonly namespace?: string;
+    readonly document?: string;
+    readonly json?: string;
+    readonly value?: string;
+}
+interface RoleAssignmentFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
+    readonly roles?: readonly unknown[];
+    readonly availableRoles?: readonly unknown[];
+    readonly role?: string;
+    readonly defaultRoleId?: string;
+    readonly assignee?: string;
+    readonly member?: string;
+}
+interface StatusSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'title'> {
+    readonly help?: string;
+    readonly label?: string;
+    readonly title?: string;
+    readonly options?: readonly unknown[];
+    readonly states?: readonly unknown[];
+    readonly value?: string;
+    readonly status?: string;
+    readonly onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
+interface TagInputProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange' | 'title' | 'name'>, FormShellProps {
+    readonly tags?: readonly unknown[];
+    readonly value?: string;
+    readonly placeholder?: string;
+    readonly onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
+interface TemplatePickerProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'title' | 'name'>, FormShellProps {
+    readonly templates?: readonly unknown[];
+    readonly options?: readonly unknown[];
+    readonly templateId?: string;
+    readonly value?: string;
+    readonly channels?: readonly unknown[];
+    readonly channel?: string;
+}
+/** A saved-schema filter descriptor; the renderer reads label and field, exactly as the HTML renderer does. */
+type FilterDescriptor = Readonly<Record<string, unknown>>;
+interface FilterPanelProps extends React.HTMLAttributes<HTMLElement> {
+    readonly filters?: readonly FilterDescriptor[];
+    readonly activeFilters?: readonly FilterDescriptor[];
+    readonly mode?: string;
+    readonly collapsible?: boolean;
+}
+interface PriceSummaryProps extends React.HTMLAttributes<HTMLElement> {
+    readonly title?: string;
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly amount?: string | number;
+    readonly amountCents?: string | number;
+    readonly unitAmountCents?: string | number;
+    readonly minorUnits?: number;
+    readonly currency?: string;
+    readonly currencyCode?: string;
+    readonly model?: string;
+    readonly pricingModel?: string;
+    readonly interval?: string;
+    readonly billingInterval?: string;
+    readonly summary?: string;
+    readonly text?: string;
+    readonly description?: string;
+}
+interface CommonFieldProps {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly help?: React.ReactNode;
+    readonly description?: React.ReactNode;
+    readonly validation?: FieldValidation;
+    readonly density?: FieldDensity;
+    readonly requiredIndicator?: React.ReactNode;
+    readonly className?: string;
+    readonly style?: React.CSSProperties;
+}
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'children' | 'className' | 'style'>;
+interface InputProps extends NativeInputProps, CommonFieldProps {
+    readonly inputClassName?: string;
+    readonly inputStyle?: React.CSSProperties;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
+interface DatePickerProps extends Omit<InputProps, 'type'> {
+    readonly pickerClassName?: string;
+    readonly pickerStyle?: React.CSSProperties;
+}
+type NativeCheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'type' | 'children' | 'className' | 'style'>;
+interface CheckboxProps extends NativeCheckboxProps, CommonFieldProps {
+    readonly checkboxClassName?: string;
+    readonly checkboxStyle?: React.CSSProperties;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly onUpdate?: (checked: boolean) => void;
+}
+type SelectOption = {
+    readonly value: string;
+    readonly label: React.ReactNode;
+    readonly disabled?: boolean;
+};
+type NativeSelectProps = Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'id' | 'className' | 'style'>;
+interface SelectProps extends NativeSelectProps, CommonFieldProps {
+    readonly options?: readonly SelectOption[];
+    readonly placeholder?: string;
+    readonly selectClassName?: string;
+    readonly selectStyle?: React.CSSProperties;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
+type NativeTextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'children' | 'className' | 'style'>;
+interface TextareaProps extends NativeTextareaProps, CommonFieldProps {
+    readonly textareaClassName?: string;
+    readonly textareaStyle?: React.CSSProperties;
+    readonly onValueChange?: (value: string) => void;
+    readonly onUpdate?: (value: string) => void;
+}
+type LayoutGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | string;
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly columns?: number | 'auto-fit';
+    readonly minColumnWidth?: string;
+    readonly gap?: LayoutGap;
+    readonly align?: React.CSSProperties['alignItems'];
+    readonly justify?: React.CSSProperties['justifyContent'];
+}
+interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly direction?: 'row' | 'column';
+    readonly gap?: LayoutGap;
+    readonly align?: React.CSSProperties['alignItems'];
+    readonly justify?: React.CSSProperties['justifyContent'];
+    readonly wrap?: boolean;
+}
+type TableRowData = {
+    readonly id: string;
+    readonly [key: string]: unknown;
+};
+type TableColumn<Row extends TableRowData = TableRowData> = {
+    readonly key: string;
+    readonly label: React.ReactNode;
+    readonly numeric?: boolean;
+    readonly render?: (value: unknown, row: Row) => React.ReactNode;
+};
+interface TableProps<Row extends TableRowData = TableRowData> extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'children'> {
+    readonly caption?: React.ReactNode;
+    readonly columns?: readonly TableColumn<Row>[];
+    readonly rows?: readonly Row[];
+    readonly density?: FieldDensity;
+    readonly selectable?: boolean;
+    readonly onRowActivate?: (id: string, row: Row, event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    readonly children?: React.ReactNode;
+    readonly containerClassName?: string;
+    readonly containerStyle?: React.CSSProperties;
+}
+interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+type TableCaptionProps = React.ComponentPropsWithoutRef<'caption'>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly onActivate?: (event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>) => void;
+}
+interface TableHeaderCellProps extends React.ComponentPropsWithoutRef<'th'> {
+    readonly numeric?: boolean;
+}
+interface TableCellProps extends React.ComponentPropsWithoutRef<'td'> {
+    readonly numeric?: boolean;
+    readonly status?: string;
+    readonly statusDomain?: string;
+    readonly tone?: ComponentTone;
+    readonly statusEmphasis?: 'surface' | 'text';
+}
+type TableCompound = React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> & {
+    readonly Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
+    readonly Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+    readonly Caption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+    readonly Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+    readonly HeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
+    readonly Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+};
+type TabItem = {
+    readonly id: string;
+    readonly label: React.ReactNode;
+    readonly panel: React.ReactNode;
+    readonly isDisabled?: boolean;
+    readonly disabled?: boolean;
+};
+interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    readonly items: readonly TabItem[];
+    readonly selectedId?: string;
+    readonly defaultSelectedId?: string;
+    readonly size?: ComponentSize;
+    readonly overflowLabel?: string;
+    readonly ariaLabel?: string;
+    readonly onChange?: (id: string) => void;
+    readonly onUpdate?: (id: string) => void;
+}
+type SafeTextElement = 'span' | 'p' | 'strong' | 'em' | 'small' | 'div' | 'dt' | 'dd' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+interface TextProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'content'> {
+    readonly content?: React.ReactNode;
+    readonly children?: React.ReactNode;
+    readonly label?: string;
+    readonly size?: ComponentSize;
+    readonly weight?: 'regular' | 'medium' | 'semibold';
+    readonly as?: SafeTextElement;
+}
+interface InlineLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
+    readonly label?: string;
+    readonly text?: string;
+    readonly value?: string;
+    readonly maxLength?: number | string;
+}
+interface LabelCellProps extends InlineLabelProps {
+    readonly description?: string;
+    readonly subtitle?: string;
+    readonly sublabel?: string;
+    readonly supporting?: string;
+    readonly truncate?: boolean;
+}
+interface FormLabelGroupProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    readonly label?: string;
+    readonly text?: string;
+    readonly title?: string;
+    readonly placeholder?: string;
+    readonly hint?: string;
+    readonly description?: string;
+    readonly for?: string;
+    readonly inputId?: string;
+}
+interface ClassificationBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    readonly label?: string;
+    readonly text?: string;
+    readonly category?: string;
+    readonly value?: string;
+    readonly status?: string;
+    readonly state?: string;
+    readonly mode?: string;
+    readonly variant?: string;
+    readonly tone?: ComponentTone;
+    readonly emphasis?: ComponentEmphasis;
+}
+interface ClassificationEditorProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
+    readonly category?: string;
+    readonly primaryCategory?: string;
+    readonly tags?: string | readonly unknown[];
+    readonly modes?: readonly unknown[];
+    readonly mode?: string;
+    readonly classificationMode?: string;
+}
+interface OwnerBadgeProps extends Omit<ClassificationBadgeProps, 'category' | 'mode'> {
+    readonly owner?: string;
+    readonly ownerType?: string;
+}
+interface OwnershipSummaryProps extends Omit<React.HTMLAttributes<HTMLElement>, 'role'> {
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly ownerLabel?: string;
+    readonly ownerId?: string;
+    readonly owner_id?: string;
+    readonly ownerType?: string;
+    readonly owner_type?: string;
+    readonly role?: string;
+    readonly ownershipRole?: string;
+    readonly summary?: string;
+    readonly text?: string;
+    readonly description?: string;
+}
+interface OwnershipMetaProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly ownerType?: string;
+    readonly owner_type?: string;
+    readonly role?: string;
+    readonly ownershipRole?: string;
+}
+interface TagSummaryProps extends React.HTMLAttributes<HTMLElement> {
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly tagCount?: number | string;
+    readonly count?: number | string;
+    readonly tags?: string | readonly unknown[];
+    readonly summary?: string;
+    readonly text?: string;
+    readonly description?: string;
+}
+interface ArchiveSummaryProps extends React.HTMLAttributes<HTMLElement> {
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly isArchived?: boolean | string;
+    readonly archived?: boolean | string;
+    readonly status?: boolean | string;
+    readonly archivedAt?: string | null;
+    readonly reason?: string;
+    readonly archiveReason?: string;
+    readonly summary?: string;
+    readonly text?: string;
+    readonly description?: string;
+}
+interface ArchivePillProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
+    readonly isArchived?: boolean | string;
+    readonly value?: boolean | string;
+}
+interface CancellationBadgeProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
+    readonly cancelAtPeriodEnd?: boolean | string;
+    readonly isCancelled?: boolean | string;
+    readonly value?: boolean | string;
+}
+interface CancellationFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'title' | 'name'>, FormShellProps {
+    readonly embedded?: boolean;
+    readonly reasonHelp?: string;
+    readonly codeHelp?: string;
+    readonly allowedReasons?: readonly unknown[];
+    readonly reasonCode?: string;
+    readonly reason?: string;
+    readonly cancellationReason?: string;
+}
+interface PriceCardMetaProps extends React.HTMLAttributes<HTMLDivElement> {
+    readonly label?: string;
+    readonly heading?: string;
+    readonly name?: string;
+    readonly model?: string;
+    readonly pricingModel?: string;
+    readonly interval?: string;
+    readonly billingInterval?: string;
+}
+
+export type { AddressCollectionPanelProps, AddressEditorProps, AddressEditorValue, AddressSummaryBadgeProps, AddressValidationTimelineProps, ArchivePillProps, ArchiveSummaryProps, AuditEventProps, BadgeProps, BannerProps, ButtonProps, CancellationBadgeProps, CancellationFormProps, CardHeaderProps, CardProps, CheckboxProps, ClassificationBadgeProps, ClassificationEditorProps, ClassificationPanelProps, ColorSwatchProps, ColorizedBadgeProps, CommonFieldProps, ComponentEmphasis, ComponentSize, ComponentTone, DatePickerProps, DetailHeaderProps, FieldDensity, FieldValidation, FilterDescriptor, FilterPanelProps, FormLabelGroupProps, GridProps, HeaderElement, HeaderLevel, InlineLabelProps, InputProps, LabelCellProps, LayoutGap, MembershipAuditTimelineProps, MembershipPanelProps, MessageEventTimelineProps, MessageStatusBadgeProps, OwnerBadgeProps, OwnershipMetaProps, OwnershipSummaryProps, PanelSectionProps, PreferenceEditorProps, PreferencePanelProps, PreferenceSummaryBadgeProps, PreferenceTimelineProps, PriceCardMetaProps, PriceSummaryProps, RoleAssignmentFormProps, RoleBadgeListProps, SafeContainerElement, SafeTextElement, SelectOption, SelectProps, StackProps, StatusSelectorProps, TabItem, TableBodyProps, TableCaptionProps, TableCellProps, TableColumn, TableCompound, TableHeadProps, TableHeaderCellProps, TableProps, TableRowData, TableRowProps, TabsProps, TagInputProps, TagManagerProps, TagPillsProps, TagSummaryProps, TemplatePickerProps, TextProps, TextareaProps, VizAreaPreviewProps };