@mezzanine-ui/react 0.15.2 → 0.16.0

package/Pagination/Pagination.js

@@ -25,6 +25,5 @@ const Pagination = forwardRef((props, ref) => {
     });
     return (jsx("nav", { ...rest, ref: ref, "aria-label": "pagination navigation", className: cx(paginationClasses.host, className), children: jsxs("ul", { className: paginationClasses.container, children: [showPageSizeOptions && (jsx("li", { className: paginationClasses.pageSize, children: jsx(PaginationPageSize, { disabled: disabled, label: pageSizeLabel, onChange: onChangePageSize, options: pageSizeOptions, renderOptionName: renderPageSizeOptionName, unit: pageSizeUnit, value: pageSize }) })), items.map((item, index) => (jsx("li", { className: paginationClasses.item, children: itemRender(item) }, index))), showJumper && (jsx("li", { className: paginationClasses.jumper, children: jsx(PaginationJumper, { buttonText: buttonText, disabled: disabled, hintText: hintText, inputPlaceholder: inputPlaceholder, onChange: onChange, pageSize: pageSize, total: total }) }))] }) }));
 });
-var Pagination$1 = Pagination;
 
-export { Pagination$1 as default };
+export { Pagination as default };

package/Pagination/PaginationItem.js

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { paginationItemClasses } from '@mezzanine-ui/core/pagination';
-import { ChevronRightIcon, ChevronLeftIcon } from '@mezzanine-ui/icons';
+import { ChevronLeftIcon, ChevronRightIcon } from '@mezzanine-ui/icons';
 import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
@@ -21,6 +21,5 @@ const PaginationItem = forwardRef((props, ref) => {
         ButtonIcon && jsx(Icon, { icon: ButtonIcon }),
         type === 'page' && page));
 });
-var PaginationItem$1 = PaginationItem;
 
-export { PaginationItem$1 as default };
+export { PaginationItem as default };

package/Pagination/PaginationJumper.js

@@ -46,6 +46,5 @@ const PaginationJumper = forwardRef((props, ref) => {
                     onKeyDown: handleKeyDown,
                 }, value: value }), jsx(Button, { disabled: disabled, onClick: handleClick, children: buttonText })] }));
 });
-var PaginationJumper$1 = PaginationJumper;
 
-export { PaginationJumper$1 as default };
+export { PaginationJumper as default };

package/Pagination/PaginationPageSize.js

@@ -16,6 +16,5 @@ const PaginationPageSize = forwardRef((props, ref) => {
         : undefined, [value, renderOptionName]);
     return (jsxs("div", { ...rest, ref: ref, className: cx(paginationPageSizeClasses.host, className), children: [label ? (jsx(Typography, { color: "text-secondary", component: "div", ellipsis: true, variant: "button3", children: label })) : null, jsx(Select, { disabled: disabled, value: currentValue, onChange: (nextSelection) => onChange === null || onChange === void 0 ? void 0 : onChange(Number(nextSelection.id)), className: paginationPageSizeClasses.select, children: options.map((opt) => (jsx(Option, { value: `${opt}`, children: renderOptionName(opt) }, opt))) }), unit ? (jsx(Typography, { color: "text-secondary", component: "div", ellipsis: true, variant: "button3", children: unit })) : null] }));
 });
-var PaginationPageSize$1 = PaginationPageSize;
 
-export { PaginationPageSize$1 as default };
+export { PaginationPageSize as default };

package/Picker/PickerTrigger.d.ts

@@ -5,7 +5,7 @@ export interface PickerTriggerProps extends Omit<TextFieldProps, 'active' | 'chi
     /**
      * React ref for the input element.
      */
-    inputRef?: RefObject<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement | null>;
     /**
      * Change handler for the input element.
      */

package/Picker/PickerTrigger.js

@@ -11,6 +11,5 @@ const PickerTrigger = forwardRef(function PickerTrigger(props, ref) {
     const { className, clearable, disabled, inputProps, inputRef, onChange, placeholder, readOnly, required, value, ...restTextFieldProps } = props;
     return (jsx(TextField, { ...restTextFieldProps, ref: ref, active: !!value, className: cx(pickerClasses.host, className), clearable: !readOnly && clearable, disabled: disabled, children: jsx("input", { ...inputProps, ref: inputRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onChange, placeholder: placeholder, readOnly: readOnly, required: required, value: value }) }));
 });
