@vitality-ds/components 5.7.0 → 6.0.0-alpha.3

package/dist/Chip/index.js

@@ -15,6 +15,7 @@ var _ChipIcon = _interopRequireDefault(require("./components/ChipIcon"));
 var _MetaLabel = _interopRequireDefault(require("./components/MetaLabel"));
 var _RemoveButton = _interopRequireDefault(require("./components/RemoveButton"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Chip(_ref) {
   var label = _ref.label,
     metaLabelProps = _ref.metaLabelProps,
@@ -35,24 +36,28 @@ function Chip(_ref) {
     e.stopPropagation();
     onRemoveClick(e);
   };
-  return /*#__PURE__*/_react["default"].createElement(_ConditionalTooltipWrapper["default"], {
-    tooltipContent: tooltipContent
-  }, /*#__PURE__*/_react["default"].createElement(_styled.BaseChip, {
-    size: size,
-    isInteractive: Boolean(onClick) && !isDisabled,
-    onClick: !isDisabled && onClick,
-    includeRightPadding: !onRemoveClick,
-    reduceLeftPadding: Boolean(iconProps),
-    isDisabled: isDisabled
-  }, /*#__PURE__*/_react["default"].createElement(_ChipIcon["default"], iconProps), /*#__PURE__*/_react["default"].createElement(_styled.BaseChipLabelContainer, {
-    overflowBehavior: overflowBehavior
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    color: "inherit",
-    variant: "body",
-    htmlTag: "span"
-  }, label), metaLabelProps && /*#__PURE__*/_react["default"].createElement(_MetaLabel["default"], metaLabelProps)), chipCheckboxProps && /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], chipCheckboxProps), removeButtonProps && /*#__PURE__*/_react["default"].createElement(_RemoveButton["default"], (0, _extends2["default"])({}, removeButtonProps, {
-    onClick: handleRemove,
-    isDisabled: isDisabled
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalTooltipWrapper["default"], {
+    tooltipContent: tooltipContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseChip, {
+      size: size,
+      isInteractive: Boolean(onClick) && !isDisabled,
+      onClick: !isDisabled && onClick,
+      includeRightPadding: !onRemoveClick,
+      reduceLeftPadding: Boolean(iconProps),
+      isDisabled: isDisabled,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipIcon["default"], (0, _extends2["default"])({}, iconProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseChipLabelContainer, {
+        overflowBehavior: overflowBehavior,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          color: "inherit",
+          variant: "body",
+          htmlTag: "span",
+          children: label
+        }), metaLabelProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetaLabel["default"], (0, _extends2["default"])({}, metaLabelProps))]
+      }), chipCheckboxProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], (0, _extends2["default"])({}, chipCheckboxProps)), removeButtonProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RemoveButton["default"], (0, _extends2["default"])({}, removeButtonProps, {
+        onClick: handleRemove,
+        isDisabled: isDisabled
+      }))]
+    })
+  });
 }
 var _default = exports["default"] = Chip;

package/dist/ColorModeProvider/components/BaseColorModeProvider.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _system = require("@vitality-ds/system");
 var _react = _interopRequireDefault(require("react"));
 var _ThemeProvider = require("../../ThemeProvider");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["mode", "children"];
 function ColorModeProvider(_ref) {
   var mode = _ref.mode,
@@ -18,8 +20,11 @@ function ColorModeProvider(_ref) {
    * The string returned from Stitches and createTheme() is the className which maps to the relevant CSS variables of that theme
    */
   var colorModeClassName = _system.AVAILABLE_THEMES[mode];
-  return /*#__PURE__*/_react["default"].createElement(_ThemeProvider.ThemeProvider, restProps, /*#__PURE__*/_react["default"].createElement("div", {
-    className: colorModeClassName
-  }, children));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeProvider.ThemeProvider, (0, _extends2["default"])({}, restProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: colorModeClassName,
+      children: children
+    })
+  }));
 }
 var _default = exports["default"] = ColorModeProvider;

package/dist/ColorModeProvider/index.js

@@ -8,15 +8,18 @@ exports.DarkModeProvider = DarkModeProvider;
 exports.LightModeProvider = LightModeProvider;
 var _react = _interopRequireDefault(require("react"));
 var _BaseColorModeProvider = _interopRequireDefault(require("./components/BaseColorModeProvider"));
