@paubox/ui 0.16.4 → 0.16.5

package/index.esm.js

@@ -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);
@@ -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,25 @@ function _templateObject4$3() {
     };
     return data;
 }
-var MenuItemContainer = styled.div(_templateObject$d(), primary100);
+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 +24949,15 @@ var MenuItem = function(_param) {
                     checked: selected,
                     onClick: onClick
                 }),
-                icon && /*#__PURE__*/ jsx(IconContainer, {
-                    children: icon
-                }),
-                label
+                /*#__PURE__*/ jsxs(Typography, {
+                    variant: "".concat(size === 'small' ? 'label200Regular' : 'label100Regular'),
+                    children: [
+                        icon && /*#__PURE__*/ jsx(IconContainer, {
+                            children: icon
+                        }),
+                        label
+                    ]
+                })
             ]
         }))
     });
@@ -26027,7 +26189,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 +26202,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 +26212,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 +26225,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 +26241,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 +26576,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 +26589,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 +26599,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 +26612,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 +26637,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 +26681,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 +26694,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 +26704,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 +26727,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 +26742,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 +26751,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 +26775,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 +26788,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 +26798,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 +26811,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 +26837,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 +26858,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 +26916,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 +26929,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 +26939,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 +26952,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 +26978,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 +26992,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 +27432,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 +27472,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 +27482,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 +27495,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 +27657,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 +27673,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 +28084,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 +28097,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 +28107,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 +28120,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 +28146,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 +28192,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 +28213,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 +28224,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 +28257,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 +28278,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 +28412,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 +28452,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 +28462,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 +28475,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 +28560,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 +28586,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.5",
   "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;