-var PickerTrigger$1 = PickerTrigger;
 
-export { PickerTrigger$1 as default };
+export { PickerTrigger as default };

package/Picker/RangePickerTrigger.d.ts

@@ -9,7 +9,7 @@ export interface RangePickerTriggerProps extends Omit<TextFieldProps, 'active' |
     /**
      * React Ref for the 'from' input element.
      */
-    inputFromRef?: RefObject<HTMLInputElement>;
+    inputFromRef?: RefObject<HTMLInputElement | null>;
     /**
      * Value of the 'from' input element.
      */
@@ -21,7 +21,7 @@ export interface RangePickerTriggerProps extends Omit<TextFieldProps, 'active' |
     /**
      * React Ref for the 'to' input element.
      */
-    inputToRef?: RefObject<HTMLInputElement>;
+    inputToRef?: RefObject<HTMLInputElement | null>;
     /**
      * Value of the 'to' input element.
      */

package/Picker/RangePickerTrigger.js

@@ -13,6 +13,5 @@ const RangePickerTrigger = forwardRef(function DateRangePickerTrigger(props, ref
     const { className, clearable, disabled, inputFromPlaceholder, inputFromProps, inputFromRef, inputFromValue, inputToPlaceholder, inputToProps, inputToRef, inputToValue, onIconClick, onInputFromChange, onInputToChange, readOnly, required, ...restTextFieldProps } = props;
     return (jsxs(TextField, { ...restTextFieldProps, ref: ref, active: !!inputFromValue || !!inputToValue, className: cx(pickerClasses.host, className), clearable: !readOnly && clearable, disabled: disabled, children: [jsx("input", { ...inputFromProps, ref: inputFromRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onInputFromChange, placeholder: inputFromPlaceholder, readOnly: readOnly, required: required, value: inputFromValue }), jsx(Icon, { icon: ArrowRightIcon, className: pickerClasses.arrowIcon }), jsx("input", { ...inputToProps, ref: inputToRef, "aria-disabled": disabled, "aria-multiline": false, "aria-readonly": readOnly, "aria-required": required, disabled: disabled, onChange: onInputToChange, placeholder: inputToPlaceholder, readOnly: readOnly, required: required, value: inputToValue })] }));
 });
-var RangePickerTrigger$1 = RangePickerTrigger;
 
-export { RangePickerTrigger$1 as default };
+export { RangePickerTrigger as default };

package/Picker/usePickerDocumentEventClose.d.ts

@@ -1,10 +1,10 @@
 import { RefObject } from 'react';
 export interface UsePickerDocumentEventCloseProps {
-    anchorRef: RefObject<HTMLElement>;
-    lastElementRefInFlow: RefObject<HTMLElement>;
+    anchorRef: RefObject<HTMLElement | null>;
+    lastElementRefInFlow: RefObject<HTMLElement | null>;
     onClose: VoidFunction;
     onChangeClose: VoidFunction;
     open?: boolean;
-    popperRef: RefObject<HTMLElement>;
+    popperRef: RefObject<HTMLElement | null>;
 }
 export declare function usePickerDocumentEventClose({ anchorRef, lastElementRefInFlow, onClose, onChangeClose, open, popperRef, }: UsePickerDocumentEventCloseProps): void;

package/Picker/usePickerValue.d.ts

