@ringcentral/spring-ui 1.12.0 → 1.13.0

package/Slider.js

@@ -1,55 +1,66 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { motion } from 'framer-motion';
-import { useSlider } from '@mui/base';
-import { useHover, useClasses, combineProps, useEventCallback } from '@ringcentral/spring-base';
-import { useThemeProps, motionTransition } from '@ringcentral/spring-theme';
-import './chunks/Icon.js';
-import { u as useMotionSafeTransition } from './chunks/useMotionSafeTransition.js';
-import { T as Tooltip } from './chunks/Tooltip.js';
-import './chunks/usePrefersReducedMotion.js';
-import 'clsx';
-import './chunks/getFade.js';
-import './Popper.js';
-import '@floating-ui/react-dom';
-import './chunks/Modal.js';
-import './chunks/useFocusTrapStack.js';
-import './chunks/Backdrop.js';
-import './chunks/PopperPaper.js';
-
-const valueToPercent = (value, min, max) => ((value - min) * 100) / (max - min);
-
-const Identity = (x) => x;
-const SliderThumb = (props) => {
-    const { value, min, max, axis, axisProps, focusVisible, valueLabelDisplay, valueLabelFormat, valueLabelTooltipProps, orientation, scale = Identity, classes, transition, dragging, 'aria-label': ariaLabel, 'aria-valuetext': ariaValuetext, getThumbProps, getAriaValueText, getHiddenInputProps, index, } = props;
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { motion } from "framer-motion";
+import { useSlider } from "@mui/base";
+import { combineProps, useClasses, useEventCallback, useHover } from "@ringcentral/spring-base";
+import { motionTransition, useThemeProps } from "@ringcentral/spring-theme";
+import "./Tooltip.js";
+import "./chunks/4476.js";
+import { Tooltip } from "./chunks/4535.js";
+import { useMotionSafeTransition } from "./chunks/1294.js";
+
+
+
+
+
+
+
+
+
+
+const valueToPercent = (value, min, max)=>(value - min) * 100 / (max - min);
+
+
+
+
+
+
+const Identity = (x)=>x;
+const SliderThumb = (props)=>{
+    const { value, min, max, axis, axisProps, focusVisible, valueLabelDisplay, valueLabelFormat, valueLabelTooltipProps, orientation, scale = Identity, classes, transition, dragging, 'aria-label': ariaLabel, 'aria-valuetext': ariaValuetext, getThumbProps, getAriaValueText, getHiddenInputProps, index } = props;
     const { hover, hoverHandlers } = useHover();
     const thumbProps = getThumbProps(hoverHandlers);
     const cls = useClasses('slider', classes);
     const percent = valueToPercent(value, min, max);
     const style = axisProps[axis].offset(percent);
     const scaledValue = scale(value);
-    const valueLabel = typeof valueLabelFormat === 'function'
-        ? valueLabelFormat(scaledValue)
-        : typeof valueLabelFormat === 'string'
-            ? valueLabelFormat
-            : scaledValue;
-    const ariaValueText = getAriaValueText
-        ? getAriaValueText(scaledValue)
-        : typeof valueLabelFormat === 'function' ||
-            typeof valueLabelFormat === 'string'
-            ? String(valueLabel)
-            : ariaValuetext;
-    return (jsxs(motion.div, { className: cls('thumb', `thumb-${orientation}`, {
-            focusVisible,
-        }), ...thumbProps, initial: false, animate: style, transition: transition, children: [jsx("span", { className: cls('thumb-inner') }), jsx(Tooltip, { open: valueLabelDisplay === 'on' ||
-                    (valueLabelDisplay === 'auto' && (hover || focusVisible || dragging)), title: valueLabel, ...combineProps({
+    // Format value label for tooltip display
+    const valueLabel = typeof valueLabelFormat === 'function' ? valueLabelFormat(scaledValue) : typeof valueLabelFormat === 'string' ? valueLabelFormat : scaledValue;
+    // Calculate aria-valuetext
+    const ariaValueText = getAriaValueText ? getAriaValueText(scaledValue) : typeof valueLabelFormat === 'function' || typeof valueLabelFormat === 'string' ? String(valueLabel) : ariaValuetext;
+    return /*#__PURE__*/ jsxs(motion.div, {
+        className: cls('thumb', `thumb-${orientation}`, {
+            focusVisible
+        }),
+        ...thumbProps,
+        initial: false,
+        animate: style,
+        transition: transition,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: cls('thumb-inner')
+            }),
+            /*#__PURE__*/ jsx(Tooltip, {
+                open: valueLabelDisplay === 'on' || valueLabelDisplay === 'auto' && (hover || focusVisible || dragging),
+                title: valueLabel,
+                ...combineProps({
                     placement: orientation === 'vertical' ? 'left' : 'top',
                     className: cls('value-label', {
-                        'show-on-hover-only': valueLabelDisplay === 'auto',
+                        'show-on-hover-only': valueLabelDisplay === 'auto'
                     }),
                     classes: {
                         paper: cls('value-label-paper'),
-                        paperContent: 'justify-center',
+                        paperContent: 'justify-center'
                     },
                     PopperProps: {
                         disablePortal: true,
@@ -57,52 +68,139 @@ const SliderThumb = (props) => {
                             ancestorScroll: true,
                             ancestorResize: true,
                             elementResize: true,
-                            animationFrame: true,
-                        },
-                    },
-                }, valueLabelTooltipProps), children: jsx("input", { "data-index": index, role: 'slider', "aria-label": ariaLabel, "aria-valuenow": scale(value), "aria-valuetext": ariaValueText, value: value, ...getHiddenInputProps() }) })] }));
+                            animationFrame: true
+                        }
+                    }
+                }, valueLabelTooltipProps),
+                children: /*#__PURE__*/ jsx("input", {
+                    "data-index": index,
+                    role: 'slider',
+                    "aria-label": ariaLabel,
+                    "aria-valuenow": scale(value),
+                    "aria-valuetext": ariaValueText,
+                    value: value,
+                    ...getHiddenInputProps()
+                })
+            })
+        ]
+    });
 };
 SliderThumb.displayName = 'SuiSliderThumb';
 
