@mezzanine-ui/react 0.6.4 → 0.7.3

package/Pagination/PaginationItem.js

@@ -20,6 +20,7 @@ const PaginationItem = forwardRef((props, ref) => {
         }, className), type: "button" }),
         ButtonIcon && jsx(Icon, { icon: ButtonIcon }, void 0),
         type === 'page' && page));
-});
+});
+var PaginationItem$1 = PaginationItem;
 
-export default PaginationItem;
+export { PaginationItem$1 as default };

package/Pagination/PaginationJumper.js

@@ -47,6 +47,7 @@ const PaginationJumper = forwardRef((props, ref) => {
                     onKeyDown: handleKeyDown,
                 }, value: value }, void 0),
             jsx(Button, Object.assign({ disabled: disabled, onClick: handleClick }, { children: buttonText }), void 0)] }), void 0));
-});
+});
+var PaginationJumper$1 = PaginationJumper;
 
-export default PaginationJumper;
+export { PaginationJumper$1 as default };

package/Picker/PickerTrigger.js

@@ -10,6 +10,7 @@ import cx from 'clsx';
 const PickerTrigger = forwardRef(function PickerTrigger(props, ref) {
     const { className, disabled, inputProps, inputRef, onChange, placeholder, readOnly, required, value, ...restTextFieldProps } = props;
     return (jsx(TextField, Object.assign({}, restTextFieldProps, { ref: ref, active: !!value, className: cx(pickerClasses.host, className), disabled: disabled }, { children: jsx("input", Object.assign({}, 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 }), void 0) }), void 0));
-});
+});
+var PickerTrigger$1 = PickerTrigger;
 
-export default PickerTrigger;
+export { PickerTrigger$1 as default };

package/Picker/RangePickerTrigger.js

@@ -14,6 +14,7 @@ const RangePickerTrigger = forwardRef(function DateRangePickerTrigger(props, ref
     return (jsxs(TextField, Object.assign({}, restTextFieldProps, { ref: ref, active: !!inputFromValue || !!inputToValue, className: cx(pickerClasses.host, className), disabled: disabled }, { children: [jsx("input", Object.assign({}, 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 }), void 0),
             jsx(Icon, { icon: ArrowRightIcon, className: pickerClasses.arrowIcon }, void 0),
             jsx("input", Object.assign({}, 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 }), void 0)] }), void 0));
-});
+});
+var RangePickerTrigger$1 = RangePickerTrigger;
 
-export default RangePickerTrigger;
+export { RangePickerTrigger$1 as default };

package/Picker/usePickerInputValue.js

@@ -20,5 +20,4 @@ function usePickerInputValue(props) {
     };
 }
 
-export default usePickerInputValue;
-export { usePickerInputValue };
+export { usePickerInputValue as default, usePickerInputValue };

package/Picker/usePickerValue.d.ts

@@ -13,7 +13,7 @@ export declare type UsePickerValueProps = {
  */
 export declare function usePickerValue({ defaultValue, format, formats, inputRef, value: valueProp, }: UsePickerValueProps): {
     inputValue: string;
-    onBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onChange: (val?: import("moment").Moment | undefined) => void;
     onInputChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     onKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;

package/Picker/useRangePickerValue.d.ts

@@ -11,11 +11,11 @@ export declare function useRangePickerValue({ format, formats, inputFromRef, inp
     inputFromValue: string;
     inputToValue: string;
     onChange: (target?: undefined[] | [import("moment").Moment, import("moment").Moment] | [import("moment").Moment] | [undefined, import("moment").Moment] | [import("moment").Moment, undefined] | undefined) => RangePickerPickingValue | undefined;
-    onFromBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onFromBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onFromKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     onInputFromChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     onInputToChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    onToBlur: (event: import("react").FocusEvent<HTMLInputElement>) => void;
+    onToBlur: (event: import("react").FocusEvent<HTMLInputElement, Element>) => void;
     onToKeyDown: (event: import("react").KeyboardEvent<HTMLInputElement>) => void;
     value: RangePickerPickingValue;
 };

package/Popconfirm/Popconfirm.js

@@ -10,6 +10,7 @@ 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, Object.assign({}, rest, { ref: ref, className: cx(popConfirmClasses.host, className), title: (jsxs(Fragment, { children: [jsx(Icon, { className: popConfirmClasses.icon, icon: icon }, void 0), title] }, void 0)) }, { children: jsx(ConfirmActions, { cancelButtonProps: cancelButtonProps, cancelText: cancelText, confirmButtonProps: confirmButtonProps, confirmText: confirmText, onCancel: onCancel, onConfirm: onConfirm, size: "small" }, void 0) }), void 0));
-});
+});
+var Popconfirm$1 = Popconfirm;
 