@@ -4,7 +4,7 @@ export type UsePickerValueProps = {
     defaultValue?: DateType;
     format: string;
     formats: string[];
-    inputRef: RefObject<HTMLInputElement>;
+    inputRef: RefObject<HTMLInputElement | null>;
     value?: DateType;
 };
 /**

package/Picker/useRangePickerValue.d.ts

@@ -2,8 +2,8 @@ import { RangePickerPickingValue, RangePickerValue } from '@mezzanine-ui/core/pi
 import { ChangeEventHandler, KeyboardEventHandler, RefObject } from 'react';
 import { UsePickerValueProps } from './usePickerValue';
 export interface UseRangePickerValueProps extends Pick<UsePickerValueProps, 'format' | 'formats'> {
-    inputFromRef: RefObject<HTMLInputElement>;
-    inputToRef: RefObject<HTMLInputElement>;
+    inputFromRef: RefObject<HTMLInputElement | null>;
+    inputToRef: RefObject<HTMLInputElement | null>;
     value?: RangePickerValue;
 }
 export declare function useRangePickerValue({ format, formats, inputFromRef, inputToRef, value: valueProp, }: UseRangePickerValueProps): {

package/Picker/useTabKeyClose.d.ts

@@ -1,2 +1,2 @@
 import { DependencyList, RefObject } from 'react';
-export declare function useTabKeyClose(onClose: VoidFunction, lastElementRefInFlow: RefObject<HTMLElement>, deps?: DependencyList): void;
+export declare function useTabKeyClose(onClose: VoidFunction, lastElementRefInFlow: RefObject<HTMLElement | null>, deps?: DependencyList): void;

package/Popconfirm/Popconfirm.js

@@ -3,14 +3,13 @@ import { forwardRef } from 'react';
 import { ExclamationCircleFilledIcon } from '@mezzanine-ui/icons';
 import { popConfirmClasses } from '@mezzanine-ui/core/popconfirm';
 import Popover from '../Popover/Popover.js';
-import Icon from '../Icon/Icon.js';
 import ConfirmActions from '../ConfirmActions/ConfirmActions.js';
+import Icon from '../Icon/Icon.js';
 import cx from 'clsx';
 
 const Popconfirm = forwardRef(function Popconfirm(props, ref) {
     const { className, container, cancelButtonProps, cancelText, confirmButtonProps, confirmText, icon = ExclamationCircleFilledIcon, onCancel, onConfirm, title, ...rest } = props;
     return (jsx(Popover, { ...rest, ref: ref, className: cx(popConfirmClasses.host, className), title: jsxs(Fragment, { children: [jsx(Icon, { className: popConfirmClasses.icon, icon: icon }), title] }), children: jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, confirmButtonProps: confirmButtonProps, confirmText: confirmText, onCancel: onCancel, onConfirm: onConfirm, size: "small" }) }));
 });
-var Popconfirm$1 = Popconfirm;
 
-export { Popconfirm$1 as default };
+export { Popconfirm as default };

package/Popover/Popover.js

@@ -35,6 +35,5 @@ const Popover = forwardRef(function Popover(props, ref) {
             modifiers: [offsetModifier, ...modifiers],
         }, children: [title && jsx("div", { className: popoverClasses.title, children: title }), children && jsx("div", { className: popoverClasses.content, children: children })] }));
 });
-var Popover$1 = Popover;
 
-export { Popover$1 as default };
+export { Popover as default };

package/Popper/Popper.js

@@ -26,6 +26,5 @@ const Popper = forwardRef(function Popper(props, ref) {
                 ...styles.popper,
             }, ...attributes.popper, children: children }) }));
 });
-var Popper$1 = Popper;
 
-export { Popper$1 as default };
+export { Popper as default };

package/Portal/Portal.js

@@ -19,6 +19,5 @@ const Portal = (props) => {
     }
     return createPortal(children, portalElement);
 };
-var Portal$1 = Portal;
 
-export { Portal$1 as default };
+export { Portal as default };

package/Progress/Progress.js

@@ -30,6 +30,5 @@ const Progress = forwardRef(function Progress(props, ref) {
     };
     return (jsxs("div", { ref: ref, className: cx(progressClasses.host, className, status === ProgressStatuses.success && progressClasses.success, status === ProgressStatuses.error && progressClasses.error, type === ProgressTypes.line && progressClasses.lineVariant, type === ProgressTypes.circle && progressClasses.circleVariant, progressClasses.size(size)), ...rest, children: [type === ProgressTypes.line && renderLine(), type === ProgressTypes.circle && renderCircle()] }));
 });
-var Progress$1 = Progress;
 
-export { Progress$1 as default };
+export { Progress as default };

package/Provider/ConfigProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, type JSX } from 'react';
 import { MezzanineConfigContext } from './context';
 export interface ConfigProviderProps {
     children?: ReactNode;

package/Radio/Radio.js

@@ -29,6 +29,5 @@ const Radio = forwardRef(function Radio(props, ref) {
                 [radioClasses.checked]: checked,
             }), children: jsx("input", { ...restInputProps, "aria-checked": checked, "aria-disabled": disabled, checked: checked, disabled: disabled, id: inputId, onChange: onChange, name: name, type: "radio", value: value }) }), disabled: disabled, error: error, htmlFor: inputId, size: size, children: children }));
 });
-var Radio$1 = Radio;
 
-export { Radio$1 as default };
+export { Radio as default };

package/Radio/RadioGroup.js

@@ -26,6 +26,5 @@ const RadioGroup = forwardRef(function RadioGroup(props, ref) {
         options.map((option) => (jsx(Radio, { disabled: option.disabled, value: option.value, children: option.label }, option.value)));
     return (jsx(RadioGroupContext.Provider, { value: context, children: jsx(InputCheckGroup, { ...rest, ref: ref, role: "radiogroup", children: children }) }));
 });
-var RadioGroup$1 = RadioGroup;
 
-export { RadioGroup$1 as default };
+export { RadioGroup as default };

package/Select/AutoComplete.d.ts

@@ -1,3 +1,4 @@
+import { Dispatch, SetStateAction, RefObject } from 'react';
 import { SelectInputSize } from '@mezzanine-ui/core/select';
 import { SelectValue } from './typings';
 import { MenuProps } from '../Menu';
@@ -47,6 +48,12 @@ export interface AutoCompleteBaseProps extends Omit<SelectTriggerProps, 'active'
      * @default false
      */
     required?: boolean;
