xmlui 0.9.84 → 0.9.87

package/dist/scripts/src/components/ModalDialog/ModalDialog.js

@@ -40,11 +40,20 @@ exports.ModalDialogMd = (0, metadata_helpers_1.createMetadata)({
             `the \`${COMP}\`.`),
     },
     apis: {
-        close: (0, metadata_helpers_1.d)(`This method is used to close the \`${COMP}\`. Invoke it using \`modalId.close()\` ` +
-            `where \`modalId\` refers to a \`ModalDialog\` component.`),
-        open: (0, metadata_helpers_1.d)("This method imperatively opens the modal dialog. You can pass an arbitrary number " +
-            "of parameters to the method. In the \`ModalDialog\` instance, you can access those " +
-            "with the \`$paramq` and \`$params\` context values."),
+        close: {
+            description: `This method is used to close the \`${COMP}\`. Invoke it using \`modalId.close()\` ` +
+                `where \`modalId\` refers to a \`ModalDialog\` component.`,
+            signature: "close(): void",
+        },
+        open: {
+            description: "This method imperatively opens the modal dialog. You can pass an arbitrary number " +
+                "of parameters to the method. In the `ModalDialog` instance, you can access those " +
+                "with the `\$param` and `\$params` context values.",
+            signature: "open(...params: any[]): void",
+            parameters: {
+                params: "An arbitrary number of parameters that can be used to pass data to the dialog.",
+            },
+        },
     },
     contextVars: {
         $param: (0, metadata_helpers_1.d)("First parameter passed to the `open()` method"),

package/dist/scripts/src/components/NumberBox/NumberBox.js

@@ -78,9 +78,18 @@ exports.NumberBoxMd = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, metadata_helpers_1.dValue)(),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
+        focus: {
+            description: `This API focuses the input field of the \`${COMP}\`. You can use it to programmatically focus the field.`,
+            signature: "focus(): void",
+        },
+        value: {
+            description: `This API retrieves the current value of the \`${COMP}\`. You can use it to get the value programmatically.`,
+            signature: "get value(): number | undefined",
+        },
+        setValue: {
+            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
+            signature: "setValue(value: number | undefined): void",
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(NumberBox_module_scss_1.default.themeVars),
 });

package/dist/scripts/src/components/NumberBox/NumberBox2.js

@@ -77,9 +77,18 @@ exports.NumberBoxMd2 = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, metadata_helpers_1.dValue)(),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
+        focus: {
+            description: "This method focuses the input field of the component.",
+            signature: "focus(): void",
+        },
+        value: {
+            description: "This API retrieves the current value of the component.",
+            signature: "get value(): number | undefined",
+        },
+        setValue: {
+            description: "This API sets the value of the component.",
+            signature: "setValue(value: number | undefined): void",
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(NumberBox_module_scss_1.default.themeVars),
 });

package/dist/scripts/src/components/Queue/Queue.js