-var Slider$1 = {"sui-slider-root":"sui-slider-root","sui-disabled":"sui-disabled","sui-slider-thumb":"sui-slider-thumb","sui-slider-mark":"sui-slider-mark","sui-slider-mark-label":"sui-slider-mark-label","sui-slider-value-label-paper":"sui-slider-value-label-paper","sui-slider-show-color-at-rest":"sui-slider-show-color-at-rest","sui-slider-neutral":"sui-slider-neutral","sui-slider-success":"sui-slider-success","sui-slider-danger":"sui-slider-danger","sui-slider-warning":"sui-slider-warning","sui-slider-horizontal":"sui-slider-horizontal","sui-slider-vertical":"sui-slider-vertical","sui-slider-has-marks":"sui-slider-has-marks","sui-slider-rail":"sui-slider-rail","sui-slider-track":"sui-slider-track","sui-slider-rail-horizontal":"sui-slider-rail-horizontal","sui-slider-rail-vertical":"sui-slider-rail-vertical","sui-slider-track-horizontal":"sui-slider-track-horizontal","sui-slider-track-vertical":"sui-slider-track-vertical","sui-focus-visible":"sui-focus-visible","sui-slider-thumb-horizontal":"sui-slider-thumb-horizontal","sui-slider-thumb-vertical":"sui-slider-thumb-vertical","sui-slider-thumb-inner":"sui-slider-thumb-inner","sui-slider-marks":"sui-slider-marks","sui-slider-marks-horizontal":"sui-slider-marks-horizontal","sui-slider-marks-vertical":"sui-slider-marks-vertical","sui-slider-mark-container":"sui-slider-mark-container","sui-slider-mark-container-horizontal":"sui-slider-mark-container-horizontal","sui-slider-mark-container-vertical":"sui-slider-mark-container-vertical","sui-slider-mark-vertical":"sui-slider-mark-vertical","sui-slider-mark-horizontal":"sui-slider-mark-horizontal"};
 