+var _jsxRuntime = require("react/jsx-runtime");
 function LightModeProvider(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_BaseColorModeProvider["default"], {
-    mode: "light"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseColorModeProvider["default"], {
+    mode: "light",
+    children: children
+  });
 }
 function DarkModeProvider(_ref2) {
   var children = _ref2.children;
-  return /*#__PURE__*/_react["default"].createElement(_BaseColorModeProvider["default"], {
-    mode: "dark"
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseColorModeProvider["default"], {
+    mode: "dark",
+    children: children
+  });
 }

package/dist/ComboButton/index.js

@@ -11,29 +11,31 @@ var _react = _interopRequireDefault(require("react"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _DropdownMenu = _interopRequireDefault(require("../DropdownMenu"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function ComboButton(_ref) {
   var size = _ref.size,
     mainButtonProps = _ref.mainButtonProps,
     items = _ref.items;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseComboButton, {
-    size: size
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    "data-vitality-component": "combo-button-main"
-  }, mainButtonProps, {
-    size: size
-  })), /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
-    preferredAlignment: "end",
-    trigger: {
-      type: "button",
-      props: {
-        size: size,
-        "data-vitality-component": "combo-button-dropdown",
-        iconLeft: /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronDown, null),
-        children: "",
-        appearance: mainButtonProps === null || mainButtonProps === void 0 ? void 0 : mainButtonProps.appearance
-      }
-    },
-    items: items
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseComboButton, {
+    size: size,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({
+      "data-vitality-component": "combo-button-main"
+    }, mainButtonProps, {
+      size: size
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenu["default"], {
+      preferredAlignment: "end",
+      trigger: {
+        type: "button",
+        props: {
+          size: size,
+          "data-vitality-component": "combo-button-dropdown",
+          iconLeft: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronDown, {}),
+          children: "",
+          appearance: mainButtonProps === null || mainButtonProps === void 0 ? void 0 : mainButtonProps.appearance
+        }
+      },
+      items: items
+    })]
+  });
 }
 var _default = exports["default"] = ComboButton;

package/dist/Dialog/components/DialogActions/index.js

@@ -11,6 +11,7 @@ var _Button = _interopRequireDefault(require("../../../Button"));
 var _empties = require("../../../helpers/logic/empties");
 var _constants = _interopRequireDefault(require("../../constants"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DialogActions(_ref) {
   var primaryButtonProps = _ref.primaryButtonProps,
     secondaryButtonProps = _ref.secondaryButtonProps,
@@ -25,10 +26,22 @@ function DialogActions(_ref) {
     tertiaryLabel = _ref4.label;
   var _ref5 = cancelButtonProps || _empties.EMPTY_OBJ,
     cancelLabel = _ref5.label;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDialogActions, null, _constants["default"][variant].cancelActionAllowed && cancelButtonProps && /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    appearance: "ghost"
-  }, cancelButtonProps), cancelLabel), _constants["default"][variant].secondaryActionsAllowed && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, tertiaryButtonProps && /*#__PURE__*/_react["default"].createElement(_Button["default"], tertiaryButtonProps, tertiaryLabel), secondaryButtonProps && /*#__PURE__*/_react["default"].createElement(_Button["default"], secondaryButtonProps, secondaryLabel)), primaryButtonProps && /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
-    appearance: _constants["default"][variant].primaryActionVariant
-  }, primaryButtonProps), primaryLabel || _constants["default"][variant].primaryActionText));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseDialogActions, {
+    children: [_constants["default"][variant].cancelActionAllowed && cancelButtonProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({
+      appearance: "ghost"
+    }, cancelButtonProps, {
+      children: cancelLabel
+    })), _constants["default"][variant].secondaryActionsAllowed && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [tertiaryButtonProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({}, tertiaryButtonProps, {
+        children: tertiaryLabel
+      })), secondaryButtonProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({}, secondaryButtonProps, {
+        children: secondaryLabel
+      }))]
+    }), primaryButtonProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], (0, _extends2["default"])({
+      appearance: _constants["default"][variant].primaryActionVariant
+    }, primaryButtonProps, {
+      children: primaryLabel || _constants["default"][variant].primaryActionText
+    }))]
+  });
 }
 var _default = exports["default"] = DialogActions;

package/dist/Dialog/components/DialogContent/index.js

@@ -8,8 +8,13 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DialogContent(_ref) {
   var content = _ref.content;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDialogContent, null, content && typeof content === "string" ? /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, content) : content);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDialogContent, {
+    children: content && typeof content === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      children: content
+    }) : content
+  });
 }
 var _default = exports["default"] = DialogContent;

package/dist/Dialog/components/DialogHeader/index.js