@@ -37,21 +37,44 @@ exports.QueueMd = (0, metadata_helpers_1.createMetadata)({
             `The event handler has no arguments.`),
     },
     apis: {
-        enqueueItem: (0, metadata_helpers_1.d)(`This method enqueues the item passed in the method parameter. The new item will be ` +
-            `processed after the current queue items have been handled. The method retrieves the ` +
-            `unique ID of the newly added item; this ID can be used later in other methods, ` +
-            `such as \`remove\`.`),
-        enqueueItems: (0, metadata_helpers_1.d)(`This method enqueues the array of items passed in the method parameter. The new items ` +
-            `will be processed after the current queue items have been handled. The method ` +
-            `retrieves an array of unique IDs, one for each new item. An item ID can be used later ` +
-            `in other methods, such as \`remove\`.`),
-        getQueuedItems: (0, metadata_helpers_1.d)(`You can use this method to return the items in the queue. These items contain all ` +
-            `entries not removed from the queue yet, including pending, in-progress, and ` +
-            `completed items.`),
-        getQueueLength: (0, metadata_helpers_1.d)(`This method retrieves the current queue length. The queue contains only those items ` +
-            `that are not fully processed yet.`),
-        remove: (0, metadata_helpers_1.d)(`This method retrieves the current queue length. The queue contains only those items ` +
-            `that are not fully processed yet.`),
+        enqueueItem: {
+            description: `This method enqueues the item passed in the method parameter. The new item will be ` +
+                `processed after the current queue items have been handled. The method retrieves the ` +
+                `unique ID of the newly added item; this ID can be used later in other methods, ` +
+                `such as \`remove\`.`,
+            signature: "enqueueItem(item: any): string",
+            parameters: {
+                item: "The item to enqueue.",
+            },
+        },
+        enqueueItems: {
+            description: `This method enqueues the array of items passed in the method parameter. The new items ` +
+                `will be processed after the current queue items have been handled. The method ` +
+                `retrieves an array of unique IDs, one for each new item. An item ID can be used later ` +
+                `in other methods, such as \`remove\`.`,
+            signature: "enqueueItems(items: any[]): string[]",
+            parameters: {
+                items: "The array of items to enqueue.",
+            },
+        },
+        getQueuedItems: {
+            description: `You can use this method to return the items in the queue. These items contain all ` +
+                `entries not removed from the queue yet, including pending, in-progress, and ` +
+                `completed items.`,
+            signature: "getQueuedItems(): any[]",
+        },
+        getQueueLength: {
+            description: `This method retrieves the current queue length. The queue contains only those items ` +
+                `that are not fully processed yet.`,
+            signature: "getQueueLength(): number",
+        },
+        remove: {
+            description: `This method removes an item from the queue using its unique ID.`,
+            signature: "remove(itemId: string): void",
+            parameters: {
+                itemId: "The unique ID of the item to remove.",
+            },
+        },
     },
     contextVars: {
         $completedItems: (0, metadata_helpers_1.d)(`A list containing the queue items that have been completed (fully processed).`),

package/dist/scripts/src/components/Select/Select.js

@@ -58,10 +58,25 @@ exports.SelectMd = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
-        value: (0, metadata_helpers_1.dValue)(),
-        reset: (0, metadata_helpers_1.d)(`This method resets the component to its initial value, or clears the selection if no initial value was provided.`),
+        focus: {
+            description: `This method focuses the \`${COMP}\` component. You can use it to programmatically focus the component.`,
+            signature: "focus(): void",
+        },
+        setValue: {
+            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
+            signature: "setValue(value: string | string[] | undefined): void",
+            parameters: {
+                value: "The new value to set. Can be a single value or an array of values for multi-select.",
+            },
+        },
+        value: {
+            description: `This API retrieves the current value of the \`${COMP}\`. You can use it to get the value programmatically.`,
+            signature: "get value(): string | string[] | undefined",
+        },
+        reset: {
+            description: `This method resets the component to its initial value, or clears the selection if no initial value was provided.`,
+            signature: "reset(): void",
+        },
     },
     contextVars: {
         $item: (0, metadata_helpers_1.d)("Represents the current option's data (label and value properties)"),

package/dist/scripts/src/components/Slider/Slider.js

@@ -62,9 +62,21 @@ exports.SliderMd = (0, metadata_helpers_1.createMetadata)({
         lostFocus: (0, metadata_helpers_1.dLostFocus)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, metadata_helpers_1.dValue)(),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
+        focus: {
+            description: `This method sets the focus on the slider component.`,
+            signature: "focus(): void",
+        },
+        value: {
+            description: `This API retrieves the current value of the \`${COMP}\`. You can use it to get the value programmatically.`,
+            signature: "get value(): number | [number, number] | undefined",
+        },
+        setValue: {
+            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
+            signature: "setValue(value: number | [number, number] | undefined): void",
+            parameters: {
+                value: "The new value to set. Can be a single value or an array of values for range sliders.",
+            },
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(Slider_module_scss_1.default.themeVars),
     defaultThemeVars: {

package/dist/scripts/src/components/Switch/Switch.js

@@ -35,8 +35,18 @@ exports.SwitchMd = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        value: (0, metadata_helpers_1.dValueApi)(),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
+        value: {
+            description: `This property holds the current value of the ${COMP}, which can be either ` +
+                `"true" (on) or "false" (off).`,
+            signature: "get value():boolean",
+        },
+        setValue: {
+            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
+            signature: "setValue(value: boolean): void",
+            parameters: {
+                value: "The new value to set. Can be either true (on) or false (off).",
+            },
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(Toggle_module_scss_1.default.themeVars),
     limitThemeVarsToComponent: true,
@@ -58,7 +68,7 @@ exports.SwitchMd = (0, metadata_helpers_1.createMetadata)({
         [`backgroundColor-${COMP}--disabled`]: "$color-surface-200",
         dark: {
             [`backgroundColor-indicator-${COMP}`]: "$color-surface-500",
-        }
+        },
     },
 });
 exports.switchComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.SwitchMd, ({ node, extractValue, layoutCss, updateState, state, lookupEventHandler, registerComponentApi, }) => {

package/dist/scripts/src/components/Table/Table.js

@@ -96,14 +96,32 @@ exports.TableMd = (0, metadata_helpers_1.createMetadata)({
             `Its parameter is an array of the selected table row items. `),
     },
     apis: {
-        clearSelection: (0, metadata_helpers_1.d)("This method clears the list of currently selected table rows."),
-        getSelectedItems: (0, metadata_helpers_1.d)(`This method returns the list of currently selected table rows items.`),
-        getSelectedIds: (0, metadata_helpers_1.d)(`This method returns the list of currently selected table rows IDs.`),
-        selectAll: (0, metadata_helpers_1.d)(`This method selects all the rows in the table. This method has no effect if the ` +
-            `rowsSelectable property is set to \`false\`.`),
-        selectId: (0, metadata_helpers_1.d)(`This method selects the row with the specified ID. This method has no effect if the ` +
-            `\`rowsSelectable\` property is set to \`false\`. The method argument can be a ` +
-            `single id or an array of them.`),
+        clearSelection: {
+            description: `This method clears the list of currently selected table rows.`,
+            signature: "clearSelection(): void",
+        },
+        getSelectedItems: {
+            description: `This method returns the list of currently selected table rows items.`,
+            signature: "getSelectedItems(): Array<TableRowItem>",
+        },
+        getSelectedIds: {
+            description: `This method returns the list of currently selected table rows IDs.`,
+            signature: "getSelectedIds(): Array<string>",
+        },
+        selectAll: {
+            description: `This method selects all the rows in the table. This method has no effect if the ` +
+                `rowsSelectable property is set to \`false\`.`,
+            signature: "selectAll(): void",
+        },
+        selectId: {
+            description: `This method selects the row with the specified ID. This method has no effect if the ` +
+                `\`rowsSelectable\` property is set to \`false\`. The method argument can be a ` +
+                `single id or an array of them.`,
+            signature: "selectId(id: string | Array<string>): void",
+            parameters: {
+                id: `The ID of the row to select, or an array of IDs to select multiple rows.`,
+            },
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(Table_module_scss_1.default.themeVars),
     defaultThemeVars: {

package/dist/scripts/src/components/Tabs/Tabs.js

@@ -32,7 +32,10 @@ exports.TabsMd = (0, metadata_helpers_1.createMetadata)({
         tabTemplate: Object.assign(Object.assign({}, (0, metadata_helpers_1.dComponent)(`This property declares the template for the clickable tab area.`)), { isInternal: true }),
     },
     apis: {
-        next: (0, metadata_helpers_1.d)(`This method selects the next tab.`),
+        next: {
+            description: `This method selects the next tab. If the current tab is the last one, it wraps around to the first tab.`,
+            signature: "next(): void",
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(Tabs_module_scss_1.default.themeVars),
     defaultThemeVars: {

package/dist/scripts/src/components/TextArea/TextArea.js

@@ -72,8 +72,14 @@ exports.TextAreaMd = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, metadata_helpers_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
+        focus: {
+            description: `This method sets the focus on the \`${COMP}\` component.`,
+            signature: "focus(): void",
+        },
+        value: {
+            description: `You can query the component's value. If no value is set, it will retrieve \`undefined\`.`,
+            signature: "get value(): string | undefined",
+        },
         setValue: (0, metadata_helpers_1.dSetValueApi)(),
     },
     themeVars: (0, themeVars_1.parseScssVar)(TextArea_module_scss_1.default.themeVars),

package/dist/scripts/src/components/TextBox/TextBox.js

@@ -49,7 +49,7 @@ exports.TextBoxMd = (0, metadata_helpers_1.createMetadata)({
             description: "The icon to display when the password is hidden (when showPasswordToggle is true).",
             valueType: "string",
             defaultValue: "eye-off",
-        }
+        },
     },
     events: {
         gotFocus: (0, metadata_helpers_1.dGotFocus)(COMP),
@@ -57,9 +57,21 @@ exports.TextBoxMd = (0, metadata_helpers_1.createMetadata)({
         didChange: (0, metadata_helpers_1.dDidChange)(COMP),
     },
     apis: {
-        focus: (0, metadata_helpers_1.dFocus)(COMP),
-        value: (0, metadata_helpers_1.d)(`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`),
-        setValue: (0, metadata_helpers_1.dSetValueApi)(),
+        focus: {
+            description: `This method sets the focus on the \`${COMP}\` component.`,
+            signature: "focus(): void",
+        },
+        value: {
+            description: `You can query the component's value. If no value is set, it will retrieve \`undefined\`.`,
+            signature: "get value(): string | undefined",
+        },
+        setValue: {
+            description: `This API sets the value of the \`${COMP}\`. You can use it to programmatically change the value.`,
+            signature: "setValue(value: string): void",
+            parameters: {
+                value: "The new value to set. If the value is empty, it will clear the input.",
+            },
+        },
     },
     themeVars: (0, themeVars_1.parseScssVar)(TextBox_module_scss_1.default.themeVars),
     defaultThemeVars: {

package/dist/scripts/src/components/Toggle/Toggle.js

@@ -53,7 +53,7 @@ exports.defaultProps = {
     validationStatus: "none",
     indeterminate: false,
 };
-exports.Toggle = (0, react_3.forwardRef)(function Toggle({ id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, label, labelPosition = "end", labelWidth, labelBreak, required, registerComponentApi, inputRenderer, }, forwardedRef) {
+exports.Toggle = (0, react_3.forwardRef)(function Toggle({ id, initialValue = exports.defaultProps.initialValue, value = exports.defaultProps.value, enabled = exports.defaultProps.enabled, style, readOnly, validationStatus = exports.defaultProps.validationStatus, updateState = constants_1.noop, onDidChange = constants_1.noop, onFocus = constants_1.noop, onBlur = constants_1.noop, variant = "checkbox", indeterminate = exports.defaultProps.indeterminate, className, label, labelPosition = "end", labelWidth, labelBreak, required, autoFocus, registerComponentApi, inputRenderer, }, forwardedRef) {
     const generatedId = (0, react_1.useId)();
     const inputId = id || generatedId;
     const innerRef = react_3.default.useRef(null);
@@ -89,6 +89,11 @@ exports.Toggle = (0, react_3.forwardRef)(function Toggle({ id, initialValue = ex
         var _a;
         (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, []);
+    (0, react_3.useEffect)(() => {
+        if (innerRef.current && autoFocus) {
+            setTimeout(() => focus(), 0);
+        }
+    }, [focus, autoFocus]);
     const setValue = (0, misc_1.useEvent)((newValue) => {
         updateValue(newValue);
     });
@@ -98,7 +103,7 @@ exports.Toggle = (0, react_3.forwardRef)(function Toggle({ id, initialValue = ex
             setValue,
         });
     }, [focus, registerComponentApi, setValue]);
-    const input = (0, react_2.useMemo)(() => ((0, jsx_runtime_1.jsx)("input", { id: inputId, ref: innerRef, type: "checkbox", role: variant, checked: value, disabled: !enabled, required: required, readOnly: readOnly, "aria-readonly": readOnly, "aria-checked": value, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, className: (0, classnames_1.default)(Toggle_module_scss_1.default.resetAppearance, className, {
+    const input = (0, react_2.useMemo)(() => ((0, jsx_runtime_1.jsx)("input", { id: inputId, ref: innerRef, type: "checkbox", role: variant, checked: value, disabled: !enabled, required: required, readOnly: readOnly, "aria-readonly": readOnly, "aria-checked": indeterminate ? "mixed" : value, "aria-required": required, "aria-disabled": !enabled, onChange: onInputChange, onFocus: handleOnFocus, onBlur: handleOnBlur, autoFocus: autoFocus, className: (0, classnames_1.default)(Toggle_module_scss_1.default.resetAppearance, className, {
             [Toggle_module_scss_1.default.checkbox]: variant === "checkbox",
             [Toggle_module_scss_1.default.switch]: variant === "switch",
             [Toggle_module_scss_1.default.error]: validationStatus === "error",
@@ -116,6 +121,8 @@ exports.Toggle = (0, react_3.forwardRef)(function Toggle({ id, initialValue = ex
         validationStatus,
         value,
         variant,
+        indeterminate,
+        autoFocus,
     ]);
     return ((0, jsx_runtime_1.jsx)(ItemWithLabel_1.ItemWithLabel, { ref: forwardedRef, id: inputId, label: label, style: style, labelPosition: labelPosition, labelWidth: labelWidth, labelBreak: labelBreak, required: required, enabled: enabled, isInputTemplateUsed: !!inputRenderer, shrinkToLabel: true, labelStyle: { pointerEvents: readOnly ? "none" : undefined }, children: inputRenderer ? ((0, jsx_runtime_1.jsxs)("label", { className: Toggle_module_scss_1.default.label, children: [(0, jsx_runtime_1.jsx)("div", { className: Toggle_module_scss_1.default.inputContainer, children: input }), inputRenderer({
                     $checked: value,

package/dist/scripts/src/components/metadata-helpers.js

@@ -38,6 +38,7 @@ exports.dDidClose = dDidClose;
 exports.dTriggerTemplate = dTriggerTemplate;
 exports.dOrientation = dOrientation;
 const abstractions_1 = require("./abstractions");
+const ItemWithLabel_1 = require("./FormItem/ItemWithLabel");
 function createMetadata(metadata) {
     return metadata;
 }
@@ -99,10 +100,10 @@ function dLabelWidth(comp) {
 }
 function dLabelBreak(comp) {
     return {
-        description: `This boolean value indicates if the \`${comp}\` label can be split into multiple ` +
+        description: `This boolean value indicates whether the \`${comp}\` label can be split into multiple ` +
             `lines if it would overflow the available label width.`,
         valueType: "boolean",
-        defaultValue: false,
+        defaultValue: ItemWithLabel_1.defaultProps.labelBreak,
     };
 }
 function dAutoFocus() {
@@ -238,7 +239,6 @@ function dValue() {
             `retrieve \`undefined\`.`,
     };
 }
-`You can query the component's value. If no value is set, it will retrieve \`undefined\`.`;
 function dDidOpen(comp) {
     return {
         description: `This event is triggered when the ${comp} has been displayed. The event handler has a single ` +

package/dist/standalone/xmlui-standalone.es.d.ts

@@ -288,7 +288,7 @@ declare const Button: default_2.ForwardRefExoticComponent<{
     accessibilityProps?: any;
     autoFocus?: boolean;
     contextualLabel?: string;
-} & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
+} & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onFocus" | "onBlur" | "onClick" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
 
 declare type ButtonThemeColor = (typeof buttonThemeValues)[number];
 
@@ -347,6 +347,12 @@ declare type CompilationUnit = {
  */
 declare type ComponentApi = Record<string, ((...args: any[]) => any) | boolean>;
 
+declare type ComponentApiMetadata = {
+    readonly description: string;
+    readonly signature?: string;
+    readonly parameters?: Record<string, string>;
+};
+
 declare type ComponentCompilation = CompilationUnit & {
     /** The compiled markup of the component file */
     definition: CompoundComponentDef;
@@ -433,7 +439,7 @@ declare type ComponentExtension = ComponentRendererDef | CompoundComponentDef;
 
 declare type ComponentLike = ComponentDef | CompoundComponentDef;
 
-declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentPropertyMetadata> = Record<string, any>> = {
+declare type ComponentMetadata<TProps extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TEvents extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TContextValues extends Record<string, ComponentPropertyMetadata> = Record<string, any>, TApis extends Record<string, ComponentApiMetadata> = Record<string, any>> = {
     status?: "stable" | "experimental" | "deprecated" | "in progress";
     description?: string;
     shortDescription?: string;
@@ -1326,7 +1332,7 @@ declare const standaloneExports: {
         accessibilityProps?: any;
         autoFocus?: boolean;
         contextualLabel?: string;
-    } & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
+    } & Pick<default_2.HTMLAttributes<HTMLButtonElement>, "className" | "aria-disabled" | "aria-label" | "aria-controls" | "aria-expanded" | "onFocus" | "onBlur" | "onClick" | "tabIndex" | "onMouseEnter" | "onMouseLeave"> & default_2.RefAttributes<HTMLButtonElement>>;
     Splitter: ({ initialPrimarySize, minPrimarySize, maxPrimarySize, orientation, children, style, swapped, floating, splitterTemplate, resize, }: {
         children: default_2.ReactNode[] | default_2.ReactNode;
         style?: default_2.CSSProperties;