+    /**
+     *
+     */
+    searchTextControlRef?: RefObject<{
+        setSearchText: Dispatch<SetStateAction<string>>;
+    } | undefined>;
     /**
      * The size of input.
      */

package/Select/AutoComplete.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useContext, useState, useRef, useMemo } from 'react';
+import { forwardRef, useContext, useState, useImperativeHandle, useRef, useMemo } from 'react';
 import { selectClasses } from '@mezzanine-ui/core/select';
 import { PlusIcon } from '@mezzanine-ui/icons';
 import isArray from 'lodash/isArray';
@@ -24,7 +24,7 @@ const MENU_ID = 'mzn-select-autocomplete-menu-id';
 const AutoComplete = forwardRef(function Select(props, ref) {
     var _a, _b;
     const { disabled: disabledFromFormControl, fullWidth: fullWidthFromFormControl, required: requiredFromFormControl, severity, } = useContext(FormControlContext) || {};
-    const { addable = false, className, disabled = disabledFromFormControl || false, disabledOptionsFilter = false, defaultValue, error = severity === 'error' || false, fullWidth = fullWidthFromFormControl || false, inputRef, inputProps, itemsInView = 4, menuMaxHeight, menuRole = 'listbox', menuSize, mode = 'single', onChange: onChangeProp, onClear: onClearProp, onInsert, onSearch, options: optionsProp, popperOptions = {}, placeholder = '', prefix, required = requiredFromFormControl || false, size, value: valueProp, } = props;
+    const { addable = false, className, disabled = disabledFromFormControl || false, disabledOptionsFilter = false, defaultValue, error = severity === 'error' || false, fullWidth = fullWidthFromFormControl || false, inputRef, inputProps, itemsInView = 4, menuMaxHeight, menuRole = 'listbox', menuSize, mode = 'single', onChange: onChangeProp, onClear: onClearProp, onInsert, onSearch, options: optionsProp, popperOptions = {}, placeholder = '', prefix, required = requiredFromFormControl || false, searchTextControlRef, size, value: valueProp, } = props;
     const [open, toggleOpen] = useState(false);
     const { focused, onFocus, onChange, onClear, options, searchText, selectedOptions, setSearchText, unselectedOptions, value, } = useAutoCompleteValueControl({
         defaultValue,
@@ -37,6 +37,8 @@ const AutoComplete = forwardRef(function Select(props, ref) {
         options: optionsProp,
         value: valueProp,
     });
+    /** export set search text action to props (allow user to customize search text) */
+    useImperativeHandle(searchTextControlRef, () => ({ setSearchText }));
     /** insert feature */
     const [insertText, setInsertText] = useState('');
     const nodeRef = useRef(null);
@@ -93,13 +95,8 @@ const AutoComplete = forwardRef(function Select(props, ref) {
     };
     const searchTextExistWithoutOption = !!searchText &&
         options.find((option) => option.name === searchText) === undefined;
-    const context = useMemo(() => ({
-        onChange,
-        value,
-    }), [onChange, value]);
-    return (jsx(SelectControlContext.Provider, { value: context, children: jsxs("div", { ref: nodeRef, className: cx(selectClasses.host, {
-                [selectClasses.hostFullWidth]: fullWidth,
-            }), children: [jsx(SelectTrigger, { ref: composedRef, active: open, className: className, clearable: true, disabled: disabled, ellipsis: true, error: error, fullWidth: fullWidth, inputRef: inputRef, mode: mode, onTagClose: onChange, onClear: onClear, prefix: prefix, readOnly: false, required: required, inputProps: resolvedInputProps, searchText: searchText, size: size, showTextInputAfterTags: true, suffixAction: onClickSuffixActionIcon, value: value, renderValue: renderValue }), jsxs(InputTriggerPopper, { ref: popperRef, anchor: controlRef, className: selectClasses.popper, open: open, sameWidth: true, options: popperOptions, children: [options.length ? (jsx(Menu, { id: MENU_ID, "aria-activedescendant": Array.isArray(value) ? ((_b = (_a = value === null || value === void 0 ? void 0 : value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '') : value === null || value === void 0 ? void 0 : value.id, itemsInView: itemsInView, maxHeight: menuMaxHeight, role: menuRole, size: menuSize, style: { border: 0 }, children: mode === 'single' ? (jsx(Fragment, { children: options.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id))) })) : (jsxs(Fragment, { children: [selectedOptions.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id))), unselectedOptions.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id)))] })) })) : null, searchTextExistWithoutOption && addable ? (jsxs("button", { type: "button", className: selectClasses.autoComplete, onClick: (e) => {
+    const context = useMemo(() => ({ onChange, value }), [onChange, value]);
+    return (jsx(SelectControlContext.Provider, { value: context, children: jsxs("div", { ref: nodeRef, className: cx(selectClasses.host, { [selectClasses.hostFullWidth]: fullWidth }), children: [jsx(SelectTrigger, { ref: composedRef, active: open, className: className, clearable: true, disabled: disabled, ellipsis: true, error: error, fullWidth: fullWidth, inputRef: inputRef, mode: mode, onTagClose: onChange, onClear: onClear, prefix: prefix, readOnly: false, required: required, inputProps: resolvedInputProps, searchText: searchText, size: size, showTextInputAfterTags: true, suffixAction: onClickSuffixActionIcon, value: value, renderValue: renderValue }), jsxs(InputTriggerPopper, { ref: popperRef, anchor: controlRef, className: selectClasses.popper, open: open, sameWidth: true, options: popperOptions, children: [options.length ? (jsx(Menu, { id: MENU_ID, "aria-activedescendant": Array.isArray(value) ? ((_b = (_a = value === null || value === void 0 ? void 0 : value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '') : value === null || value === void 0 ? void 0 : value.id, itemsInView: itemsInView, maxHeight: menuMaxHeight, role: menuRole, size: menuSize, style: { border: 0 }, children: mode === 'single' ? (jsx(Fragment, { children: options.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id))) })) : (jsxs(Fragment, { children: [selectedOptions.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id))), unselectedOptions.map((option) => (jsx(Option, { value: option.id, children: option.name }, option.id)))] })) })) : null, searchTextExistWithoutOption && addable ? (jsxs("button", { type: "button", className: selectClasses.autoComplete, onClick: (e) => {
                                 var _a;
                                 e.stopPropagation();
                                 if (insertText) {
@@ -112,6 +109,5 @@ const AutoComplete = forwardRef(function Select(props, ref) {
                                 }
                             }, children: [jsx("p", { children: insertText }), jsx(Icon, { className: selectClasses.autoCompleteIcon, icon: PlusIcon })] })) : null] })] }) }));
 });
-var AutoComplete$1 = AutoComplete;
 
-export { AutoComplete$1 as default };
+export { AutoComplete as default };

package/Select/Option.js

@@ -40,6 +40,5 @@ const Option = forwardRef(function Option(props, ref) {
             onSelect();
         }, onKeyDown: onKeyDown, role: role, tabIndex: 0, children: children }));
 });
-var Option$1 = Option;
 
-export { Option$1 as default };
+export { Option as default };

package/Select/Select.js

@@ -119,6 +119,5 @@ const Select = forwardRef(function Select(props, ref) {
     }), [onChange, value]);
     return (jsx(SelectControlContext.Provider, { value: context, children: jsxs("div", { ref: nodeRef, className: cx(selectClasses.host, fullWidth && selectClasses.hostFullWidth), children: [jsx(SelectTrigger, { ref: composedRef, active: open, className: className, clearable: clearable, disabled: disabled, error: error, fullWidth: fullWidth, inputRef: inputRef, mode: mode, onTagClose: onChange, onClear: onClear, onClick: onClickTextField, onKeyDown: onKeyDownTextField, prefix: prefix, readOnly: true, renderValue: renderValue, required: required, inputProps: resolvedInputProps, size: size, suffixActionIcon: suffixActionIcon, value: value }), jsx(InputTriggerPopper, { anchor: controlRef, className: selectClasses.popper, disablePortal: disablePortal, open: open, options: popperOptions, sameWidth: true, children: jsx(Menu, { id: MENU_ID, "aria-activedescendant": Array.isArray(value) ? ((_b = (_a = value === null || value === void 0 ? void 0 : value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '') : value === null || value === void 0 ? void 0 : value.id, itemsInView: itemsInView, maxHeight: menuMaxHeight, onScroll: onMenuScrollCallback, role: menuRole, size: menuSize, style: { border: 0 }, children: children }) })] }) }));
 });
-var Select$1 = Select;
 
-export { Select$1 as default };
+export { Select as default };

package/Select/SelectTrigger.js

@@ -51,6 +51,5 @@ const SelectTrigger = forwardRef((props, ref) => {
     }
     return (jsx(SelectTriggerComponent, { ...props, innerRef: ref }));
 });
-var SelectTrigger$1 = SelectTrigger;
 
-export { SelectTrigger$1 as default };
+export { SelectTrigger as default };

package/Select/SelectTriggerTags.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
 import { selectClasses } from '@mezzanine-ui/core/select';
 import take from 'lodash/take';
@@ -9,7 +9,7 @@ import cx from 'clsx';
 
 const SelectTriggerTags = forwardRef(function SelectTriggerTags(props, ref) {
     const { disabled, ellipsis, inputProps, inputRef, onTagClose, readOnly, required, searchText, size, showTextInputAfterTags, value, } = props;
-    const controlRef = useRef();
+    const controlRef = useRef(undefined);
     const composedRef = useComposeRefs([ref, controlRef]);
     const { renderFakeTags, takeCount } = useSelectTriggerTags({
         controlRef,
@@ -28,6 +28,5 @@ const SelectTriggerTags = forwardRef(function SelectTriggerTags(props, ref) {
                             onTagClose === null || onTagClose === void 0 ? void 0 : onTagClose(selection);
                         }, size: size, children: selection.name }, selection.id)))), ellipsis ? renderFakeTags() : null] }), showTextInputAfterTags ? (jsx("div", { className: selectClasses.triggerTagsInput, children: jsx("input", { ...inputProps, ref: inputRef, "aria-autocomplete": "list", "aria-disabled": disabled, "aria-haspopup": "listbox", "aria-readonly": readOnly, "aria-required": required, autoComplete: "off", disabled: disabled, readOnly: readOnly, required: required, type: "search", value: searchText }) })) : null] }));
 });
