@paubox/ui 0.16.4 → 0.16.6

package/index.esm.js

@@ -1713,7 +1713,7 @@ function _templateObject4$9() {
     };
     return data;
 }
-function _templateObject5$4() {
+function _templateObject5$5() {
     var data = _tagged_template_literal$t([
         "\n  ",
         "\n  font-size: ",
@@ -1721,12 +1721,12 @@ function _templateObject5$4() {
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 400;\n"
     ]);
-    _templateObject5$4 = function _templateObject() {
+    _templateObject5$5 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6$2() {
+function _templateObject6$3() {
     var data = _tagged_template_literal$t([
         "\n  ",
         "\n  font-size: ",
@@ -1734,7 +1734,7 @@ function _templateObject6$2() {
         "rem;\n  letter-spacing: ",
         "px;\n  font-weight: 600;\n"
     ]);
-    _templateObject6$2 = function _templateObject() {
+    _templateObject6$3 = function _templateObject() {
         return data;
     };
     return data;
@@ -1992,8 +1992,8 @@ var $headline100Regular = css(_templateObject1$i(), commonStyles, headline100Fon
 var $headline100Semibold = css(_templateObject2$g(), commonStyles, headline100FontSize / BASE_FONT_SIZE, headline100LineHeight / BASE_FONT_SIZE, headline100LetterSpacing);
 var $headline200Regular = css(_templateObject3$c(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
 var $headline200Semibold = css(_templateObject4$9(), commonStyles, headline200FontSize / BASE_FONT_SIZE, headline200LineHeight / BASE_FONT_SIZE, headline200LetterSpacing);
-var $headline300Regular = css(_templateObject5$4(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
-var $headline300Semibold = css(_templateObject6$2(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
+var $headline300Regular = css(_templateObject5$5(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
+var $headline300Semibold = css(_templateObject6$3(), commonStyles, headline300FontSize / BASE_FONT_SIZE, headline300LineHeight / BASE_FONT_SIZE, headline300LetterSpacing);
 // PARAGRAPH
 var $paragraph100Regular = css(_templateObject7$1(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
 var $paragraph100Semibold = css(_templateObject8(), commonStyles, paragraph100FontSize / BASE_FONT_SIZE, paragraph100LineHeight / BASE_FONT_SIZE, paragraph100LetterSpacing);
@@ -2153,13 +2153,13 @@ function _templateObject4$8() {
     };
     return data;
 }
-function _templateObject5$3() {
+function _templateObject5$4() {
     var data = _tagged_template_literal$s([
         "\n  background-color: transparent;\n  border: none;\n  color: ",
         ";\n  cursor: pointer;\n  padding: 0.25rem;\n  font-size: 0.75rem;\n  margin-left: ",
         ";\n"
     ]);
-    _templateObject5$3 = function _templateObject() {
+    _templateObject5$4 = function _templateObject() {
         return data;
     };
     return data;
@@ -2181,7 +2181,7 @@ var StyledIcon = styled.div(_templateObject3$b(), function(param) {
     return type === 'info' ? primary700 : type === 'error' ? danger700 : type === 'success' ? success700 : warning700;
 });
 var TextWrapper = styled.div(_templateObject4$8());
-var TruncaterButton = styled.button(_templateObject5$3(), primary700, function(param) {
+var TruncaterButton = styled.button(_templateObject5$4(), primary700, function(param) {
     var isExpanded = param.isExpanded;
     return !isExpanded ? '0' : '0.25rem';
 });
@@ -22377,7 +22377,7 @@ function _unsupported_iterable_to_array$h(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$h(o, minLen);
 }
 var DropdownMenu = function(param) {
-    var label = param.label, _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, iconLeft = param.iconLeft, align = param.align, _param_color = param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_testId = param.testId, testId = _param_testId === void 0 ? 'dropdown' : _param_testId;
+    var label = param.label, _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, iconLeft = param.iconLeft, _param_size = param.size, size = _param_size === void 0 ? 'small' : _param_size, align = param.align, _param_color = param.color, color = _param_color === void 0 ? 'primary' : _param_color, _param_testId = param.testId, testId = _param_testId === void 0 ? 'dropdown' : _param_testId;
     var _useState = _sliced_to_array$e(useState(false), 2), open = _useState[0], setOpen = _useState[1];
     var buttonRef = useRef(null);
     return /*#__PURE__*/ jsxs(Fragment, {
@@ -22386,6 +22386,7 @@ var DropdownMenu = function(param) {
                 color: color,
                 ref: buttonRef,
                 iconLeft: iconLeft,
+                size: size,
                 iconRight: ChevronDown,
                 onClick: function() {
                     setOpen(function(prev) {
@@ -22408,7 +22409,9 @@ var DropdownMenu = function(param) {
                     padding: "".concat(spacing(1), "px 0")
                 },
                 children: items.map(function(item) {
-                    return /*#__PURE__*/ jsx(MenuItem, _object_spread_props$n(_object_spread$t({}, item), {
+                    return /*#__PURE__*/ jsx(MenuItem, _object_spread_props$n(_object_spread$t({
+                        size: size
+                    }, item), {
                         onClick: function(e) {
                             if (typeof item.onClick === 'function') {
                                 item.onClick(e);
@@ -22750,20 +22753,20 @@ function _templateObject4$7() {
     };
     return data;
 }
-function _templateObject5$2() {
+function _templateObject5$3() {
     var data = _tagged_template_literal$k([
         "\n  display: flex;\n  flex-direction: row;\n  gap: 0.5rem;\n"
     ]);
-    _templateObject5$2 = function _templateObject() {
+    _templateObject5$3 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6$1() {
+function _templateObject6$2() {
     var data = _tagged_template_literal$k([
         "\n  width: 100%;\n  padding: 1rem;\n  padding-top: 0;\n  box-sizing: border-box;\n"
     ]);
-    _templateObject6$1 = function _templateObject() {
+    _templateObject6$2 = function _templateObject() {
         return data;
     };
     return data;
@@ -22779,8 +22782,8 @@ var FilterGroup = styled.div(_templateObject1$e(), function(param) {
 var CloseButton$1 = styled.button(_templateObject2$c());
 var FilterRowsContainer = styled.div(_templateObject3$9());
 var OrButton = styled.button(_templateObject4$7(), neutral100);
-var ButtonGroup = styled.div(_templateObject5$2());
-var AndButtonContainer = styled.div(_templateObject6$1());
+var ButtonGroup = styled.div(_templateObject5$3());
+var AndButtonContainer = styled.div(_templateObject6$2());
 var FilterForm = function(param) {
     var values = param.values, fieldOptions = param.fieldOptions, operatorOptions = param.operatorOptions, onSubmit = param.onSubmit, onClear = param.onClear, onChange = param.onChange, errors = param.errors, touched = param.touched;
     var _useState = _sliced_to_array$c(useState(undefined), 2), isHovered = _useState[0], setIsHovered = _useState[1];
@@ -23422,23 +23425,23 @@ function _templateObject4$6() {
     };
     return data;
 }
-function _templateObject5$1() {
+function _templateObject5$2() {
     var data = _tagged_template_literal$i([
         "\n  position: absolute;\n  right: 0rem;\n  width: 2rem;\n  background-color: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 0;\n  border: none;\n  cursor: pointer;\n  z-index: 0;\n  transition: all 150ms ease-in-out;\n  transform: ",
         ";\n"
     ]);
-    _templateObject5$1 = function _templateObject() {
+    _templateObject5$2 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject6() {
+function _templateObject6$1() {
     var data = _tagged_template_literal$i([
         "\n  ",
         "\n  color: ",
         "/80;\n"
     ]);
-    _templateObject6 = function _templateObject() {
+    _templateObject6$1 = function _templateObject() {
         return data;
     };
     return data;
@@ -23507,11 +23510,11 @@ var MultiSelectChip = function(option) {
     });
 };
 // Style for the Icons
-var IconWrapper$2 = styled.div(_templateObject5$1(), function(param) {
+var IconWrapper$2 = styled.div(_templateObject5$2(), function(param) {
     var open = param.open;
     return open ? 'rotate(180deg)' : 'rotate(0deg)';
 });
-var PlaceholderOption = styled.option(_templateObject6(), $paragraph100Semibold, textSecondary);
+var PlaceholderOption = styled.option(_templateObject6$1(), $paragraph100Semibold, textSecondary);
 var SelectedOption = styled.option(_templateObject7(), $paragraph200Regular, textPrimary);
 var MultiSelect = function(_param) {
     var _param_sz = _param.sz, sz = _param_sz === void 0 ? 'sm' : _param_sz, _param_error = _param.error, error = _param_error === void 0 ? false : _param_error, _param_options = _param.options, options = _param_options === void 0 ? [] : _param_options; _param.checkbox; var placeholder = _param.placeholder, label = _param.label, _param_chips = _param.chips, chips = _param_chips === void 0 ? false : _param_chips, values = _param.values, setValues = _param.setValues, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_type = _param.type, type = _param_type === void 0 ? 'primary' : _param_type, props = _object_without_properties$f(_param, [
@@ -24712,17 +24715,170 @@ function _tagged_template_literal$d(strings, raw) {
 }
 function _templateObject$d() {
     var data = _tagged_template_literal$d([
+        "\n  ",
+        "\n  color: ",
+        ";\n  font-family: 'Roboto', sans-serif;\n"
+    ]);
+    _templateObject$d = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var StyledTypography = styled.div(_templateObject$d(), function(param) {
+    var $variant = param.$variant;
+    return typography["$".concat($variant)];
+}, function(param) {
+    var $color = param.$color;
+    return $color;
+});
+var Typography = function(_param) {
+    var variant = _param.variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, rest = _object_without_properties$a(_param, [
+        "variant",
+        "children",
+        "color"
+    ]);
+    var Tag = getTagForVariant(variant);
+    var colorString = color === 'primary' ? textPrimary : color === 'secondary' ? textSecondary : color;
+    return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$g(_object_spread$k({
+        as: Tag,
+        $variant: variant,
+        $color: colorString
+    }, rest), {
+        children: children
+    }));
+};
+function getTagForVariant(variant) {
+    switch(variant){
+        case 'headline100Regular':
+        case 'headline100Semibold':
+            return 'h1';
+        case 'headline200Regular':
+        case 'headline200Semibold':
+            return 'h2';
+        case 'headline300Regular':
+        case 'headline300Semibold':
+            return 'h3';
+        case 'paragraph100Regular':
+        case 'paragraph100Semibold':
+        case 'paragraph200Regular':
+        case 'paragraph200Semibold':
+        case 'paragraph300Regular':
+        case 'paragraph300Medium':
+        case 'paragraph300Semibold':
+        case 'paragraph300Bold':
+            return 'p';
+        case 'label100Regular':
+        case 'label100Medium':
+        case 'label100Semibold':
+        case 'label200Regular':
+        case 'label200Medium':
+        case 'label200Semibold':
+            return 'label';
+        case 'button100Medium':
+        case 'button200Medium':
+            return 'span';
+        default:
+            return 'div';
+    }
+}
+
+function _define_property$j(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$j(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$j(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$f(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$f(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$f(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$9(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$9(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$9(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _tagged_template_literal$c(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject$c() {
+    var data = _tagged_template_literal$c([
         "\n  box-sizing: border-box;\n  width: 100%;\n  cursor: pointer;\n  white-space: nowrap;\n  &:hover {\n    background-color: ",
         ";\n  }\n"
     ]);
-    _templateObject$d = function _templateObject() {
+    _templateObject$c = function _templateObject() {
         return data;
     };
     return data;
 }
 function _templateObject1$8() {
-    var data = _tagged_template_literal$d([
-        "\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"
+    var data = _tagged_template_literal$c([
+        "\n  display: flex;\n  align-items: center;\n  font-size: inherit;\n  color: inherit;\n  justify-content: center;\n"
     ]);
     _templateObject1$8 = function _templateObject() {
         return data;
@@ -24730,7 +24886,7 @@ function _templateObject1$8() {
     return data;
 }
 function _templateObject2$6() {
-    var data = _tagged_template_literal$d([
+    var data = _tagged_template_literal$c([
         "\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  background-color: transparent;\n  text-align: left;\n  border: none;\n  white-space: nowrap;\n  width: 100%;\n  padding: ",
         "px ",
         "px;\n  text-decoration: none;\n  ",
@@ -24742,7 +24898,7 @@ function _templateObject2$6() {
     return data;
 }
 function _templateObject3$5() {
-    var data = _tagged_template_literal$d([
+    var data = _tagged_template_literal$c([
         "\n  ",
         "\n"
     ]);
@@ -24752,7 +24908,7 @@ function _templateObject3$5() {
     return data;
 }
 function _templateObject4$3() {
-    var data = _tagged_template_literal$d([
+    var data = _tagged_template_literal$c([
         "\n  ",
         "\n"
     ]);
@@ -24761,24 +24917,44 @@ function _templateObject4$3() {
     };
     return data;
 }
-var MenuItemContainer = styled.div(_templateObject$d(), primary100);
+function _templateObject5$1() {
+    var data = _tagged_template_literal$c([
+        "\n                  cursor: not-allowed;\n                  color: ",
+        ";\n                "
+    ]);
+    _templateObject5$1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal$c([
+        "\n                  cursor: pointer;\n                "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var MenuItemContainer = styled.div(_templateObject$c(), primary100);
 var IconContainer = styled.div(_templateObject1$8());
 var buttonStyles = css(_templateObject2$6(), spacing(1), spacing(2), $paragraph200Regular);
 var StyledItem = styled.button(_templateObject3$5(), buttonStyles);
 var StyledLink = styled.a(_templateObject4$3(), buttonStyles);
 var MenuItem = function(_param) {
-    var label = _param.label, href = _param.href, selected = _param.selected, checkbox = _param.checkbox, onClick = _param.onClick, icon = _param.icon, disabled = _param.disabled, props = _object_without_properties$a(_param, [
+    var label = _param.label, href = _param.href, selected = _param.selected, checkbox = _param.checkbox, onClick = _param.onClick, icon = _param.icon, disabled = _param.disabled, _param_size = _param.size, size = _param_size === void 0 ? 'small' : _param_size, props = _object_without_properties$9(_param, [
         "label",
         "href",
         "selected",
         "checkbox",
         "onClick",
         "icon",
-        "disabled"
+        "disabled",
+        "size"
     ]);
     var Component = href ? StyledLink : StyledItem;
     return /*#__PURE__*/ jsx(MenuItemContainer, {
-        children: /*#__PURE__*/ jsxs(Component, _object_spread_props$g(_object_spread$k({
+        children: /*#__PURE__*/ jsxs(Component, _object_spread_props$f(_object_spread$j({
             disabled: disabled,
             href: href,
             onClick: onClick,
@@ -24792,10 +24968,16 @@ var MenuItem = function(_param) {
                     checked: selected,
                     onClick: onClick
                 }),
-                icon && /*#__PURE__*/ jsx(IconContainer, {
-                    children: icon
-                }),
-                label
+                /*#__PURE__*/ jsxs(Typography, {
+                    css: disabled ? css(_templateObject5$1(), neutral500) : css(_templateObject6()),
+                    variant: "".concat(size === 'small' ? 'label200Regular' : 'label100Regular'),
+                    children: [
+                        icon && /*#__PURE__*/ jsx(IconContainer, {
+                            children: icon
+                        }),
+                        label
+                    ]
+                })
             ]
         }))
     });
@@ -26027,7 +26209,7 @@ elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, ac
 // This module is based on https://github.com/airbnb/prop-types-exact repository.
 // However, in order to reduce the number of dependencies and to remove some extra safe checks
 // the module was forked.
-function _define_property$j(obj, key, value) {
+function _define_property$i(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -26040,7 +26222,7 @@ function _define_property$j(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$j(target) {
+function _object_spread$i(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -26050,12 +26232,12 @@ function _object_spread$j(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$j(target, key, source[key]);
+            _define_property$i(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$f(object, enumerableOnly) {
+function ownKeys$e(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -26063,12 +26245,12 @@ function ownKeys$f(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$f(target, source) {
+function _object_spread_props$e(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$f(Object(source)).forEach(function(key) {
+        ownKeys$e(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -26079,7 +26261,7 @@ function exactProp(propTypes) {
     if (process.env.NODE_ENV === 'production') {
         return propTypes;
     }
-    return _object_spread_props$f(_object_spread$j({}, propTypes), _define_property$j({}, specialProperty, function(props) {
+    return _object_spread_props$e(_object_spread$i({}, propTypes), _define_property$i({}, specialProperty, function(props) {
         var unsupportedProps = Object.keys(props).filter(function(prop) {
             return !propTypes.hasOwnProperty(prop);
         });
@@ -26414,7 +26596,7 @@ var globalStateClasses = {
     return typeof element === 'string';
 }
 
-function _define_property$i(obj, key, value) {
+function _define_property$h(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -26427,7 +26609,7 @@ function _define_property$i(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$i(target) {
+function _object_spread$h(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -26437,12 +26619,12 @@ function _object_spread$i(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$i(target, key, source[key]);
+            _define_property$h(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$e(object, enumerableOnly) {
+function ownKeys$d(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -26450,12 +26632,12 @@ function ownKeys$e(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$e(target, source) {
+function _object_spread_props$d(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$e(Object(source)).forEach(function(key) {
+        ownKeys$d(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -26475,8 +26657,8 @@ function _object_spread_props$e(target, source) {
     if (elementType === undefined || isHostComponent(elementType)) {
         return otherProps;
     }
-    return _object_spread_props$e(_object_spread$i({}, otherProps), {
-        ownerState: _object_spread$i({}, otherProps.ownerState, ownerState)
+    return _object_spread_props$d(_object_spread$h({}, otherProps), {
+        ownerState: _object_spread$h({}, otherProps.ownerState, ownerState)
     });
 }
 
@@ -26519,7 +26701,7 @@ function _object_spread_props$e(target, source) {
     return result;
 }
 
-function _define_property$h(obj, key, value) {
+function _define_property$g(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -26532,7 +26714,7 @@ function _define_property$h(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$h(target) {
+function _object_spread$g(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -26542,7 +26724,7 @@ function _object_spread$h(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$h(target, key, source[key]);
+            _define_property$g(target, key, source[key]);
         });
     }
     return target;
@@ -26565,8 +26747,8 @@ function _object_spread$h(target) {
         // The simpler case - getSlotProps is not defined, so no internal event handlers are defined,
         // so we can simply merge all the props without having to worry about extracting event handlers.
         var joinedClasses = clsx(additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.className, className, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.className, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.className);
-        var mergedStyle = _object_spread$h({}, additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.style, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.style, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.style);
-        var props = _object_spread$h({}, additionalProps, externalForwardedProps, externalSlotProps);
+        var mergedStyle = _object_spread$g({}, additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.style, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.style, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.style);
+        var props = _object_spread$g({}, additionalProps, externalForwardedProps, externalSlotProps);
         if (joinedClasses.length > 0) {
             props.className = joinedClasses;
         }
@@ -26580,7 +26762,7 @@ function _object_spread$h(target) {
     }
     // In this case, getSlotProps is responsible for calling the external event handlers.
     // We don't need to include them in the merged props because of this.
-    var eventHandlers = extractEventHandlers(_object_spread$h({}, externalForwardedProps, externalSlotProps));
+    var eventHandlers = extractEventHandlers(_object_spread$g({}, externalForwardedProps, externalSlotProps));
     var componentsPropsWithoutEventHandlers = omitEventHandlers(externalSlotProps);
     var otherPropsWithoutEventHandlers = omitEventHandlers(externalForwardedProps);
     var internalSlotProps = getSlotProps(eventHandlers);
@@ -26589,8 +26771,8 @@ function _object_spread$h(target) {
     // to properly override style. It requires the most important classes to be last
     // (see https://github.com/mui/material-ui/pull/33205) for the related discussion.
     var joinedClasses1 = clsx(internalSlotProps === null || internalSlotProps === void 0 ? void 0 : internalSlotProps.className, additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.className, className, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.className, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.className);
-    var mergedStyle1 = _object_spread$h({}, internalSlotProps === null || internalSlotProps === void 0 ? void 0 : internalSlotProps.style, additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.style, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.style, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.style);
-    var props1 = _object_spread$h({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers);
+    var mergedStyle1 = _object_spread$g({}, internalSlotProps === null || internalSlotProps === void 0 ? void 0 : internalSlotProps.style, additionalProps === null || additionalProps === void 0 ? void 0 : additionalProps.style, externalForwardedProps === null || externalForwardedProps === void 0 ? void 0 : externalForwardedProps.style, externalSlotProps === null || externalSlotProps === void 0 ? void 0 : externalSlotProps.style);
+    var props1 = _object_spread$g({}, internalSlotProps, additionalProps, otherPropsWithoutEventHandlers, componentsPropsWithoutEventHandlers);
     if (joinedClasses1.length > 0) {
         props1.className = joinedClasses1;
     }
@@ -26613,7 +26795,7 @@ function _object_spread$h(target) {
     return componentProps;
 }
 
-function _define_property$g(obj, key, value) {
+function _define_property$f(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -26626,7 +26808,7 @@ function _define_property$g(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$g(target) {
+function _object_spread$f(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -26636,12 +26818,12 @@ function _object_spread$g(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$g(target, key, source[key]);
+            _define_property$f(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$d(object, enumerableOnly) {
+function ownKeys$c(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -26649,20 +26831,20 @@ function ownKeys$d(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$d(target, source) {
+function _object_spread_props$c(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$d(Object(source)).forEach(function(key) {
+        ownKeys$c(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$9(source, excluded) {
+function _object_without_properties$8(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$9(source, excluded);
+    var target = _object_without_properties_loose$8(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -26675,7 +26857,7 @@ function _object_without_properties$9(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -26696,18 +26878,18 @@ function _object_without_properties_loose$9(source, excluded) {
  * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
  */ function useSlotProps(parameters) {
     var _parameters_additionalProps;
-    var elementType = parameters.elementType, externalSlotProps = parameters.externalSlotProps, ownerState = parameters.ownerState, _parameters_skipResolvingSlotProps = parameters.skipResolvingSlotProps, skipResolvingSlotProps = _parameters_skipResolvingSlotProps === void 0 ? false : _parameters_skipResolvingSlotProps, other = _object_without_properties$9(parameters, [
+    var elementType = parameters.elementType, externalSlotProps = parameters.externalSlotProps, ownerState = parameters.ownerState, _parameters_skipResolvingSlotProps = parameters.skipResolvingSlotProps, skipResolvingSlotProps = _parameters_skipResolvingSlotProps === void 0 ? false : _parameters_skipResolvingSlotProps, other = _object_without_properties$8(parameters, [
         "elementType",
         "externalSlotProps",
         "ownerState",
         "skipResolvingSlotProps"
     ]);
     var resolvedComponentsProps = skipResolvingSlotProps ? {} : resolveComponentProps(externalSlotProps, ownerState);
-    var _mergeSlotProps = mergeSlotProps(_object_spread_props$d(_object_spread$g({}, other), {
+    var _mergeSlotProps = mergeSlotProps(_object_spread_props$c(_object_spread$f({}, other), {
         externalSlotProps: resolvedComponentsProps
     })), mergedProps = _mergeSlotProps.props, internalRef = _mergeSlotProps.internalRef;
     var ref = useForkRef(internalRef, resolvedComponentsProps === null || resolvedComponentsProps === void 0 ? void 0 : resolvedComponentsProps.ref, (_parameters_additionalProps = parameters.additionalProps) === null || _parameters_additionalProps === void 0 ? void 0 : _parameters_additionalProps.ref);
-    var props = appendOwnerState(elementType, _object_spread_props$d(_object_spread$g({}, mergedProps), {
+    var props = appendOwnerState(elementType, _object_spread_props$c(_object_spread$f({}, mergedProps), {
         ref: ref
     }), ownerState);
     return props;
@@ -26754,7 +26936,7 @@ if (process.env.NODE_ENV !== 'production') {
     };
 }
 
-function _define_property$f(obj, key, value) {
+function _define_property$e(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -26767,7 +26949,7 @@ function _define_property$f(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$f(target) {
+function _object_spread$e(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -26777,12 +26959,12 @@ function _object_spread$f(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$f(target, key, source[key]);
+            _define_property$e(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$c(object, enumerableOnly) {
+function ownKeys$b(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -26790,20 +26972,20 @@ function ownKeys$c(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$c(target, source) {
+function _object_spread_props$b(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$c(Object(source)).forEach(function(key) {
+        ownKeys$b(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$8(source, excluded) {
+function _object_without_properties$7(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$8(source, excluded);
+    var target = _object_without_properties_loose$7(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -26816,7 +26998,7 @@ function _object_without_properties$8(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -26830,10 +27012,10 @@ function _object_without_properties_loose$8(source, excluded) {
 }
 function prepareForSlot(Component) {
     return /*#__PURE__*/ React.forwardRef(function Slot(props, ref) {
-        props.ownerState; var other = _object_without_properties$8(props, [
+        props.ownerState; var other = _object_without_properties$7(props, [
             "ownerState"
         ]);
-        return /*#__PURE__*/ React.createElement(Component, _object_spread_props$c(_object_spread$f({}, other), {
+        return /*#__PURE__*/ React.createElement(Component, _object_spread_props$b(_object_spread$e({}, other), {
             ref: ref
         }));
     });
@@ -27270,7 +27452,7 @@ function _array_like_to_array$5(arr, len) {
 function _array_with_holes$5(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$e(obj, key, value) {
+function _define_property$d(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -27310,7 +27492,7 @@ function _iterable_to_array_limit$5(arr, i) {
 function _non_iterable_rest$5() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$e(target) {
+function _object_spread$d(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -27320,12 +27502,12 @@ function _object_spread$e(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$e(target, key, source[key]);
+            _define_property$d(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$b(object, enumerableOnly) {
+function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -27333,12 +27515,12 @@ function ownKeys$b(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$b(target, source) {
+function _object_spread_props$a(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$b(Object(source)).forEach(function(key) {
+        ownKeys$a(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -27495,8 +27677,8 @@ var defaultManager = new ModalManager();
         // The custom event handlers shouldn't be spread on the root element
         delete propsEventHandlers.onTransitionEnter;
         delete propsEventHandlers.onTransitionExited;
-        var externalEventHandlers = _object_spread$e({}, propsEventHandlers, otherHandlers);
-        return _object_spread_props$b(_object_spread$e({
+        var externalEventHandlers = _object_spread$d({}, propsEventHandlers, otherHandlers);
+        return _object_spread_props$a(_object_spread$d({
             /*
        * Marking an element with the role presentation indicates to assistive technology
        * that this element should be ignored; it exists to support the web application and
@@ -27511,7 +27693,7 @@ var defaultManager = new ModalManager();
     var getBackdropProps = function() {
         var otherHandlers = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
         var externalEventHandlers = otherHandlers;
-        return _object_spread_props$b(_object_spread$e({
+        return _object_spread_props$a(_object_spread$d({
             'aria-hidden': true
         }, externalEventHandlers), {
             onClick: createHandleBackdropClick(externalEventHandlers),
@@ -27922,7 +28104,7 @@ generateUtilityClasses(COMPONENT_NAME, [
     'backdrop'
 ]);
 
-function _define_property$d(obj, key, value) {
+function _define_property$c(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -27935,7 +28117,7 @@ function _define_property$d(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$d(target) {
+function _object_spread$c(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -27945,12 +28127,12 @@ function _object_spread$d(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$d(target, key, source[key]);
+            _define_property$c(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$a(object, enumerableOnly) {
+function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -27958,20 +28140,20 @@ function ownKeys$a(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$a(target, source) {
+function _object_spread_props$9(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$a(Object(source)).forEach(function(key) {
+        ownKeys$9(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$6(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$7(source, excluded);
+    var target = _object_without_properties_loose$6(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -27984,7 +28166,7 @@ function _object_without_properties$7(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$6(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -28030,7 +28212,7 @@ var useUtilityClasses = function(ownerState) {
  *
  * - [Modal API](https://mui.com/base-ui/react-modal/components-api/#modal)
  */ var Modal$1 = /*#__PURE__*/ React.forwardRef(function Modal(props, forwardedRef) {
-    var children = props.children, _props_closeAfterTransition = props.closeAfterTransition, closeAfterTransition = _props_closeAfterTransition === void 0 ? false : _props_closeAfterTransition, container = props.container, _props_disableAutoFocus = props.disableAutoFocus, disableAutoFocus = _props_disableAutoFocus === void 0 ? false : _props_disableAutoFocus, _props_disableEnforceFocus = props.disableEnforceFocus, disableEnforceFocus = _props_disableEnforceFocus === void 0 ? false : _props_disableEnforceFocus, _props_disableEscapeKeyDown = props.disableEscapeKeyDown, disableEscapeKeyDown = _props_disableEscapeKeyDown === void 0 ? false : _props_disableEscapeKeyDown, _props_disablePortal = props.disablePortal, disablePortal = _props_disablePortal === void 0 ? false : _props_disablePortal, _props_disableRestoreFocus = props.disableRestoreFocus, disableRestoreFocus = _props_disableRestoreFocus === void 0 ? false : _props_disableRestoreFocus, _props_disableScrollLock = props.disableScrollLock, disableScrollLock = _props_disableScrollLock === void 0 ? false : _props_disableScrollLock, _props_hideBackdrop = props.hideBackdrop, hideBackdrop = _props_hideBackdrop === void 0 ? false : _props_hideBackdrop, _props_keepMounted = props.keepMounted, keepMounted = _props_keepMounted === void 0 ? false : _props_keepMounted, onBackdropClick = props.onBackdropClick; props.onClose; props.onKeyDown; var open = props.open; props.onTransitionEnter; props.onTransitionExited; var _props_slotProps = props.slotProps, slotProps = _props_slotProps === void 0 ? {} : _props_slotProps, _props_slots = props.slots, slots = _props_slots === void 0 ? {} : _props_slots, other = _object_without_properties$7(props, [
+    var children = props.children, _props_closeAfterTransition = props.closeAfterTransition, closeAfterTransition = _props_closeAfterTransition === void 0 ? false : _props_closeAfterTransition, container = props.container, _props_disableAutoFocus = props.disableAutoFocus, disableAutoFocus = _props_disableAutoFocus === void 0 ? false : _props_disableAutoFocus, _props_disableEnforceFocus = props.disableEnforceFocus, disableEnforceFocus = _props_disableEnforceFocus === void 0 ? false : _props_disableEnforceFocus, _props_disableEscapeKeyDown = props.disableEscapeKeyDown, disableEscapeKeyDown = _props_disableEscapeKeyDown === void 0 ? false : _props_disableEscapeKeyDown, _props_disablePortal = props.disablePortal, disablePortal = _props_disablePortal === void 0 ? false : _props_disablePortal, _props_disableRestoreFocus = props.disableRestoreFocus, disableRestoreFocus = _props_disableRestoreFocus === void 0 ? false : _props_disableRestoreFocus, _props_disableScrollLock = props.disableScrollLock, disableScrollLock = _props_disableScrollLock === void 0 ? false : _props_disableScrollLock, _props_hideBackdrop = props.hideBackdrop, hideBackdrop = _props_hideBackdrop === void 0 ? false : _props_hideBackdrop, _props_keepMounted = props.keepMounted, keepMounted = _props_keepMounted === void 0 ? false : _props_keepMounted, onBackdropClick = props.onBackdropClick; props.onClose; props.onKeyDown; var open = props.open; props.onTransitionEnter; props.onTransitionExited; var _props_slotProps = props.slotProps, slotProps = _props_slotProps === void 0 ? {} : _props_slotProps, _props_slots = props.slots, slots = _props_slots === void 0 ? {} : _props_slots, other = _object_without_properties$6(props, [
         "children",
         "closeAfterTransition",
         "container",
@@ -28051,7 +28233,7 @@ var useUtilityClasses = function(ownerState) {
         "slotProps",
         "slots"
     ]);
-    var propsWithDefaults = _object_spread_props$a(_object_spread$d({}, props), {
+    var propsWithDefaults = _object_spread_props$9(_object_spread$c({}, props), {
         closeAfterTransition: closeAfterTransition,
         disableAutoFocus: disableAutoFocus,
         disableEnforceFocus: disableEnforceFocus,
@@ -28062,10 +28244,10 @@ var useUtilityClasses = function(ownerState) {
         hideBackdrop: hideBackdrop,
         keepMounted: keepMounted
     });
-    var _useModal = useModal(_object_spread_props$a(_object_spread$d({}, propsWithDefaults), {
+    var _useModal = useModal(_object_spread_props$9(_object_spread$c({}, propsWithDefaults), {
         rootRef: forwardedRef
     })), getRootProps = _useModal.getRootProps, getBackdropProps = _useModal.getBackdropProps, getTransitionProps = _useModal.getTransitionProps, portalRef = _useModal.portalRef, isTopModal = _useModal.isTopModal, exited = _useModal.exited, hasTransition = _useModal.hasTransition;
-    var ownerState = _object_spread_props$a(_object_spread$d({}, propsWithDefaults), {
+    var ownerState = _object_spread_props$9(_object_spread$c({}, propsWithDefaults), {
         exited: exited,
         hasTransition: hasTransition
     });
@@ -28095,7 +28277,7 @@ var useUtilityClasses = function(ownerState) {
         elementType: BackdropComponent,
         externalSlotProps: slotProps.backdrop,
         getSlotProps: function(otherHandlers) {
-            return getBackdropProps(_object_spread_props$a(_object_spread$d({}, otherHandlers), {
+            return getBackdropProps(_object_spread_props$9(_object_spread$c({}, otherHandlers), {
                 onClick: function(event) {
                     if (onBackdropClick) {
                         onBackdropClick(event);
@@ -28116,9 +28298,9 @@ var useUtilityClasses = function(ownerState) {
         ref: portalRef,
         container: container,
         disablePortal: disablePortal,
-        children: /*#__PURE__*/ jsxs(Root, _object_spread_props$a(_object_spread$d({}, rootProps), {
+        children: /*#__PURE__*/ jsxs(Root, _object_spread_props$9(_object_spread$c({}, rootProps), {
             children: [
-                !hideBackdrop && BackdropComponent ? /*#__PURE__*/ jsx(BackdropComponent, _object_spread$d({}, backdropProps)) : null,
+                !hideBackdrop && BackdropComponent ? /*#__PURE__*/ jsx(BackdropComponent, _object_spread$c({}, backdropProps)) : null,
                 /*#__PURE__*/ jsx(FocusTrap, {
                     disableEnforceFocus: disableEnforceFocus,
                     disableAutoFocus: disableAutoFocus,
@@ -28250,7 +28432,7 @@ function _array_like_to_array$4(arr, len) {
 function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$c(obj, key, value) {
+function _define_property$b(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -28290,7 +28472,7 @@ function _iterable_to_array_limit$4(arr, i) {
 function _non_iterable_rest$4() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$c(target) {
+function _object_spread$b(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -28300,12 +28482,12 @@ function _object_spread$c(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$c(target, key, source[key]);
+            _define_property$b(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$9(object, enumerableOnly) {
+function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -28313,12 +28495,12 @@ function ownKeys$9(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$9(target, source) {
+function _object_spread_props$8(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$9(Object(source)).forEach(function(key) {
+        ownKeys$8(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -28398,7 +28580,7 @@ function _unsupported_iterable_to_array$4(o, minLen) {
     var handleInputRef = useForkRef(inputRef);
     var getInputProps = function() {
         var otherProps = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        return _object_spread_props$9(_object_spread$c({
+        return _object_spread_props$8(_object_spread$b({
             checked: checkedProp,
             defaultChecked: defaultChecked,
             disabled: disabled,
@@ -28424,159 +28606,6 @@ function _unsupported_iterable_to_array$4(o, minLen) {
     };
 }
 
-function _define_property$b(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread$b(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$b(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys$8(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props$8(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys$8(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties$6(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose$6(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose$6(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _tagged_template_literal$c(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject$c() {
-    var data = _tagged_template_literal$c([
-        "\n  ",
-        "\n  color: ",
-        ";\n  font-family: 'Roboto', sans-serif;\n"
-    ]);
-    _templateObject$c = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var StyledTypography = styled.div(_templateObject$c(), function(param) {
-    var $variant = param.$variant;
-    return typography["$".concat($variant)];
-}, function(param) {
-    var $color = param.$color;
-    return $color;
-});
-var Typography = function(_param) {
-    var variant = _param.variant, children = _param.children, _param_color = _param.color, color = _param_color === void 0 ? 'primary' : _param_color, rest = _object_without_properties$6(_param, [
-        "variant",
-        "children",
-        "color"
-    ]);
-    var Tag = getTagForVariant(variant);
-    var colorString = color === 'primary' ? textPrimary : color === 'secondary' ? textSecondary : color;
-    return /*#__PURE__*/ jsx(StyledTypography, _object_spread_props$8(_object_spread$b({
-        as: Tag,
-        $variant: variant,
-        $color: colorString
-    }, rest), {
-        children: children
-    }));
-};
-function getTagForVariant(variant) {
-    switch(variant){
-        case 'headline100Regular':
-        case 'headline100Semibold':
-            return 'h1';
-        case 'headline200Regular':
-        case 'headline200Semibold':
-            return 'h2';
-        case 'headline300Regular':
-        case 'headline300Semibold':
-            return 'h3';
-        case 'paragraph100Regular':
-        case 'paragraph100Semibold':
-        case 'paragraph200Regular':
-        case 'paragraph200Semibold':
-        case 'paragraph300Regular':
-        case 'paragraph300Medium':
-        case 'paragraph300Semibold':
-        case 'paragraph300Bold':
-            return 'p';
-        case 'label100Regular':
-        case 'label100Medium':
-        case 'label100Semibold':
-        case 'label200Regular':
-        case 'label200Medium':
-        case 'label200Semibold':
-            return 'label';
-        case 'button100Medium':
-        case 'button200Medium':
-            return 'span';
-        default:
-            return 'div';
-    }
-}
-
 function _define_property$a(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.16.4",
+  "version": "0.16.6",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/lib/DropdownMenu/DropdownMenu.d.ts

@@ -6,5 +6,6 @@ export interface DropdownMenuProps {
     align?: 'left' | 'center' | 'right';
     color?: 'primary' | 'secondary';
     testId?: string;
+    size?: 'small' | 'large';
 }
-export declare const DropdownMenu: ({ label, items, iconLeft, align, color, testId, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DropdownMenu: ({ label, items, iconLeft, size, align, color, testId, }: DropdownMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/MenuItem/MenuItem.d.ts

@@ -7,5 +7,6 @@ export interface MenuItemProps {
     selected?: boolean;
     checkbox?: boolean;
     disabled?: boolean;
+    size?: 'small' | 'large';
 }
-export declare const MenuItem: ({ label, href, selected, checkbox, onClick, icon, disabled, ...props }: MenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ label, href, selected, checkbox, onClick, icon, disabled, size, ...props }: MenuItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;