-const InnerSlider = (inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'Slider' });
+// extracted by css-extract-rspack-plugin
+/* export default */ var Slider = ({"sui-slider-root":"sui-slider-root","sui-disabled":"sui-disabled","sui-slider-thumb":"sui-slider-thumb","sui-slider-mark":"sui-slider-mark","sui-slider-mark-label":"sui-slider-mark-label","sui-slider-value-label-paper":"sui-slider-value-label-paper","sui-slider-show-color-at-rest":"sui-slider-show-color-at-rest","sui-slider-neutral":"sui-slider-neutral","sui-slider-success":"sui-slider-success","sui-slider-danger":"sui-slider-danger","sui-slider-warning":"sui-slider-warning","sui-slider-horizontal":"sui-slider-horizontal","sui-slider-vertical":"sui-slider-vertical","sui-slider-has-marks":"sui-slider-has-marks","sui-slider-rail":"sui-slider-rail","sui-slider-track":"sui-slider-track","sui-slider-rail-horizontal":"sui-slider-rail-horizontal","sui-slider-rail-vertical":"sui-slider-rail-vertical","sui-slider-track-horizontal":"sui-slider-track-horizontal","sui-slider-track-vertical":"sui-slider-track-vertical","sui-focus-visible":"sui-focus-visible","sui-slider-thumb-horizontal":"sui-slider-thumb-horizontal","sui-slider-thumb-vertical":"sui-slider-thumb-vertical","sui-slider-thumb-inner":"sui-slider-thumb-inner","sui-slider-marks":"sui-slider-marks","sui-slider-marks-horizontal":"sui-slider-marks-horizontal","sui-slider-marks-vertical":"sui-slider-marks-vertical","sui-slider-mark-container":"sui-slider-mark-container","sui-slider-mark-container-horizontal":"sui-slider-mark-container-horizontal","sui-slider-mark-container-vertical":"sui-slider-mark-container-vertical","sui-slider-mark-vertical":"sui-slider-mark-vertical","sui-slider-mark-horizontal":"sui-slider-mark-horizontal"});
+
+
+
+
+
+
+
+
+
+
+const InnerSlider = (inProps, ref)=>{
+    const props = useThemeProps({
+        props: inProps,
+        name: 'Slider'
+    });
     const { classes, className, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-valuetext': ariaValuetext, disabled = false, defaultValue, getAriaValueText, max = 100, min = 0, name, disableSwap, color = 'neutral', marks: marksProp = false, onChange, onChangeCommitted, onMouseDown, scale, step, tabIndex, valueLabelDisplay = 'off', valueLabelFormat, valueLabelTooltipProps, value: valueProp, shiftStep, orientation = 'horizontal', showColorAtRest = false, ...rest } = props;
-    const handleChange = useEventCallback((event, value, activeThumb) => {
+    const handleChange = useEventCallback((event, value, activeThumb)=>{
         onChange?.(event, value, activeThumb);
     });
-    const { dragging, axisProps, getRootProps, getHiddenInputProps, getThumbProps, axis = orientation, focusedThumbIndex, values, trackOffset, trackLeap, marks, } = useSlider({
+    const { dragging, axisProps, getRootProps, getHiddenInputProps, getThumbProps, axis = orientation, focusedThumbIndex, values, trackOffset, trackLeap, marks } = useSlider({
         ...props,
         onChangeCommitted: onChangeCommitted,
         marks: marksProp,
         onChange: handleChange,
         rootRef: ref,
-        orientation,
+        orientation
     });
     const cls = useClasses('slider', classes, className);
     const hasMarks = marks.length > 0;
-    const hasMarkLabels = marks.some((mark) => Boolean(mark.label));
-    const isEmpty = values.every((value) => value === min);
-    const transition = useMotionSafeTransition(dragging ? motionTransition['instant'] : motionTransition['haste-01-fast']);
-    return (jsxs("span", { className: cls('root', color, orientation, {
+    const hasMarkLabels = marks.some((mark)=>Boolean(mark.label));
+    const isEmpty = values.every((value)=>value === min);
+    const transition = useMotionSafeTransition(dragging ? motionTransition.instant : motionTransition["haste-01-fast"]);
+    return /*#__PURE__*/ jsxs("span", {
+        className: cls('root', color, orientation, {
             disabled,
             empty: isEmpty,
             'has-marks': hasMarkLabels,
-            'show-color-at-rest': showColorAtRest,
-        }), "aria-disabled": disabled, ...rest, ...getRootProps({
-            onMouseDown,
-        }), children: [jsx("span", { className: cls('rail', `rail-${orientation}`) }), jsx(motion.span, { className: cls('track', `track-${orientation}`, {
-                    'track-empty': isEmpty,
-                }), initial: false, animate: {
+            'show-color-at-rest': showColorAtRest
+        }),
+        "aria-disabled": disabled,
+        ...rest,
+        ...getRootProps({
+            onMouseDown
+        }),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: cls('rail', `rail-${orientation}`)
+            }),
+            /*#__PURE__*/ jsx(motion.span, {
+                className: cls('track', `track-${orientation}`, {
+                    'track-empty': isEmpty
+                }),
+                initial: false,
+                animate: {
                     ...axisProps[axis].offset(trackOffset),
-                    ...axisProps[axis].leap(trackLeap),
-                }, transition: transition }), values.map((value, index) => (jsx(SliderThumb, { value: value, index: index, min: min, max: max, axis: axis, axisProps: axisProps, focusVisible: focusedThumbIndex === index, dragging: dragging, valueLabelDisplay: valueLabelDisplay, valueLabelFormat: valueLabelFormat, valueLabelTooltipProps: valueLabelTooltipProps, orientation: orientation, scale: scale, classes: classes, transition: transition, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-valuetext": ariaValuetext, getThumbProps: getThumbProps, getAriaValueText: getAriaValueText, getHiddenInputProps: getHiddenInputProps }, `value-${index}`))), hasMarks && (jsx("span", { className: cls('marks', `marks-${orientation}`), children: marks.map((mark, index) => {
-                    return (jsxs("span", { "data-index": index, className: cls('mark-container', `mark-container-${orientation}`), style: axisProps[axis].offset(valueToPercent(mark.value, min, max)), children: [jsx("span", { className: cls('mark', `mark-${orientation}`) }), mark.label &&
-                                (typeof mark.label === 'string' ? (jsx("span", { className: cls('mark-label'), children: mark.label })) : (mark.label))] }, `${mark.value}`));
-                }) }))] }));
+                    ...axisProps[axis].leap(trackLeap)
+                },
+                transition: transition
+            }),
+            values.map((value, index)=>/*#__PURE__*/ jsx(SliderThumb, {
+                    value: value,
+                    index: index,
+                    min: min,
+                    max: max,
+                    axis: axis,
+                    axisProps: axisProps,
+                    focusVisible: focusedThumbIndex === index,
+                    dragging: dragging,
+                    valueLabelDisplay: valueLabelDisplay,
+                    valueLabelFormat: valueLabelFormat,
+                    valueLabelTooltipProps: valueLabelTooltipProps,
+                    orientation: orientation,
+                    scale: scale,
+                    classes: classes,
+                    transition: transition,
+                    "aria-label": ariaLabel,
+                    "aria-labelledby": ariaLabelledBy,
+                    "aria-valuetext": ariaValuetext,
+                    getThumbProps: getThumbProps,
+                    getAriaValueText: getAriaValueText,
+                    getHiddenInputProps: getHiddenInputProps
+                }, `value-${index}`)),
+            hasMarks && /*#__PURE__*/ jsx("span", {
+                className: cls('marks', `marks-${orientation}`),
+                children: marks.map((mark, index)=>{
+                    return /*#__PURE__*/ jsxs("span", {
+                        "data-index": index,
+                        className: cls('mark-container', `mark-container-${orientation}`),
+                        style: axisProps[axis].offset(valueToPercent(mark.value, min, max)),
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: cls('mark', `mark-${orientation}`)
+                            }),
+                            mark.label && (typeof mark.label === 'string' ? /*#__PURE__*/ jsx("span", {
+                                className: cls('mark-label'),
+                                children: mark.label
+                            }) : mark.label)
+                        ]
+                    }, `${mark.value}`);
+                })
+            })
+        ]
+    });
 };