-var SelectTriggerTags$1 = SelectTriggerTags;
 
-export { SelectTriggerTags$1 as default };
+export { SelectTriggerTags as default };

package/Select/TreeSelect.js

@@ -193,6 +193,5 @@ const TreeSelect = forwardRef((props, ref) => {
                         width: width || `${panelWidth}px`,
                     }, children: jsx(Tree, { ...restTreeProps, ref: ref, className: cx(selectClasses.tree, treeClassName), disabledValues: disabledValues, expandControllerRef: expandControllerRef, expandedValues: expandedValues, multiple: multiple, nodes: nodes, onExpand: onExpand, onSelect: onSelect, selectMethod: "target", selectable: true, values: selectedValues }) }) })] }));
 });
-var TreeSelect$1 = TreeSelect;
 
-export { TreeSelect$1 as default };
+export { TreeSelect as default };

package/Select/useSelectTriggerTags.d.ts

@@ -1,8 +1,8 @@
-import { MutableRefObject } from 'react';
+import { RefObject, type JSX } from 'react';
 import { TagSize } from '@mezzanine-ui/core/tag';
 import { SelectValue } from './typings';
 export interface UseSelectTriggerTagsProps {
-    controlRef: MutableRefObject<HTMLDivElement | undefined>;
+    controlRef: RefObject<HTMLDivElement | undefined>;
     size?: TagSize;
     value?: SelectValue[];
 }