-export default Popconfirm;
+export { Popconfirm$1 as default };

package/Popover/Popover.js

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

package/Popper/Popper.js

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

package/Portal/Portal.js

@@ -17,6 +17,7 @@ const Portal = (props) => {
         return jsx(Fragment, { children: children }, void 0);
     }
     return createPortal(children, portalElement);
-};
+};
+var Portal$1 = Portal;
 
-export default Portal;
+export { Portal$1 as default };

package/Progress/Progress.js

@@ -27,6 +27,7 @@ const Progress = forwardRef(function Progress(props, ref) {
                         jsx("circle", { className: progressClasses.circleFiller, cx: circleXY, cy: circleXY, r: radius, strokeWidth: strokeWidth, strokeDasharray: `${progressLength.toString()} 999` }, void 0)] }), void 0), showInfo && renderInfo('button3')] }, void 0));
     };
     return (jsxs("div", Object.assign({ 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()] }), void 0));
-});
+});
+var Progress$1 = Progress;
 
-export default Progress;
+export { Progress$1 as default };

package/Radio/Radio.js

@@ -3,8 +3,8 @@ import { forwardRef, useContext } from 'react';
 import { radioClasses } from '@mezzanine-ui/core/radio';
 import { useRadioControlValue } from '../Form/useRadioControlValue.js';
 import { RadioGroupContext } from './RadioGroupContext.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import InputCheck from '../_internal/InputCheck/InputCheck.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 /**
@@ -26,6 +26,7 @@ const Radio = forwardRef(function Radio(props, ref) {
     return (jsx(InputCheck, Object.assign({}, rest, { ref: ref, control: (jsx("span", Object.assign({ className: cx(radioClasses.host, {
                 [radioClasses.checked]: checked,
             }) }, { children: jsx("input", Object.assign({}, restInputProps, { "aria-checked": checked, "aria-disabled": disabled, checked: checked, disabled: disabled, id: inputId, onChange: onChange, name: name, type: "radio", value: value }), void 0) }), void 0)), disabled: disabled, error: error, htmlFor: inputId, size: size }, { children: children }), void 0));
-});
+});
+var Radio$1 = Radio;
 
-export default Radio;
+export { Radio$1 as default };

package/Radio/RadioGroup.js

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

package/Select/AutoComplete.d.ts

@@ -2,7 +2,7 @@
 import { SelectInputSize } from '@mezzanine-ui/core/select';
 import { MenuProps } from '../Menu';
 import { PopperProps } from '../Popper';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 export interface AutoCompleteProps extends Omit<SelectTriggerProps, 'active' | 'clearable' | 'forceHideSuffixActionIcon' | 'mode' | 'onClick' | 'onKeyDown' | 'onChange' | 'renderValue' | 'inputProps' | 'suffixActionIcon' | 'value'>, PickRenameMulti<Pick<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>, {
     maxHeight: 'menuMaxHeight';

package/Select/AutoComplete.js

@@ -8,11 +8,11 @@ import { SelectControlContext } from './SelectControlContext.js';
 import { useAutoCompleteValueControl } from '../Form/useAutoCompleteValueControl.js';
 import { useClickAway } from '../hooks/useClickAway.js';
 import SelectTrigger from './SelectTrigger.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import InputTriggerPopper from '../_internal/InputTriggerPopper/InputTriggerPopper.js';
 import Menu from '../Menu/Menu.js';
 import Empty from '../Empty/Empty.js';
 import Icon from '../Icon/Icon.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 const MENU_ID = 'mzn-select-autocomplete-menu-id';
@@ -103,6 +103,7 @@ const AutoComplete = forwardRef(function Select(props, ref) {
                                             }
                                         }
                                     } }, void 0)] }), void 0)) : null] }), void 0)] }), void 0) }), void 0));
-});
+});
+var AutoComplete$1 = AutoComplete;
 
-export default AutoComplete;
+export { AutoComplete$1 as default };

package/Select/Option.js

@@ -27,6 +27,7 @@ const Option = forwardRef(function Option(props, ref) {
             evt.stopPropagation();
             onSelect();
         }, onKeyDown: onKeyDown, role: role, tabIndex: 0 }, { children: children }), void 0));
-});
+});
+var Option$1 = Option;
 
-export default Option;
+export { Option$1 as default };

package/Select/Select.d.ts

@@ -4,7 +4,7 @@ import { FormElementFocusHandlers } from '../Form';
 import { MenuProps } from '../Menu';
 import { PopperProps } from '../Popper';
 import { SelectValue } from './typings';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 export interface SelectProps extends Omit<SelectTriggerProps, 'active' | 'inputProps' | 'onBlur' | 'onChange' | 'onClick' | 'onFocus' | 'onKeyDown'>, FormElementFocusHandlers, PickRenameMulti<Pick<MenuProps, 'itemsInView' | 'maxHeight' | 'role' | 'size'>, {
     maxHeight: 'menuMaxHeight';

package/Select/Select.js

@@ -7,10 +7,10 @@ import { SelectControlContext } from './SelectControlContext.js';
 import { useSelectValueControl } from '../Form/useSelectValueControl.js';
 import { useClickAway } from '../hooks/useClickAway.js';
 import SelectTrigger from './SelectTrigger.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import Icon from '../Icon/Icon.js';
 import InputTriggerPopper from '../_internal/InputTriggerPopper/InputTriggerPopper.js';
 import Menu from '../Menu/Menu.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 const MENU_ID = 'mzn-select-menu-id';
@@ -140,6 +140,7 @@ const Select = forwardRef(function Select(props, ref) {
             value,
         } }, { children: jsxs("div", Object.assign({ 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: !searchable, required: required, inputProps: resolvedInputProps, size: size, suffixActionIcon: suffixActionIcon, value: value, renderValue: renderValue }, void 0),
                 jsx(InputTriggerPopper, Object.assign({ ref: popperRef, anchor: controlRef, className: selectClasses.popper, open: open, sameWidth: true, options: popperOptions }, { children: jsx(Menu, Object.assign({ id: MENU_ID, "aria-activedescendant": (_b = (_a = value === null || value === void 0 ? void 0 : value[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : '', itemsInView: itemsInView, maxHeight: menuMaxHeight, role: menuRole, size: menuSize, style: { border: 0 } }, { children: children }), void 0) }), void 0)] }), void 0) }), void 0));
-});
+});
+var Select$1 = Select;
 
-export default Select;
+export { Select$1 as default };

package/Select/SelectTrigger.js

@@ -22,6 +22,7 @@ const SelectTrigger = forwardRef(function SelectTrigger(props, ref) {
                     e.stopPropagation();
                     onTagClose === null || onTagClose === void 0 ? void 0 : onTagClose(selection);
                 }, size: size }, { children: selection.name }), selection.id))) }), void 0)) : (jsx("input", Object.assign({}, inputProps, { ref: inputRef, "aria-autocomplete": "list", "aria-disabled": disabled, "aria-haspopup": "listbox", "aria-readonly": readOnly, "aria-required": required, autoComplete: "false", disabled: disabled, readOnly: readOnly, required: required, type: "search", value: renderValue() }), void 0)) }), void 0));
-});
+});
+var SelectTrigger$1 = SelectTrigger;
 
-export default SelectTrigger;
+export { SelectTrigger$1 as default };

package/Select/TreeSelect.d.ts

@@ -2,7 +2,7 @@
 import { SelectInputSize } from '@mezzanine-ui/core/select';
 import { FormElementFocusHandlers } from '../Form';
 import { MenuProps } from '../Menu';
-import { PickRenameMulti } from '../utils/rename-types';
+import { PickRenameMulti } from '../utils/general';
 import { InputTriggerPopperProps } from '../_internal/InputTriggerPopper';
 import { SelectTriggerProps, SelectTriggerInputProps } from './SelectTrigger';
 import { SelectValue, TreeSelectOption } from './typings';

package/Select/TreeSelect.js

@@ -4,12 +4,12 @@ import { selectClasses } from '@mezzanine-ui/core/select';
 import { useComposeRefs } from '../hooks/useComposeRefs.js';
 import { useClickAway } from '../hooks/useClickAway.js';
 import SelectTrigger from './SelectTrigger.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import { traverseTree } from '../Tree/traverseTree.js';
 import InputTriggerPopper from '../_internal/InputTriggerPopper/InputTriggerPopper.js';
 import Menu from '../Menu/Menu.js';
 import Tree from '../Tree/Tree.js';
 import { toggleValue } from '../Tree/toggleValue.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 const TreeSelect = forwardRef((props, ref) => {
@@ -193,6 +193,7 @@ const TreeSelect = forwardRef((props, ref) => {
                         border: border || 0,
                         width: width || `${panelWidth}px`,
                     } }, { children: jsx(Tree, Object.assign({}, 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 }), void 0) }), void 0) }), void 0)] }), void 0));
-});
+});
+var TreeSelect$1 = TreeSelect;
 
-export default TreeSelect;
+export { TreeSelect$1 as default };

package/Skeleton/Skeleton.js

@@ -9,6 +9,7 @@ import cx from 'clsx';
 const Skeleton = forwardRef(function Skeleton(props, ref) {
     const { className, height: skeletonHeight, style: skeletonStyle, type, width: skeletonWidth, ...rest } = props;
     return (jsx("div", Object.assign({}, rest, { ref: ref, className: cx(skeletonClasses.host, type === 'circle' && skeletonClasses.circle, className), style: { width: skeletonWidth, height: skeletonHeight, ...skeletonStyle } }, rest), void 0));
-});
+});
+var Skeleton$1 = Skeleton;
 
-export default Skeleton;
+export { Skeleton$1 as default };

package/Slider/Slider.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect } from 'react';
-import { isRangeSlider, sortSliderValue, sliderClasses, roundToStep } from '@mezzanine-ui/core/slider';
+import { isRangeSlider, fixRangeSliderValue, fixSingleSliderValue, sortSliderValue, sliderClasses, roundToStep } from '@mezzanine-ui/core/slider';
 import { useSlider } from './useSlider.js';
 import Input from '../Input/Input.js';
 import Tooltip from '../Tooltip/Tooltip.js';
@@ -36,6 +36,22 @@ function SliderComponent(props) {
         }
         return `${value[1]}`;
     });
+    useEffect(() => {
+        if (max > min) {
+            if (isRangeSlider(value)) {
+                if ((value[0] > max && value[1] > max) ||
+                    (value[0] < min && value[1] < min) ||
+                    value[0] < min ||
+                    value[1] > max) {
+                    onChange(fixRangeSliderValue(value, min, max));
+                }
+                return;
+            }
+            if (value < min || value > max) {
+                onChange(fixSingleSliderValue(value, min, max));
+            }
+        }
+    }, [min, max, onChange, value]);
     useEffect(() => {
         if (withInput) {
             if (isRangeSlider(value)) {
@@ -167,6 +183,7 @@ const Slider = forwardRef((props, ref) => {
         return (jsx(SliderComponent, Object.assign({}, props, { innerRef: ref }), void 0));
     }
     return (jsx(SliderComponent, Object.assign({}, props, { innerRef: ref }), void 0));
-});
+});
+var Slider$1 = Slider;
 
-export default Slider;
+export { Slider$1 as default };

package/Slider/useSlider.js

@@ -1,4 +1,4 @@
-import { toSliderCssVars, getPercentage, isRangeSlider, 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';
 
@@ -13,12 +13,14 @@ function useSlider(props) {
         }
         return isRangeSlider(value) ? Math.abs(1 - value.indexOf(anchorValue)) : undefined;
     }
+    const fixedValue = isRangeSlider(value) ? fixRangeSliderValue(value, min, max)
+        : fixSingleSliderValue(value, min, max);
     const cssVars = toSliderCssVars({
-        trackWidth: getPercentage(isRangeSlider(value) ? Math.abs(value[0] - value[1]) : value, min, max),
-        trackPosition: getPercentage(isRangeSlider(value) ? Math.abs(Math.min(...value) - min) : 0, min, max),
-        handlerPosition: getPercentage(isRangeSlider(value) ? 0 : value, min, max),
-        handlerStartPosition: getPercentage(isRangeSlider(value) ? Math.abs(Math.min(...value) - min) : value, min, max),
-        handlerEndPosition: getPercentage(isRangeSlider(value) ? Math.abs(Math.max(...value) - min) : value, min, max),
+        trackWidth: getPercentage(isRangeSlider(fixedValue) ? Math.abs(fixedValue[0] - fixedValue[1]) : fixedValue - min, min, max),
+        trackPosition: getPercentage(isRangeSlider(fixedValue) ? Math.abs(Math.min(...fixedValue) - min) : 0, min, max),
+        handlerPosition: getPercentage(isRangeSlider(fixedValue) ? 0 : fixedValue - min, min, max),
+        handlerStartPosition: getPercentage(isRangeSlider(fixedValue) ? Math.abs(Math.min(...fixedValue) - min) : fixedValue, min, max),
+        handlerEndPosition: getPercentage(isRangeSlider(fixedValue) ? Math.abs(Math.max(...fixedValue) - min) : fixedValue, min, max),
     });
     const getRoundedNewValue = (e, railElement) => {
         const clientX = e.type === 'touchmove' ? e.changedTouches[0].clientX : e.clientX;

package/Stepper/Step.js

@@ -14,6 +14,7 @@ const Step = forwardRef(function Step(props, ref) {
     /** icon and step number */
     const iconRender = (jsx(Typography, Object.assign({ className: stepClasses.iconBackground, variant: "button3" }, { children: completed ? (jsx(Icon, Object.assign({ className: stepClasses.completedIcon, icon: CheckIcon }, completedIconProps), void 0)) : index + 1 }), void 0));
     return (jsxs("div", Object.assign({ className: cx(stepClasses.host, disabled && stepClasses.disabled, className), ref: ref }, rest, { children: [iconRender, /** title (optional) */ title && (jsx(Typography, Object.assign({ className: stepClasses.title, variant: "button2" }, titleProps, { children: title }), void 0)), children] }), void 0));