-const Slider = forwardRef(InnerSlider);
-Slider.displayName = 'SuiSlider';
+// forwardRef doesn't handle generic types well, so we need to cast through an intermediate variable
+const Slider_Slider = /*#__PURE__*/ forwardRef(InnerSlider);
+Slider_Slider.displayName = 'SuiSlider';
+
+
+
+
+
 
-export { Slider, Slider$1 as sliderStyle };
+export { Slider as sliderStyle, Slider_Slider as Slider };

package/Snackbar.js

@@ -1,43 +1,44 @@
-import { useWindowContext, useClasses, useTimeout } from '@ringcentral/spring-base';
-import { useTheme, useThemeProps } from '@ringcentral/spring-theme';
-import { useMemo, forwardRef, isValidElement, cloneElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { Portal } from '@mui/base';
-import { a as Alert } from './chunks/Alert.js';
-import '@ringcentral/spring-icon';
-import 'clsx';
-import './chunks/Icon.js';
-import './chunks/IconButtonLabel.js';
-import './chunks/Squircle.js';
-import './chunks/withTooltip.js';
-import './chunks/Tooltip.js';
-import 'framer-motion';
-import './chunks/usePrefersReducedMotion.js';
-import './chunks/getFade.js';
-import './Popper.js';
-import '@floating-ui/react-dom';
-import './chunks/Modal.js';
-import './chunks/useFocusTrapStack.js';
-import './chunks/Backdrop.js';
-import './chunks/PopperPaper.js';
+import { useClasses, useTimeout, useWindowContext } from "@ringcentral/spring-base";
+import { useTheme, useThemeProps } from "@ringcentral/spring-theme";
+import { cloneElement, forwardRef, isValidElement, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Alert as Alert_Alert } from "./Alert.js";
+import { Portal } from "./Portal.js";
+
+
+
+
+
+
 
 const WRAPPER_ID = 'sui-snackbar-wrapper';
-const useSnackbarWrapper = (className) => {
+const useSnackbarWrapper = (className)=>{
     const { document } = useWindowContext();
     const { scopeProps } = useTheme();
-    return useMemo(() => {
+    /**
+   * We must memoize the container otherwise other components that
+   * are a child of the wrapper which are conditionally rendered
+   * can throw a "Cannot update a component while rendering a different component" error.
+   */ return useMemo(()=>{
         const container = document?.getElementById(WRAPPER_ID) ?? document?.createElement('div');
         if (container) {
             Object.entries({
                 class: className,
-                id: WRAPPER_ID,
-            }).forEach(([key, value]) => container.setAttribute(key, value));
+                id: WRAPPER_ID
+            }).forEach(([key, value])=>container.setAttribute(key, value));
+            // create one more div wrapper to wrap the container
             if (document) {
                 const wrapper = document.createElement('div');
+                // Apply the scope props directly to the wrapper
                 Object.entries({
-                    ...scopeProps,
-                }).forEach(([key, value]) => {
-                    let attribute = key;
+                    ...scopeProps
+                }).forEach(([key, value])=>{
+                    /**
+           * Map the key to an attribute. scopeProps is set on a ReactElement so
+           * setting a key like className will automatically be set to class,
+           * but as we're mutating the DOM element directly we need to manually
+           * map the key name to the DOM attribute name.
+           */ let attribute = key;
                     if (attribute === 'className') {
                         attribute = 'class';
                     }
@@ -48,59 +49,121 @@ const useSnackbarWrapper = (className) => {
             }
         }
         return container;
-    }, [className, scopeProps]);
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        className,
+        scopeProps
+    ]);
 };
 
-var SnackbarContent$1 = {"sui-snackbar-content-root":"sui-snackbar-content-root","sui-snackbar-content-icon":"sui-snackbar-content-icon","sui-snackbar-content-close":"sui-snackbar-content-close","sui-snackbar-content-action":"sui-snackbar-content-action","sui-snackbar-content-body":"sui-snackbar-content-body","sui-snackbar-content-info":"sui-snackbar-content-info","sui-snackbar-content-error":"sui-snackbar-content-error","sui-snackbar-content-warning":"sui-snackbar-content-warning","sui-snackbar-content-success":"sui-snackbar-content-success","sui-snackbar-content-neutral":"sui-snackbar-content-neutral"};
 
-const SnackbarContent = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'Snackbar' });
+
+
+
+
+
+
+
+// extracted by css-extract-rspack-plugin
+/* export default */ var SnackbarContent = ({"sui-snackbar-content-root":"sui-snackbar-content-root","sui-snackbar-content-icon":"sui-snackbar-content-icon","sui-snackbar-content-close":"sui-snackbar-content-close","sui-snackbar-content-action":"sui-snackbar-content-action","sui-snackbar-content-body":"sui-snackbar-content-body","sui-snackbar-content-info":"sui-snackbar-content-info","sui-snackbar-content-error":"sui-snackbar-content-error","sui-snackbar-content-warning":"sui-snackbar-content-warning","sui-snackbar-content-success":"sui-snackbar-content-success","sui-snackbar-content-neutral":"sui-snackbar-content-neutral"});
+
+
+
+
+
+
+const SnackbarContent_SnackbarContent = /*#__PURE__*/ forwardRef((inProps, ref)=>{
+    const props = useThemeProps({
+        props: inProps,
+        name: 'Snackbar'
+    });
     const { classes, className, severity = 'neutral', ...rest } = props;
     const cls = useClasses('snackbar-content', classes, className);
-    return (jsx(Alert, { ref: ref, ...rest, severity: severity, className: cls('root'), classes: {
+    return /*#__PURE__*/ jsx(Alert_Alert, {
+        ref: ref,
+        ...rest,
+        severity: severity,
+        className: cls('root'),
+        classes: {
             body: cls('body'),
             icon: cls('icon'),
             close: cls('close'),
             action: cls('action'),
-            [severity]: cls(severity),
-        } }));
+            [severity]: cls(severity)
+        }
+    });
 });
-SnackbarContent.displayName = 'SuiSnackbarContent';
+SnackbarContent_SnackbarContent.displayName = 'SuiSnackbarContent';
 
-var Snackbar$1 = {"sui-snackbar-root":"sui-snackbar-root"};
 
-const Snackbar = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'Snackbar' });
+
+
+
+
+// extracted by css-extract-rspack-plugin
+/* export default */ var Snackbar = ({"sui-snackbar-root":"sui-snackbar-root"});
+
+
+
+
+
+
+
+
+const Snackbar_Snackbar = /*#__PURE__*/ forwardRef((inProps, ref)=>{
+    const props = useThemeProps({
+        props: inProps,
+        name: 'Snackbar'
+    });
     const { onClose, classes, className, open = true, autoHideDuration = 5000, disablePortal, closeButton, children, ...rest } = props;
     const cls = useClasses('snackbar', classes, className);
     const wrapper = useSnackbarWrapper(cls('root'));
-    useTimeout(() => onClose?.(), open ? autoHideDuration : null);
-    const content = useMemo(() => {
-        if (!children)
-            return null;
-        const isSnackbarContent = isValidElement(children) &&
-            children.type === SnackbarContent;
+    useTimeout(()=>onClose?.(), open ? autoHideDuration : null);
+    const content = useMemo(()=>{
+        if (!children) return null;
+        const isSnackbarContent = /*#__PURE__*/ isValidElement(children) && children.type === SnackbarContent_SnackbarContent;
         if (!isSnackbarContent) {
-            return (jsx(SnackbarContent, { ...rest, classes: classes, className: className, ref: ref, onClose: closeButton ? onClose : undefined, children: children }));
+            return /*#__PURE__*/ jsx(SnackbarContent_SnackbarContent, {
+                ...rest,
+                classes: classes,
+                className: className,
+                ref: ref,
+                onClose: closeButton ? onClose : undefined,
+                children: children
+            });
         }
         const childProps = children.props;
-        return cloneElement(children, {
+        return /*#__PURE__*/ cloneElement(children, {
             ...rest,
             classes,
             className,
             ...childProps,
             ref,
-            onClose: 'onClose' in childProps
-                ? childProps.onClose
-                : closeButton
-                    ? onClose
-                    : undefined,
+            onClose: 'onClose' in childProps ? childProps.onClose : closeButton ? onClose : undefined
         });
-    }, [children, rest, classes, className, ref, onClose, closeButton]);
-    if (!open)
-        return null;
-    return (jsx(Portal, { container: wrapper, disablePortal: disablePortal, children: content }));
+    }, [
+        children,
+        rest,
+        classes,
+        className,
+        ref,
+        onClose,
+        closeButton
+    ]);
+    if (!open) return null;
+    return /*#__PURE__*/ jsx(Portal, {
+        container: wrapper,
+        disablePortal: disablePortal,
+        children: content
+    });
 });
-Snackbar.displayName = 'SuiSnackbar';
+Snackbar_Snackbar.displayName = 'SuiSnackbar';
+
+
+
+
+
+
+
 
-export { Snackbar, SnackbarContent, SnackbarContent$1 as snackbarContentStyles, Snackbar$1 as snackbarStyle, useSnackbarWrapper };
+export { Snackbar as snackbarStyle, SnackbarContent as snackbarContentStyles, SnackbarContent_SnackbarContent as SnackbarContent, Snackbar_Snackbar as Snackbar, useSnackbarWrapper };

package/SortableList.js

@@ -1,17 +1,37 @@
-import { jsx } from 'react/jsx-runtime';
-import { SortableContext } from '@dnd-kit/sortable';
-import { useThemeProps } from '@ringcentral/spring-theme';
-import { forwardRef } from 'react';
-import { L as List } from './chunks/List.js';
-import '@ringcentral/spring-base';
-import './chunks/useListNavigation.js';
-import 'tabbable';
-
-const SortableList = forwardRef((inProps, ref) => {
-    const props = useThemeProps({ props: inProps, name: 'SortableList' });
+import { jsx } from "react/jsx-runtime";
+import { SortableContext } from "@dnd-kit/sortable";
+import { useThemeProps } from "@ringcentral/spring-theme";
+import { forwardRef } from "react";
+import { List as List_List } from "./List.js";
+
+
+
+
+
+
+
+
+
+
+const SortableList = /*#__PURE__*/ forwardRef((inProps, ref)=>{
+    const props = useThemeProps({
+        props: inProps,
+        name: 'SortableList'
+    });
     const { children, data, ...rest } = props;
-    return (jsx(SortableContext, { items: data, children: jsx(List, { ...rest, ref: ref, children: data.map((itemData, index) => children(itemData, index)) }) }));
+    return /*#__PURE__*/ jsx(SortableContext, {
+        items: data,
+        children: /*#__PURE__*/ jsx(List_List, {
+            ...rest,
+            ref: ref,
+            children: data.map((itemData, index)=>children(itemData, index))
+        })
+    });
 });
 SortableList.displayName = 'SuiSortableList';
 
+
+
+
+
 export { SortableList };