@@ -12,6 +12,7 @@ var _Stack = _interopRequireDefault(require("../../../Stack"));
 var _Typography = _interopRequireDefault(require("../../../Typography"));
 var _constants = _interopRequireDefault(require("../../constants"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DialogHeader(_ref) {
   var title = _ref.title,
     subtitle = _ref.subtitle,
@@ -19,24 +20,32 @@ function DialogHeader(_ref) {
     closeButtonOnClick = _ref.closeButtonOnClick,
     variant = _ref.variant;
   var IconComponent = _constants["default"][variant].forcedIcon ? _constants["default"][variant].forcedIcon : icon;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDialogHeader, {
-    variant: variant
-  }, /*#__PURE__*/_react["default"].createElement(_styled.TitleContainer, null, _constants["default"][variant].titleIcon && IconComponent && /*#__PURE__*/_react["default"].createElement(IconComponent, {
-    color: "currentColor",
-    size: "1.5rem"
-  }), /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
-    spacing: "none"
-  }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    color: "inherit",
-    variant: "sectionTitle"
-  }, title), subtitle && /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
-    color: "lowContrast",
-    variant: "sectionSubtitle"
-  }, subtitle))), _constants["default"][variant].headerCloseAllowed && closeButtonOnClick && /*#__PURE__*/_react["default"].createElement(_styled.UtilityIconContainer, null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    size: "compact",
-    onClick: closeButtonOnClick,
-    tooltipContent: "Close Dialog",
-    icon: /*#__PURE__*/_react["default"].createElement(_lucideReact.X, null)
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseDialogHeader, {
+    variant: variant,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.TitleContainer, {
+      children: [_constants["default"][variant].titleIcon && IconComponent && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+        color: "currentColor",
+        size: "1.5rem"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
+        spacing: "none",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          color: "inherit",
+          variant: "sectionTitle",
+          children: title
+        }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          color: "lowContrast",
+          variant: "sectionSubtitle",
+          children: subtitle
+        })]
+      })]
+    }), _constants["default"][variant].headerCloseAllowed && closeButtonOnClick && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.UtilityIconContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton["default"], {
+        size: "compact",
+        onClick: closeButtonOnClick,
+        tooltipContent: "Close Dialog",
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.X, {})
+      })
+    })]
+  });
 }
 var _default = exports["default"] = DialogHeader;

package/dist/Dialog/index.js