package/Select/useSelectTriggerTags.js

@@ -52,10 +52,7 @@ function useSelectTriggerTags(props) {
                 opacity: 0,
             }, children: [value === null || value === void 0 ? void 0 : value.map((selection) => (jsx(Tag, { className: mznFakeTagClassName, closable: true, disabled: true, size: size, children: selection.name }, selection.id))), jsx(Tag, { disabled: true, className: mznFakeEllipsisTagClassName, size: size, children: "+99..." })] }));
     };
-    return {
-        renderFakeTags,
-        takeCount,
-    };
+    return { renderFakeTags, takeCount };
 }
 
 export { calcTakeCount, useSelectTriggerTags };

package/Skeleton/Skeleton.js

@@ -14,6 +14,5 @@ const Skeleton = forwardRef(function Skeleton(props, ref) {
             ...skeletonStyle,
         }, ...rest }));
 });
-var Skeleton$1 = Skeleton;
 
-export { Skeleton$1 as default };
+export { Skeleton as default };

package/Slider/Slider.js

@@ -184,6 +184,5 @@ const Slider = forwardRef((props, ref) => {
     }
     return jsx(SliderComponent, { ...props, innerRef: ref });
 });
-var Slider$1 = Slider;
 
-export { Slider$1 as default };
+export { Slider as default };