-});
+});
+var Step$1 = Step;
 
-export default Step;
+export { Step$1 as default };

package/Stepper/Stepper.js

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

package/Switch/Switch.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useContext } from 'react';
 import { switchClasses, SwitchSpinnerIcon } from '@mezzanine-ui/core/switch';
 import { useSwitchControlValue } from '../Form/useSwitchControlValue.js';
-import { FormControlContext } from '../Form/FormControlContext.js';
 import Icon from '../Icon/Icon.js';
+import { FormControlContext } from '../Form/FormControlContext.js';
 import cx from 'clsx';
 
 /**
@@ -24,6 +24,7 @@ const Switch = forwardRef(function Switch(props, ref) {
             [switchClasses.large]: size === 'large',
         }, className) }, { children: [jsx("span", Object.assign({ className: switchClasses.control }, { children: loading && jsx(Icon, { icon: SwitchSpinnerIcon, spin: true }, void 0) }), void 0),
             jsx("input", Object.assign({}, inputProps, { "aria-checked": checked, "aria-disabled": disabled, checked: checked, className: switchClasses.input, disabled: disabled, onChange: onChange, type: "checkbox" }), void 0)] }), void 0));
-});
+});
+var Switch$1 = Switch;
 
-export default Switch;
+export { Switch$1 as default };

package/Table/Table.d.ts

@@ -2,78 +2,85 @@
 import { TableColumn, TableComponents, TableDataSource, TableRowSelection, TableExpandable, TableFetchMore, TablePagination as TablePaginationType, TableRefresh as TableRefreshType } from '@mezzanine-ui/core/table';
 import { EmptyProps } from '../Empty';
 import { NativeElementPropsWithoutKeyAndRef } from '../utils/jsx-types';
-export interface TableProps<T> extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'role'> {
+export interface TableBaseProps<T> extends Omit<NativeElementPropsWithoutKeyAndRef<'div'>, 'role'> {
     /**
      * customized body className
      */
     bodyClassName?: string;
     /**
-     * customized body row className
-     */
+      * customized body row className
+      */
     bodyRowClassName?: string;
     /**
-     * Columns of table <br />
-     * `column.render` allowed customizing the column body cell rendering. <br />
-     * `column.renderTitle` allowed customizing the column header cell rendering. <br />
-     * `column.sorter` is the sorting method that you want to apply to your column. <br />
-     * `column.onSorted` is the callback triggered whenever sort icon clicked.
-     */
+      * Columns of table <br />
+      * `column.render` allowed customizing the column body cell rendering. <br />
+      * `column.renderTitle` allowed customizing the column header cell rendering. <br />
+      * `column.sorter` is the sorting method that you want to apply to your column. <br />
+      * `column.onSorted` is the callback triggered whenever sort icon clicked.
+      */
     columns: TableColumn<T>[];
     /**
-     * Custom table components <br />
-     */
+      * Custom table components <br />
+      */
     components?: TableComponents;
     /**
-     * Data record array to be displayed. <br />
-     * Notice that each source should contain `key` or `id` prop as data primary key.
-     */
+      * Data record array to be displayed. <br />
+      * Notice that each source should contain `key` or `id` prop as data primary key.
+      */
     dataSource: TableDataSource[];
     /**
-     * props exported from `<Empty />` component.
-     */
+      * props exported from `<Empty />` component.
+      */
     emptyProps?: EmptyProps;
     /**
-     * When `expandable.rowExpandable` is given, it will control whether row data is expandable or not
-     * `expandable.expandedRowRender` is a callback to helps you decides what data should be rendered.
-     */
+      * When `expandable.rowExpandable` is given, it will control whether row data is expandable or not
+      * `expandable.expandedRowRender` is a callback to helps you decides what data should be rendered.
+      */
     expandable?: TableExpandable<T>;