@@ -12,6 +12,7 @@ var _DialogContent = _interopRequireDefault(require("./components/DialogContent"
 var _DialogHeader = _interopRequireDefault(require("./components/DialogHeader"));
 var _constants = _interopRequireDefault(require("./constants"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Dialog(_ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? "md" : _ref$width,
@@ -20,14 +21,15 @@ function Dialog(_ref) {
     headerProps = _ref.headerProps,
     content = _ref.content,
     actionsProps = _ref.actionsProps;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDialogContainer, {
-    width: width
-  }, /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
-    content: content
-  }), _constants["default"][variant].actionsAllowed && actionsProps && /*#__PURE__*/_react["default"].createElement(_DialogActions["default"], (0, _extends2["default"])({
-    variant: variant
-  }, actionsProps)), /*#__PURE__*/_react["default"].createElement(_DialogHeader["default"], (0, _extends2["default"])({
-    variant: variant
-  }, headerProps)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseDialogContainer, {
+    width: width,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent["default"], {
+      content: content
+    }), _constants["default"][variant].actionsAllowed && actionsProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogActions["default"], (0, _extends2["default"])({
+      variant: variant
+    }, actionsProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogHeader["default"], (0, _extends2["default"])({
+      variant: variant
+    }, headerProps))]
+  });
 }
 var _default = exports["default"] = Dialog;

package/dist/Divider/index.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["as", "style", "css", "direction", "color", "size", "spacing", "isFirstItem", "indentContent"];
 function Divider(_ref) {
   var as = _ref.as,
@@ -25,7 +26,7 @@ function Divider(_ref) {
     isFirstItem = _ref.isFirstItem,
     indentContent = _ref.indentContent,
     restProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDivider, (0, _extends2["default"])({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDivider, (0, _extends2["default"])({
     direction: direction,
     color: color,
     size: size,

package/dist/Divider/index.spec.js

@@ -4,9 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _react = require("@testing-library/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 describe("<Divider />", function () {
   it("Renders the correct HTML tag when it is passed in", function () {
-    var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(_index["default"], null)),
+    var _render = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {})),
       container = _render.container;
     expect(container.children[0].tagName).toEqual("HR");
   });

package/dist/DropdownMenu/components/CheckableDropdownMenuItem/index.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Content = _interopRequireDefault(require("../Content"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function CheckableDropdownMenuItem(_ref) {
   var checked = _ref.checked,
     onClick = _ref.onClick,
@@ -16,16 +17,17 @@ function CheckableDropdownMenuItem(_ref) {
     label = _ref.label,
     disabled = _ref.disabled,
     indentContent = _ref.indentContent;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseCheckableItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseCheckableItem, {
     checked: checked,
     onCheckedChange: onClick,
     disabled: disabled,
-    indentContent: indentContent
-  }, /*#__PURE__*/_react["default"].createElement(_Content["default"], {
-    icon: icon,
-    label: label,
-    checked: checked,
-    shortcut: shortcut
-  }));
+    indentContent: indentContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {
+      icon: icon,
+      label: label,
+      checked: checked,
+      shortcut: shortcut
+    })
+  });
 }
 var _default = exports["default"] = CheckableDropdownMenuItem;

package/dist/DropdownMenu/components/Content/index.js

@@ -11,24 +11,32 @@ var _Shortcuts = _interopRequireDefault(require("../../../Shortcuts"));
 var _Stack = _interopRequireDefault(require("../../../Stack"));
 var _styled = require("../CheckableDropdownMenuItem/styled");
 var _IconContainer = _interopRequireDefault(require("../IconContainer"));
+var _jsxRuntime = require("react/jsx-runtime");
 function Content(_ref) {
   var icon = _ref.icon,
     label = _ref.label,
     checked = _ref.checked,
     shortcut = _ref.shortcut,
     showSubmenuIndicator = _ref.showSubmenuIndicator;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
-    direction: "horizontal",
-    spacing: "sm",
-    align: "center"
-  }, checked && /*#__PURE__*/_react["default"].createElement(_styled.CheckedIndicator, null, /*#__PURE__*/_react["default"].createElement(_lucideReact.Check, {
-    color: "currentColor"
-  })), icon && /*#__PURE__*/_react["default"].createElement(_IconContainer["default"], {
-    icon: icon
-  }), label), /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, shortcut && /*#__PURE__*/_react["default"].createElement(_Shortcuts["default"], {
-    keys: shortcut
-  }), showSubmenuIndicator && /*#__PURE__*/_react["default"].createElement(_lucideReact.ChevronRight, {
-    color: "currentColor"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
+      direction: "horizontal",
+      spacing: "sm",
+      align: "center",
+      children: [checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.CheckedIndicator, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.Check, {
+          color: "currentColor"
+        })
+      }), icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconContainer["default"], {
+        icon: icon
+      }), label]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack["default"], {
+      children: [shortcut && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Shortcuts["default"], {
+        keys: shortcut
+      }), showSubmenuIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronRight, {
+        color: "currentColor"
+      })]
+    })]
+  });
 }
 var _default = exports["default"] = Content;

package/dist/DropdownMenu/components/DropdownMenuItem/index.js

@@ -8,6 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Content = _interopRequireDefault(require("../Content"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DropdownMenuItem(_ref) {
   var label = _ref.label,
     onClick = _ref.onClick,
@@ -15,14 +16,15 @@ function DropdownMenuItem(_ref) {
     icon = _ref.icon,
     disabled = _ref.disabled,
     indentContent = _ref.indentContent;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownMenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDropdownMenuItem, {
     onClick: onClick,
     disabled: disabled,
-    indentContent: indentContent
-  }, /*#__PURE__*/_react["default"].createElement(_Content["default"], {
-    icon: icon,
-    label: label,
-    shortcut: shortcut
-  }));
+    indentContent: indentContent,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {
+      icon: icon,
+      label: label,
+      shortcut: shortcut
+    })
+  });
 }
 var _default = exports["default"] = DropdownMenuItem;

package/dist/DropdownMenu/components/DropdownMenuLinkItem/index.js

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _Content = _interopRequireDefault(require("../Content"));
 var _styled = require("../DropdownMenuItem/styled");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["label", "shortcut", "icon", "disabled", "isFirstItem", "indentContent"];
 function DropdownMenuLinkItem(_ref) {
   var label = _ref.label,
@@ -19,17 +20,20 @@ function DropdownMenuLinkItem(_ref) {
     isFirstItem = _ref.isFirstItem,
     indentContent = _ref.indentContent,
     linkProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownMenuItem, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDropdownMenuItem, {
     asChild: true,
     disabled: disabled,
     indentContent: indentContent,
-    htmlTag: "a"
-  }, /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
-    role: "menuitem"
-  }, linkProps), /*#__PURE__*/_react["default"].createElement(_Content["default"], {
-    icon: icon,
-    label: label,
-    shortcut: shortcut
-  })));
+    htmlTag: "a",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", (0, _extends2["default"])({
+      role: "menuitem"
+    }, linkProps, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {
+        icon: icon,
+        label: label,
+        shortcut: shortcut
+      })
+    }))
+  });
 }
 var _default = exports["default"] = DropdownMenuLinkItem;