package/Slider/useSlider.d.ts

@@ -25,7 +25,7 @@ export interface UseSliderResult {
     cssVars: Record<string, CssVarInterpolation>;
     handleClickTrackOrRail?: (e: any) => void;
     handlePress: (e: any, index?: number | undefined) => void;
-    railRef: RefObject<HTMLDivElement>;
+    railRef: RefObject<HTMLDivElement | null>;
 }
 export declare function useSlider(props: UseRangeSliderProps): UseSliderResult;
 export declare function useSlider(props: UseSingleSliderProps): UseSliderResult;

package/Slider/useSlider.js

@@ -1,4 +1,4 @@
-import { isRangeSlider, fixRangeSliderValue, fixSingleSliderValue, toSliderCssVars, getPercentage, sortSliderValue, findClosetValueIndex, getSliderRect, getValueFromClientX, roundToStep } from '@mezzanine-ui/core/slider';
+import { isRangeSlider, fixRangeSliderValue, fixSingleSliderValue, toSliderCssVars, getPercentage, findClosetValueIndex, sortSliderValue, getSliderRect, getValueFromClientX, roundToStep } from '@mezzanine-ui/core/slider';
 import { useRef, useState } from 'react';
 import { useDocumentEvents } from '../hooks/useDocumentEvents.js';
 

package/Stepper/Step.js

@@ -17,6 +17,5 @@ const Step = forwardRef(function Step(props, ref) {
             /** title (optional) */
             title && (jsx(Typography, { className: stepClasses.title, variant: "button2", ...titleProps, children: title })), children] }));
 });
-var Step$1 = Step;
 
-export { Step$1 as default };
+export { Step as default };