-    /**
-     * If `fetchMore.callback` is given, table will automatically trigger it when scrolling position reach end. <br />
-     * If `fetchMore.isReachEnd` is true, table will stop triggering callback. <br />
-     * If `fetchMore.isFetching` is true, a loading spinner will display at the end of table and stop triggering callback.
-     * <br />
-     * Notice that when `fetchMore.isFetching` is `undefined`, table will take control of it when source length changed.
-     */
-    fetchMore?: TableFetchMore;
     /**
      * customized header className
      */
     headerClassName?: string;
     /**
-     * Whether table is loading or not
-     */
+      * Whether table is loading or not
+      */
     loading?: boolean;
-    /**
-     * `pagination.show` controls pagination display. <br />
-     * `pagination.current` is the current page number. <br />
-     * `pagination.onChange` is the callback when page number changed. <br />
-     * `pagination.total` is the total amount of your data. <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;
     /**
      * `refresh.show` is true, refresh button will display at the top-start of table. <br />
      * `refresh.onClick` is the callback of the refresh button.
      */
     refresh?: TableRefreshType;
     /**
-     * Enable row selection feature <br />
-     * `rowSelection.selectedRowKey` is the dataSource keys that are currently selected. <br />
-     * `rowSelection.onChange` is the callback when selection changed. <br />
-     * `rowSelection.actions` are the actions that you want to do for selected data.
-     */
+      * Enable row selection feature <br />
+      * `rowSelection.selectedRowKey` is the dataSource keys that are currently selected. <br />
+      * `rowSelection.onChange` is the callback when selection changed. <br />
+      * `rowSelection.actions` are the actions that you want to do for selected data.
+      */
     rowSelection?: TableRowSelection;
 }