package/dist/DropdownMenu/components/GroupLabel/index.js

@@ -8,9 +8,14 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Divider = _interopRequireDefault(require("../../../Divider"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function GroupLabel(_ref) {
   var label = _ref.label,
     isFirstItem = _ref.isFirstItem;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !isFirstItem && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null), /*#__PURE__*/_react["default"].createElement(_styled.BaseGroupLabel, null, label));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!isFirstItem && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider["default"], {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseGroupLabel, {
+      children: label
+    })]
+  });
 }
 var _default = exports["default"] = GroupLabel;

package/dist/DropdownMenu/components/IconContainer/index.js

@@ -7,10 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = DropdownMenuItemIconContainer;
 var _react = _interopRequireDefault(require("react"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DropdownMenuItemIconContainer(_ref) {
   var icon = _ref.icon;
   var Component = icon && icon.type;
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdownMenuItemIcon, null, /*#__PURE__*/_react["default"].createElement(Component, {
-    color: "currentColor"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseDropdownMenuItemIcon, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+      color: "currentColor"
+    })
+  });
 }

package/dist/DropdownMenu/components/Submenu/index.js

@@ -9,6 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _Content = _interopRequireDefault(require("../Content"));
 var _useDropdownSubmenuItems = _interopRequireDefault(require("./hooks/useDropdownSubmenuItems"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function Submenu(_ref) {
   var label = _ref.label,
     icon = _ref.icon,
@@ -16,13 +17,18 @@ function Submenu(_ref) {
     subMenu = _ref.subMenu,
     indentContent = _ref.indentContent;
   var dropdownSubMenuComponents = (0, _useDropdownSubmenuItems["default"])(subMenu);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseSubmenu, null, /*#__PURE__*/_react["default"].createElement(_styled.BaseSubTrigger, {
-    indentContent: indentContent
-  }, /*#__PURE__*/_react["default"].createElement(_Content["default"], {
-    icon: icon,
-    label: label,
-    showSubmenuIndicator: true,
-    shortcut: shortcut
-  })), /*#__PURE__*/_react["default"].createElement(_styled.BaseSubContent, null, dropdownSubMenuComponents));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseSubmenu, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSubTrigger, {
+      indentContent: indentContent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Content["default"], {
+        icon: icon,
+        label: label,
+        showSubmenuIndicator: true,
+        shortcut: shortcut
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.BaseSubContent, {
+      children: dropdownSubMenuComponents
+    })]
+  });
 }
 var _default = exports["default"] = Submenu;

package/dist/DropdownMenu/index.js

@@ -11,6 +11,7 @@ var _constants = require("./constants");
 var _useDropdownMenuItems = _interopRequireDefault(require("./hooks/useDropdownMenuItems"));
 var _useTrigger = _interopRequireDefault(require("./hooks/useTrigger"));
 var _styled = require("./styled");
+var _jsxRuntime = require("react/jsx-runtime");
 function DropdownMenu(_ref) {
   var items = _ref.items,
     trigger = _ref.trigger,
@@ -23,15 +24,18 @@ function DropdownMenu(_ref) {
     props = _ref2.props;
   var triggerComponent = (0, _useTrigger["default"])(type, props, disabled);
   var dropdownMenuComponents = (0, _useDropdownMenuItems["default"])(items);
-  return /*#__PURE__*/_react["default"].createElement(_styled.BaseDropdown, {
-    modal: false
-  }, /*#__PURE__*/_react["default"].createElement(_styled.Trigger, {
-    disabled: disabled,
-    asChild: true
-  }, triggerComponent), /*#__PURE__*/_react["default"].createElement(_styled.Content, {
-    align: preferredAlignment,
-    sideOffset: _constants.FLOATING_ELEMENT_SIDE_OFFSET
-  }, dropdownMenuComponents));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.BaseDropdown, {
+    modal: false,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Trigger, {
+      disabled: disabled,
+      asChild: true,
+      children: triggerComponent
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styled.Content, {
+      align: preferredAlignment,
+      sideOffset: _constants.FLOATING_ELEMENT_SIDE_OFFSET,
+      children: dropdownMenuComponents
+    })]
+  });
 }
 DropdownMenu.displayName = "DropdownMenu";
 var _default = exports["default"] = DropdownMenu;