package/Stepper/Stepper.js

@@ -29,6 +29,5 @@ const Stepper = forwardRef(function Stepper(props, ref) {
     });
     return (jsx("div", { className: cx(stepperClasses.host, className), ref: ref, ...rest, children: stepsWithState }));
 });
-var Stepper$1 = Stepper;
 
-export { Stepper$1 as default };
+export { Stepper as default };

package/Switch/Switch.js

@@ -24,6 +24,5 @@ const Switch = forwardRef(function Switch(props, ref) {
             [switchClasses.large]: size === 'large',
         }, className), children: [jsx("span", { className: switchClasses.control, children: loading && jsx(Icon, { icon: SwitchSpinnerIcon, spin: true }) }), jsx("input", { ...inputProps, "aria-checked": checked, "aria-disabled": disabled, checked: checked, className: switchClasses.input, disabled: disabled, onChange: onChange, type: "checkbox" })] }));
 });
-var Switch$1 = Switch;
 
-export { Switch$1 as default };
+export { Switch as default };

package/Table/Table.d.ts

@@ -99,7 +99,7 @@ export interface TableWithPagination<T> extends TableBaseProps<T> {
      * `pagination.onChange` is the callback when page number changed. (required) <br />
      * `pagination.disableAutoSlicing` set this to true if you don't want auto data slicing. <br />
      * `pagination.total` is the total amount of your data. (default will be dataSource length) <br />
-     * `pagination.options` is the <Pagination /> component props. <br />
+     * `pagination.options` is the 'Pagination' component props. <br />
      * Notice that if `pagination` object is given, table will disable fetchMore and use pagination instead.
      */
     pagination?: TablePaginationType;

package/Table/Table.js

@@ -178,6 +178,5 @@ const Table = forwardRef(function Table(props, ref) {
                                                         transition: '0.1s',
                                                     } }) }) }) })] })) }) }) }) }) }) }));
 });
-var Table$1 = Table;
 
-export { Table$1 as default };
+export { Table as default };

package/Table/TableCell.js

@@ -20,6 +20,5 @@ const TableCell = forwardRef(function TableCell(props, ref) {
                     }
                 }, onMouseLeave: onMouseLeave, children: children })) })) : (children) }));
 });
-var TableCell$1 = TableCell;
 
-export { TableCell$1 as default };
+export { TableCell as default };

package/Table/draggable/useTableDraggable.d.ts

@@ -10,5 +10,5 @@ export declare function useTableDraggable(props: UseTableDraggable): {
     onBeforeDragStart: (e: {
         draggableId: SetStateAction<string>;
     }) => void;
-    onDragEnd: import("@hello-pangea/dnd").OnDragEndResponder;
+    onDragEnd: import("@hello-pangea/dnd").OnDragEndResponder<string>;
 };

package/Table/pagination/TablePagination.d.ts

@@ -4,7 +4,7 @@ export interface TablePaginationProps extends NativeElementPropsWithoutKeyAndRef
     /**
      * body scroll ref
      */
-    bodyRef: RefObject<HTMLDivElement>;
+    bodyRef: RefObject<HTMLDivElement | null>;
 }
 declare const TablePagination: import("react").ForwardRefExoticComponent<TablePaginationProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TablePagination;

package/Table/pagination/useTablePagination.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { TablePagination } from '@mezzanine-ui/core/table';
 export interface UseTablePagination {
-    bodyRef: RefObject<HTMLDivElement>;
+    bodyRef: RefObject<HTMLDivElement | null>;
     current?: TablePagination['current'];
     onChange?: TablePagination['onChange'];
 }

package/Table/refresh/TableRefresh.js

@@ -16,6 +16,5 @@ const TableRefresh = forwardRef(function TableRefresh(props, ref) {
     }, [onClick, setLoading]);
     return (jsx("div", { ref: ref, className: tableClasses.refresh, ...rest, children: jsx(Button, { onClick: onRefreshClicked, prefix: jsx(Icon, { icon: ResetIcon }), children: children || '重新整理' }) }));
 });
-var TableRefresh$1 = TableRefresh;
 
-export { TableRefresh$1 as default };
+export { TableRefresh as default };