-declare const Table: import("react").ForwardRefExoticComponent<TableProps<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>>;
+export interface TableWithFetchMore<T> extends TableBaseProps<T> {
+    /**
+     * If `fetchMore.callback` is given, table will automatically trigger it when scrolling position reach end. <br />
+     * If `fetchMore.isReachEnd` is true, table will stop triggering callback. <br />
+     * If `fetchMore.isFetching` is true, a loading spinner will display at the end of table and stop triggering callback.
+     * <br />
+     * Notice that when `fetchMore.isFetching` is `undefined`, table will take control of it when source length changed.
+     */
+    fetchMore?: TableFetchMore;
+    pagination?: undefined;
+}
+export interface TableWithPagination<T> extends TableBaseProps<T> {
+    /**
+     * `pagination.current` is the current page number. (required) <br />
+     * `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 />
+     * Notice that if `pagination` object is given, table will disable fetchMore and use pagination instead.
+     */
+    pagination?: TablePaginationType;
+    fetchMore?: undefined;
+}
+export declare type TableProps<T> = TableWithFetchMore<T> | TableWithPagination<T>;
+declare const Table: import("react").ForwardRefExoticComponent<(TableWithFetchMore<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>) | (TableWithPagination<Record<string, unknown>> & import("react").RefAttributes<HTMLDivElement>)>;
 export default Table;