@oods/components-vue 0.3.3 → 0.4.1

package/dist/index.d.cts

@@ -1,10 +1,12 @@
 import * as vue from 'vue';
 import { VNodeChild, PropType, VNode } from 'vue';
-import { CollectionEvent, SortState, GeoFieldMappingValue, VizIntentFragment, VizChannel } from '@oods/component-contracts';
+import { StatusIconName, CollectionEvent, SortState, GeoFieldMappingValue, VizIntentFragment, VizChannel } from '@oods/component-contracts';
 
 type ComponentTone = 'neutral' | 'info' | 'accent' | 'positive' | 'success' | 'warning' | 'critical' | 'danger';
 type ComponentEmphasis = 'subtle' | 'solid';
 type ComponentSize = 'sm' | 'md' | 'lg';
+type ButtonSize = 'xs' | ComponentSize;
+type ButtonIntent = 'neutral' | 'primary' | 'secondary' | 'outline' | 'ghost' | 'link' | 'destructive' | 'success' | 'warning' | 'danger';
 type LayoutGap = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | string;
 type ValidationMessage = {
     state: 'error' | 'warning' | 'success';
@@ -15,6 +17,8 @@ type SelectOption = {
     label: string;
     disabled?: boolean;
 };
+/** s223-m02 (#2527 ruling 11): a combobox option, Select's shape; its label is text, because typing filters the list on it. */
+type ComboboxOption = SelectOption;
 type TableColumn = {
     key: string;
     label: string;
@@ -530,10 +534,10 @@ declare const Banner: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
+    title: string;
     emphasis: ComponentEmphasis;
     content: string | number;
     domain: string;
-    title: string;
     detail: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -542,11 +546,11 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
     intent: {
-        type: StringConstructor;
+        type: PropType<ButtonIntent>;
         default: string;
     };
     size: {
-        type: PropType<ComponentSize>;
+        type: PropType<ButtonSize>;
         default: string;
     };
     disabled: BooleanConstructor;
@@ -564,11 +568,11 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
     intent: {
-        type: StringConstructor;
+        type: PropType<ButtonIntent>;
         default: string;
     };
     size: {
-        type: PropType<ComponentSize>;
+        type: PropType<ButtonSize>;
         default: string;
     };
     disabled: BooleanConstructor;
@@ -582,8 +586,70 @@ declare const Button: vue.DefineComponent<vue.ExtractPropTypes<{
     content: string | number;
     type: "button" | "reset" | "submit";
     disabled: boolean;
-    intent: string;
-    size: ComponentSize;
+    intent: ButtonIntent;
+    size: ButtonSize;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Dialog: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    open: BooleanConstructor;
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: StringConstructor;
+    dismissLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    actions: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    close: () => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    open: BooleanConstructor;
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: StringConstructor;
+    dismissLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    actions: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    title: string;
+    dismissLabel: string;
+    actions: VNodeChild;
+    size: "sm" | "md" | "lg";
+    open: boolean;
+    modal: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const Card: vue.DefineComponent<vue.ExtractPropTypes<{
     elevated: BooleanConstructor;
@@ -838,6 +904,13 @@ declare const VizAreaPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svgNarrow: StringConstructor;
     /** The same chart rendered at the wide size; the figure shows it instead of svg when its own inline size is at least 900px. */
     svgWide: StringConstructor;
+    /** s222-m02 (F7): the dark and high-contrast renders; with any of them, svg* are the light ones (see React's types). */
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: {
@@ -856,6 +929,13 @@ declare const VizAreaPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svgNarrow: StringConstructor;
     /** The same chart rendered at the wide size; the figure shows it instead of svg when its own inline size is at least 900px. */
     svgWide: StringConstructor;
+    /** s222-m02 (F7): the dark and high-contrast renders; with any of them, svg* are the light ones (see React's types). */
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: {
@@ -1080,7 +1160,7 @@ declare const AddressSummaryBadge: vue.DefineComponent<vue.ExtractPropTypes<Reco
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1089,7 +1169,7 @@ declare const MessageStatusBadge: vue.DefineComponent<vue.ExtractPropTypes<Recor
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1098,7 +1178,7 @@ declare const PreferenceSummaryBadge: vue.DefineComponent<vue.ExtractPropTypes<R
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1449,7 +1529,7 @@ declare const ClassificationBadge: vue.DefineComponent<vue.ExtractPropTypes<Reco
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1489,7 +1569,7 @@ declare const OwnerBadge: vue.DefineComponent<vue.ExtractPropTypes<Record<string
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1560,6 +1640,7 @@ declare const OwnershipMeta: vue.DefineComponent<vue.ExtractPropTypes<{
     owner_type: StringConstructor;
     role: StringConstructor;
     ownershipRole: StringConstructor;
+    ownerLabel: StringConstructor;
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -1571,13 +1652,14 @@ declare const OwnershipMeta: vue.DefineComponent<vue.ExtractPropTypes<{
     owner_type: StringConstructor;
     role: StringConstructor;
     ownershipRole: StringConstructor;
+    ownerLabel: StringConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 declare const ArchivePill: vue.DefineComponent<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1586,7 +1668,7 @@ declare const CancellationBadge: vue.DefineComponent<vue.ExtractPropTypes<Record
     default: undefined;
 }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<Record<string, StringConstructor | {
     type: PropType<string | boolean>;
     default: undefined;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
@@ -1985,6 +2067,62 @@ declare const Checkbox: vue.DefineComponent<vue.ExtractPropTypes<{
     defaultChecked: boolean;
     checked: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const Switch: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultChecked: BooleanConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    help: StringConstructor;
+    validation: PropType<ValidationMessage>;
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (_value: boolean) => true;
+    change: (_value: boolean) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    checked: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultChecked: BooleanConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    help: StringConstructor;
+    validation: PropType<ValidationMessage>;
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((_value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "sm" | "md";
+    modelValue: boolean;
+    required: boolean;
+    defaultChecked: boolean;
+    checked: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 declare const TableCaption: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
@@ -2021,6 +2159,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    showCaption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     columns: {
         type: PropType<readonly TableColumn[]>;
         default: () => never[];
@@ -2043,6 +2185,10 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    showCaption: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     columns: {
         type: PropType<readonly TableColumn[]>;
         default: () => never[];
@@ -2063,6 +2209,7 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     columns: readonly TableColumn[];
     rows: readonly TableRecord[];
     selectable: boolean;
+    showCaption: boolean;
     density: "default" | "compact";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
@@ -2119,6 +2266,66 @@ declare const Tabs: vue.DefineComponent<vue.ExtractPropTypes<{
     ariaLabel: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
+/**
+ * s223-m02 (#2527 ruling 10): one choice from two to five options, shown as joined segments. One markup with React and
+ * the HTML renderer: a radiogroup named by the visible label, each option a native radio inside its own label. The radio
+ * is transparent over its whole segment, so the shared focus rule draws its ring on the segment, and the browser gives
+ * the radio-group keyboard (the arrows move and check, Tab enters at the checked option) with no script. Select's value
+ * API: modelValue or value (controlled), else defaultValue; each change emits update:modelValue and change.
+ */
+declare const SegmentedControl: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    modelValue: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: StringConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => never[];
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => true;
+    change: (_value: string) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    modelValue: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: StringConstructor;
+    size: {
+        type: PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onChange?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "sm" | "md" | "lg" | "xs";
+    options: readonly SelectOption[];
+    defaultValue: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
 type TimelineEvent = {
     label: string;
     timestamp?: string;
@@ -2136,7 +2343,7 @@ type PaginationItem = {
 type StatusMetadata = {
     description: string;
     tone: ComponentTone;
-    icon?: string;
+    icon?: StatusIconName;
 };
 type StatusPresentation = StatusMetadata & {
     label: string;
@@ -3154,7 +3361,7 @@ declare const ArchiveEvent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: StringConstructor;
     title: {
         type: StringConstructor;
@@ -3205,7 +3412,7 @@ declare const CancellationEvent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: StringConstructor;
     title: {
         type: StringConstructor;
@@ -3256,7 +3463,7 @@ declare const StateTransitionEvent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: StringConstructor;
     title: {
         type: StringConstructor;
@@ -3316,7 +3523,7 @@ declare const ColorStatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     colorStates: {
         type: PropType<readonly string[]>;
-        default: () => ("neutral" | "info" | "success" | "warning" | "critical")[];
+        default: () => ("info" | "neutral" | "success" | "warning" | "critical")[];
     };
     value: StringConstructor;
     disabled: BooleanConstructor;
@@ -3332,7 +3539,7 @@ declare const ColorStatePicker: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     colorStates: {
         type: PropType<readonly string[]>;
-        default: () => ("neutral" | "info" | "success" | "warning" | "critical")[];
+        default: () => ("info" | "neutral" | "success" | "warning" | "critical")[];
     };
     value: StringConstructor;
     disabled: BooleanConstructor;
@@ -3351,7 +3558,7 @@ declare const StatusColorLegend: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     colorStates: {
         type: PropType<readonly string[]>;
-        default: () => ("neutral" | "info" | "success" | "warning" | "critical")[];
+        default: () => ("info" | "neutral" | "success" | "warning" | "critical")[];
     };
     value: StringConstructor;
     showTokenReferences: BooleanConstructor;
@@ -3365,7 +3572,7 @@ declare const StatusColorLegend: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     colorStates: {
         type: PropType<readonly string[]>;
-        default: () => ("neutral" | "info" | "success" | "warning" | "critical")[];
+        default: () => ("info" | "neutral" | "success" | "warning" | "critical")[];
     };
     value: StringConstructor;
     showTokenReferences: BooleanConstructor;
@@ -3978,6 +4185,12 @@ declare const VizHeatmapPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -3988,6 +4201,12 @@ declare const VizHeatmapPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -3997,6 +4216,12 @@ declare const VizGraphPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4007,6 +4232,12 @@ declare const VizGraphPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4016,6 +4247,12 @@ declare const VizLinePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4026,6 +4263,12 @@ declare const VizLinePreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4035,6 +4278,12 @@ declare const VizMarkPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4045,6 +4294,12 @@ declare const VizMarkPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4054,6 +4309,12 @@ declare const VizPointPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4064,6 +4325,12 @@ declare const VizPointPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4073,6 +4340,12 @@ declare const VizScatterPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
@@ -4083,10 +4356,89 @@ declare const VizScatterPreview: vue.DefineComponent<vue.ExtractPropTypes<{
     svg: StringConstructor;
     svgNarrow: StringConstructor;
     svgWide: StringConstructor;
+    svgDark: StringConstructor;
+    svgDarkNarrow: StringConstructor;
+    svgDarkWide: StringConstructor;
+    svgHc: StringConstructor;
+    svgHcNarrow: StringConstructor;
+    svgHcWide: StringConstructor;
     title: StringConstructor;
     description: StringConstructor;
     width: NumberConstructor;
     height: NumberConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { AddressCollectionPanel, type AddressCollectionPanelProps, AddressEditor, type AddressEditorProps, type AddressEditorValue, AddressSummaryBadge, type AddressSummaryBadgeProps, AddressValidationTimeline, type AddressValidationTimelineProps, ArchiveEvent, ArchivePill, type ArchivePillProps, ArchiveSummary, type ArchiveSummaryProps, ArchivedRowOverlay, AuditEvent, type AuditEventProps, AuditSummaryCard, AuditTimeline, Badge, Banner, BillingAmountInput, BillingCardMeta, BillingIntervalSelector, BillingSummaryBadge, Button, CancellationBadge, type CancellationBadgeProps, CancellationEvent, CancellationForm, type CancellationFormProps, CancellationSummary, type CancellationSummaryProps, Card, CardHeader, type CardHeaderProps, Checkbox, ClassificationBadge, type ClassificationBadgeProps, ClassificationEditor, type ClassificationEditorProps, ClassificationPanel, type ClassificationPanelProps, ColorStatePicker, ColorSwatch, type ColorSwatchProps, ColorizedBadge, type ColorizedBadgeProps, CommunicationDetailPanel, type ComponentEmphasis, type ComponentSize, type ComponentTone, CycleProgressCard, DatePicker, DetailHeader, type DetailHeaderProps, type FilterDescriptor, FilterPanel, type FilterPanelProps, FormLabelGroup, type FormLabelGroupProps, GeoFieldMappingForm, GeoResolutionBadge, GeocodablePreview, Grid, type HeaderElement, type HeaderLevel, InlineLabel, type InlineLabelProps, Input, LabelCell, type LabelCellProps, type LayoutGap, MembershipAuditTimeline, type MembershipAuditTimelineProps, MembershipPanel, type MembershipPanelProps, MessageEventTimeline, type MessageEventTimelineProps, MessageStatusBadge, type MessageStatusBadgeProps, OwnerBadge, type OwnerBadgeProps, OwnershipMeta, type OwnershipMetaProps, OwnershipSummary, type OwnershipSummaryProps, PaginationBar, type PaginationBarProps, type PaginationItem, type PanelSectionProps, PaymentEventTimeline, PaymentTimeline, PreferenceEditor, type PreferenceEditorProps, PreferencePanel, type PreferencePanelProps, PreferenceSummaryBadge, type PreferenceSummaryBadgeProps, PreferenceTimeline, type PreferenceTimelineProps, PriceBadge, type PriceBadgeProps, PriceCardMeta, type PriceCardMetaProps, PriceSummary, type PriceSummaryProps, RelativeTimestamp, type RelativeTimestampProps, RoleAssignmentForm, type RoleAssignmentFormProps, RoleBadgeList, type RoleBadgeListProps, SearchInput, type SearchInputProps, Select, type SelectOption, SortIndicator, Stack, StateTransitionEvent, StatusBadge, type StatusBadgeProps, StatusColorLegend, type StatusPresentation, StatusSelector, type StatusSelectorProps, StatusTimeline, type TabItem, Table, TableBody, TableCaption, TableCell, type TableColumn, TableHead, TableHeaderCell, type TableRecord, TableRow, Tabs, TagInput, type TagInputProps, TagManager, type TagManagerProps, TagPills, type TagPillsProps, TagSummary, type TagSummaryProps, TemplatePicker, type TemplatePickerProps, Text, type TextElement, Textarea, TimelineEntryLabel, type TimelineEvent, type TimelineProps, type ValidationMessage, VizAreaControls, VizAreaPreview, type VizAreaPreviewProps, VizAxisControls, VizAxisSummary, VizColorControls, VizColorLegendConfig, VizEncodingBadge, VizGraphPreview, VizHeatmapControls, VizHeatmapPreview, VizLineControls, VizLinePreview, VizMarkControls, VizMarkPreview, VizOpacityControls, VizOpacitySummary, VizPointControls, VizPointPreview, VizRoleBadge, VizScaleControls, VizScaleSummary, VizScatterControls, VizScatterPreview, VizShapeControls, VizShapeLegend, VizSizeControls, VizSizeSummary };
+/**
+ * s223-m02 (#2527 ruling 11): pick one value from a list by typing to filter it, in one markup with React and the HTML
+ * renderer. It follows the WAI-ARIA combobox pattern with a listbox popup: focus stays in the input, and the active option
+ * is its aria-activedescendant. Typing filters the options to those whose label contains the text, ignoring case, and
+ * opens the list. Down opens the list and moves, Up moves (and opens the list at its end), Home and End go to the ends of
+ * an open list, Enter picks the active option, Escape closes the list and, with the list closed, clears the field, and
+ * Tab closes the list without picking. Disabled options are skipped and cannot be picked. Leaving the field restores the
+ * chosen label. Picking emits update:modelValue and change with the option's value.
+ */
+declare const Combobox: vue.DefineComponent<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => never[];
+    };
+    modelValue: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    help: StringConstructor;
+    validation: PropType<ValidationMessage>;
+    /** The control height, as Button, Input and Select: xs 24, sm 28, md 32 (default) or lg 40. */
+    size: {
+        type: PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (_value: string) => true;
+    change: (_value: string) => true;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: StringConstructor;
+    label: StringConstructor;
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => never[];
+    };
+    modelValue: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    name: StringConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    help: StringConstructor;
+    validation: PropType<ValidationMessage>;
+    /** The control height, as Button, Input and Select: xs 24, sm 28, md 32 (default) or lg 40. */
+    size: {
+        type: PropType<"sm" | "md" | "lg" | "xs">;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((_value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "sm" | "md" | "lg" | "xs";
+    options: readonly SelectOption[];
+    defaultValue: string;
+    required: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { AddressCollectionPanel, type AddressCollectionPanelProps, AddressEditor, type AddressEditorProps, type AddressEditorValue, AddressSummaryBadge, type AddressSummaryBadgeProps, AddressValidationTimeline, type AddressValidationTimelineProps, ArchiveEvent, ArchivePill, type ArchivePillProps, ArchiveSummary, type ArchiveSummaryProps, ArchivedRowOverlay, AuditEvent, type AuditEventProps, AuditSummaryCard, AuditTimeline, Badge, Banner, BillingAmountInput, BillingCardMeta, BillingIntervalSelector, BillingSummaryBadge, Button, type ButtonIntent, type ButtonSize, CancellationBadge, type CancellationBadgeProps, CancellationEvent, CancellationForm, type CancellationFormProps, CancellationSummary, type CancellationSummaryProps, Card, CardHeader, type CardHeaderProps, Checkbox, ClassificationBadge, type ClassificationBadgeProps, ClassificationEditor, type ClassificationEditorProps, ClassificationPanel, type ClassificationPanelProps, ColorStatePicker, ColorSwatch, type ColorSwatchProps, ColorizedBadge, type ColorizedBadgeProps, Combobox, type ComboboxOption, CommunicationDetailPanel, type ComponentEmphasis, type ComponentSize, type ComponentTone, CycleProgressCard, DatePicker, DetailHeader, type DetailHeaderProps, Dialog, type FilterDescriptor, FilterPanel, type FilterPanelProps, FormLabelGroup, type FormLabelGroupProps, GeoFieldMappingForm, GeoResolutionBadge, GeocodablePreview, Grid, type HeaderElement, type HeaderLevel, InlineLabel, type InlineLabelProps, Input, LabelCell, type LabelCellProps, type LayoutGap, MembershipAuditTimeline, type MembershipAuditTimelineProps, MembershipPanel, type MembershipPanelProps, MessageEventTimeline, type MessageEventTimelineProps, MessageStatusBadge, type MessageStatusBadgeProps, OwnerBadge, type OwnerBadgeProps, OwnershipMeta, type OwnershipMetaProps, OwnershipSummary, type OwnershipSummaryProps, PaginationBar, type PaginationBarProps, type PaginationItem, type PanelSectionProps, PaymentEventTimeline, PaymentTimeline, PreferenceEditor, type PreferenceEditorProps, PreferencePanel, type PreferencePanelProps, PreferenceSummaryBadge, type PreferenceSummaryBadgeProps, PreferenceTimeline, type PreferenceTimelineProps, PriceBadge, type PriceBadgeProps, PriceCardMeta, type PriceCardMetaProps, PriceSummary, type PriceSummaryProps, RelativeTimestamp, type RelativeTimestampProps, RoleAssignmentForm, type RoleAssignmentFormProps, RoleBadgeList, type RoleBadgeListProps, SearchInput, type SearchInputProps, SegmentedControl, Select, type SelectOption, SortIndicator, Stack, StateTransitionEvent, StatusBadge, type StatusBadgeProps, StatusColorLegend, type StatusPresentation, StatusSelector, type StatusSelectorProps, StatusTimeline, Switch, type TabItem, Table, TableBody, TableCaption, TableCell, type TableColumn, TableHead, TableHeaderCell, type TableRecord, TableRow, Tabs, TagInput, type TagInputProps, TagManager, type TagManagerProps, TagPills, type TagPillsProps, TagSummary, type TagSummaryProps, TemplatePicker, type TemplatePickerProps, Text, type TextElement, Textarea, TimelineEntryLabel, type TimelineEvent, type TimelineProps, type ValidationMessage, VizAreaControls, VizAreaPreview, type VizAreaPreviewProps, VizAxisControls, VizAxisSummary, VizColorControls, VizColorLegendConfig, VizEncodingBadge, VizGraphPreview, VizHeatmapControls, VizHeatmapPreview, VizLineControls, VizLinePreview, VizMarkControls, VizMarkPreview, VizOpacityControls, VizOpacitySummary, VizPointControls, VizPointPreview, VizRoleBadge, VizScaleControls, VizScaleSummary, VizScatterControls, VizScatterPreview, VizShapeControls, VizShapeLegend, VizSizeControls, VizSizeSummary };