@eightshift/ui-components 5.0.10 → 5.1.1

package/dist/components/matrix-align/matrix-align.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
 import { icons } from "../../icons/icons.js";
 import { pascalCase, upperFirst, camelCase } from "../../utilities/es-dash.js";
 import { Menu, MenuItem } from "../menu/menu.js";
@@ -111,19 +111,16 @@ const MatrixAlign = (props) => {
           triggerProps: { "aria-label": ariaLabel },
           tooltip,
           keepOpen: true,
-          children: sizeOptions.map(({ value: itemValue, label: label2 }) => {
-            var _a;
-            return /* @__PURE__ */ jsx(
-              MenuItem,
-              {
-                endIcon: (_a = icons) == null ? void 0 : _a[`position${size}${pascalCase(itemValue)}`],
-                selected: value === itemValue,
-                onClick: () => onChange(itemValue),
-                children: label2
-              },
-              itemValue
-            );
-          })
+          children: sizeOptions.map(({ value: itemValue, label: label2 }) => /* @__PURE__ */ jsx(
+            MenuItem,
+            {
+              endIcon: icons?.[`position${size}${pascalCase(itemValue)}`],
+              selected: value === itemValue,
+              onClick: () => onChange(itemValue),
+              children: label2
+            },
+            itemValue
+          ))
         }
       )
     }

package/dist/components/menu/menu.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-BN3mjL6q.js";
-import { a as $3674c52c6b3c5bce$export$27d2ad3c5815583e, b as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, c as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, d as $3674c52c6b3c5bce$export$4b1545b4f2016d26, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-CmAxaSUv.js";
+import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-CTQWg_HO.js";
+import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-D6EdDPeu.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { Popover } from "../popover/popover.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { cloneElement } from "react";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
 /**
  * A simple menu component.
  *
@@ -60,7 +60,6 @@ import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
  * @preserve
  */
 const Menu = (props) => {
-  var _a;
   const {
     children,
     triggerLabel,
@@ -90,10 +89,7 @@ const Menu = (props) => {
   if (openOnLongPress) {
     additionalProps.trigger = "longPress";
   }
-  const hasSubmenuItems = Array.isArray(children) ? children.some((child) => {
-    var _a2;
-    return ((_a2 = child == null ? void 0 : child.type) == null ? void 0 : _a2.displayName) === "SubMenuItem";
-  }) : ((_a = children == null ? void 0 : children.type) == null ? void 0 : _a.displayName) === "SubMenuItem";
+  const hasSubmenuItems = Array.isArray(children) ? children.some((child) => child?.type?.displayName === "SubMenuItem") : children?.type?.displayName === "SubMenuItem";
   return /* @__PURE__ */ jsxs(
     $3674c52c6b3c5bce$export$27d2ad3c5815583e,
     {

package/dist/components/modal/modal.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-CmAxaSUv.js";
+import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-D6EdDPeu.js";
 import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-ba38ScjJ.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-CZt7LCbO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
 import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-BUfV-5P3.js";
 import { Button } from "../button/button.js";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-DZCiis5V.js";
+import "../../react-jsx-parser.min-LF707GK8.js";
 import { HStack } from "../layout/hstack.js";
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
@@ -192,6 +192,7 @@ function $f3f84453ead64de5$var$ModalContent(props) {
  * @param {boolean} [props.open] - **Controlled mode ** - whether the modal is open.
  * @param {boolean} [props.defaultOpen] - **Uncontrolled mode ** - whether the modal is initially open.
  * @param {JSX.Element|JSX.Element[]} [props.actions] - Actions to display in the modal footer, typically buttons.
+ * @param {JSX.Element|JSX.Element[]} [props.headerActions] - Actions to display in the modal header, next to the close button (if enabled).
  * @param {string|JSX.Element} [props.triggerLabel] - Label for the trigger button.
  * @param {JSX.Element} [props.triggerIcon] - Trigger button icon.
  * @param {Object} [props.triggerProps] - Props to pass to the trigger button.
@@ -244,6 +245,7 @@ const ModalInternal = (props) => {
     onOpenChange,
     title,
     actions,
+    headerActions,
     noCloseButton,
     noClickToDismiss,
     noKeyboardDismiss,
@@ -286,34 +288,31 @@ const ModalInternal = (props) => {
               className: "es:relative es:text-sm es:outline-hidden",
               "aria-label": ariaLabel,
               children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsxs(
-                  HStack,
-                  {
-                    className: clsx(!title && "es:relative", title && "es:px-5 es:py-3 es:justify-between es:bg-secondary-50 es:border-b es:border-secondary-200", headerClassName),
-                    children: [
-                      title && /* @__PURE__ */ jsx(
-                        $5cb03073d3f54797$export$a8a3e93435678ff9,
-                        {
-                          className: "es:text-balance es:text-base! es:my-0! es:font-medium!",
-                          slot: "title",
-                          children: title
-                        }
-                      ),
-                      !noCloseButton && /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          className: !title && "es:absolute es:top-4 es:right-4 es:bg-white/60 es:backdrop-blur-lg",
-                          onPress: close,
-                          type: "ghost",
-                          size: "small",
-                          icon: icons.clear,
-                          "aria-label": __("Close", "eightshift-frontend-libs"),
-                          tooltip: true
-                        }
-                      )
-                    ]
-                  }
-                ),
+                /* @__PURE__ */ jsxs(HStack, { className: clsx(title && "es:px-5 es:py-3 es:justify-between es:bg-secondary-50 es:border-b es:border-secondary-200", headerClassName), children: [
+                  title && /* @__PURE__ */ jsx(
+                    $5cb03073d3f54797$export$a8a3e93435678ff9,
+                    {
+                      className: "es:text-balance es:text-base! es:my-0! es:font-medium!",
+                      slot: "title",
+                      children: title
+                    }
+                  ),
+                  (!noCloseButton || headerActions) && /* @__PURE__ */ jsxs(HStack, { className: !title && "es:absolute es:top-4 es:right-4 es:z-20", children: [
+                    headerActions,
+                    !noCloseButton && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        className: !title && "es:bg-white/60 es:backdrop-blur-lg",
+                        onPress: close,
+                        type: "ghost",
+                        size: "small",
+                        icon: icons.clear,
+                        "aria-label": __("Close", "eightshift-frontend-libs"),
+                        tooltip: true
+                      }
+                    )
+                  ] })
+                ] }),
                 children && /* @__PURE__ */ jsx("div", { className: clsx("es:p-5 es:space-y-2.5", contentContainerClassName), children }),
                 actions && /* @__PURE__ */ jsx(HStack, { className: clsx("es:justify-end es:px-5 es:py-3 es:border-t es:border-secondary-100", actionsClassName), children: actions })
               ] })

package/dist/components/number-picker/number-picker.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, createContext, useRef, useState, cloneElement } from "react";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
-import { a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-DDPhPPTQ.js";
-import { a as $3985021b0ad6602f$export$37fb8590cf2c088c, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BmDS8Juy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-LBogWgyp.js";
+import { a as $3985021b0ad6602f$export$37fb8590cf2c088c, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DfSBLhDx.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
 import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DH22t_SM.js";
 import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-CZt7LCbO.js";
 import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-DHrSdE_Q.js";
-import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
+import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Bnyyv3Im.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BuJgePCv.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BbYZoHvX.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-D0u2bh8g.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-y0dLc_6m.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -170,7 +170,6 @@ const NumberPicker = ({
   hidden,
   ...props
 }) => {
-  var _a, _b, _c, _d, _e;
   const [isInputFocused, setIsInputFocused] = useState(false);
   if (hidden) {
     return null;
@@ -221,8 +220,8 @@ const NumberPicker = ({
                 "es:group es:flex es:w-fit es:items-center es:rounded-10 es:border es:border-secondary-300 es:pl-1 es:pr-0.5 es:shadow-sm es:focus-within:shadow-md es:transition",
                 "es:inset-ring es:inset-ring-secondary-100",
                 isInputFocused && "es:outline-hidden es:focus-visible:border-accent-500 es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
-                !prefix && (((_a = sizes == null ? void 0 : sizes[size]) == null ? void 0 : _a.noPrefixPadding) ?? sizes.default.noPrefixPadding),
-                ((_b = sizes == null ? void 0 : sizes[size]) == null ? void 0 : _b.field) ?? sizes.default.field,
+                !prefix && (sizes?.[size]?.noPrefixPadding ?? sizes.default.noPrefixPadding),
+                sizes?.[size]?.field ?? sizes.default.field,
                 "es:disabled:shadow-none es:disabled:border-secondary-200 es:disabled:bg-secondary-50 es:disabled:text-secondary-500 es:disabled:cursor-default es:readonly:bg-secondary-50"
               ),
               children: [
@@ -242,7 +241,7 @@ const NumberPicker = ({
                     className: "es:col-start-2 es:row-span-2 es:border-none! es:bg-transparent es:px-0! es:py-1! es:text-sm es:tabular-nums es:shadow-none! es:outline-hidden! es:selection:bg-accent-500/20 es:selection:text-accent-950 es:focus:shadow-none! es:any-focus:outline-hidden",
                     placeholder,
                     style: {
-                      width: fixedWidth ? `${fixedWidth}ch` : `calc(${min < 0 ? "0.75ch + " : ""}${(_d = (_c = max ?? 1e3) == null ? void 0 : _c.toString()) == null ? void 0 : _d.length} * 1ch)`
+                      width: fixedWidth ? `${fixedWidth}ch` : `calc(${min < 0 ? "0.75ch + " : ""}${(max ?? 1e3)?.toString()?.length} * 1ch)`
                     },
                     "aria-label": ariaLabel ?? __("Enter a number", "eightshift-ui-components")
                   }
@@ -276,7 +275,7 @@ const NumberPicker = ({
                   }
                 ),
                 children && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: clsx("es:w-px es:bg-secondary-300", ((_e = sizes == null ? void 0 : sizes[size]) == null ? void 0 : _e.extraContentSeparator) ?? sizes.default.extraContentSeparator) }),
+                  /* @__PURE__ */ jsx("div", { className: clsx("es:w-px es:bg-secondary-300", sizes?.[size]?.extraContentSeparator ?? sizes.default.extraContentSeparator) }),
                   /* @__PURE__ */ jsx("div", { className: "es:p-0.5 es:pr-0", children: Array.isArray(children) ? children.map((child) => cloneElement(child, { slot: null })) : cloneElement(children, { slot: null }) })
                 ] })
               ]

package/dist/components/option-select/option-select.js

@@ -7,7 +7,7 @@ import { SubMenuItem, MenuSeparator, MenuItem, Menu } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
 /**
  * A component that allows the user to select an option from a list of options.
  *
@@ -55,7 +55,6 @@ import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
  * @preserve
  */
 const OptionSelect = (props) => {
-  var _a, _b;
   const {
     icon,
     label,
@@ -87,10 +86,10 @@ const OptionSelect = (props) => {
     return null;
   }
   let tooltip = rawTooltip;
-  if (rawTooltip === true && (ariaLabel == null ? void 0 : ariaLabel.length) > 0) {
+  if (rawTooltip === true && ariaLabel?.length > 0) {
     tooltip = ariaLabel;
   }
-  const currentItem = options == null ? void 0 : options.find(({ value: optionValue }) => optionValue === value);
+  const currentItem = options?.find(({ value: optionValue }) => optionValue === value);
   const notSetLabel = /* @__PURE__ */ jsx("span", { className: "es:leading-3 es:opacity-50", children: __("Not set", "eightshift-ui-components") });
   let radioDesign = "default";
   if (type === "radiosSegmented") {
@@ -104,12 +103,12 @@ const OptionSelect = (props) => {
           MenuItem,
           {
             icon: !noTriggerIcon && (icon ?? // eslint-disable-next-line no-nested-ternary
-            (currentItem ? typeof (currentItem == null ? void 0 : currentItem.icon) === "string" ? (_a = icons) == null ? void 0 : _a[currentItem == null ? void 0 : currentItem.icon] : currentItem == null ? void 0 : currentItem.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel)),
+            (currentItem ? typeof currentItem?.icon === "string" ? icons?.[currentItem?.icon] : currentItem?.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel)),
             children: /* @__PURE__ */ jsx(
               RichLabel,
               {
-                label: noTriggerLabel ? null : label ?? (currentItem == null ? void 0 : currentItem.label) ?? notSetLabel,
-                subtitle: subtitle === true ? currentItem == null ? void 0 : currentItem.label : subtitle,
+                label: noTriggerLabel ? null : label ?? currentItem?.label ?? notSetLabel,
+                subtitle: subtitle === true ? currentItem?.label : subtitle,
                 noColor: true
               }
             )
@@ -129,39 +128,36 @@ const OptionSelect = (props) => {
               sectionTitle: optionSectionTitle,
               shortcut: optionShortcut,
               disabled: optionDisabled
-            }) => {
-              var _a2, _b2;
-              return /* @__PURE__ */ jsxs(Fragment, { children: [
-                (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
-                optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
-                /* @__PURE__ */ jsxs(
-                  MenuItem,
-                  {
-                    selected: value === optionValue,
-                    disabled: optionDisabled || disabled,
-                    className: itemClassName,
-                    icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                    endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
-                    "aria-label": optionAriaLabel ?? optionLabel,
-                    onClick: () => onChange(optionValue),
-                    shortcut: optionShortcut,
-                    ...itemProps,
-                    children: [
-                      !noItemLabel && !optionSubtitle && optionLabel,
-                      !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
-                        RichLabel,
-                        {
-                          label: optionLabel,
-                          subtitle: optionSubtitle,
-                          noColor: true
-                        }
-                      )
-                    ]
-                  }
-                ),
-                optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
-              ] }, optionValue);
-            }
+            }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+              (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
+              optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
+              /* @__PURE__ */ jsxs(
+                MenuItem,
+                {
+                  selected: value === optionValue,
+                  disabled: optionDisabled || disabled,
+                  className: itemClassName,
+                  icon: !noItemIcon && (typeof optionIcon === "string" ? icons?.[optionIcon] : optionIcon),
+                  endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? icons?.[optionEndIcon] : optionEndIcon),
+                  "aria-label": optionAriaLabel ?? optionLabel,
+                  onClick: () => onChange(optionValue),
+                  shortcut: optionShortcut,
+                  ...itemProps,
+                  children: [
+                    !noItemLabel && !optionSubtitle && optionLabel,
+                    !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                      RichLabel,
+                      {
+                        label: optionLabel,
+                        subtitle: optionSubtitle,
+                        noColor: true
+                      }
+                    )
+                  ]
+                }
+              ),
+              optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
+            ] }, optionValue)
           ),
           children
         ]
@@ -182,39 +178,36 @@ const OptionSelect = (props) => {
           sectionTitle: optionSectionTitle,
           shortcut: optionShortcut,
           disabled: optionDisabled
-        }) => {
-          var _a2, _b2;
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
-            optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
-            /* @__PURE__ */ jsxs(
-              MenuItem,
-              {
-                selected: value === optionValue,
-                disabled: optionDisabled || disabled,
-                className: itemClassName,
-                icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
-                "aria-label": optionAriaLabel ?? optionLabel,
-                onClick: () => onChange(optionValue),
-                shortcut: optionShortcut,
-                ...itemProps,
-                children: [
-                  !noItemLabel && !optionSubtitle && optionLabel,
-                  !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
-                    RichLabel,
-                    {
-                      label: optionLabel,
-                      subtitle: optionSubtitle,
-                      noColor: true
-                    }
-                  )
-                ]
-              }
-            ),
-            optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
-          ] }, optionValue);
-        }
+        }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
+          optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
+          /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              selected: value === optionValue,
+              disabled: optionDisabled || disabled,
+              className: itemClassName,
+              icon: !noItemIcon && (typeof optionIcon === "string" ? icons?.[optionIcon] : optionIcon),
+              endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? icons?.[optionEndIcon] : optionEndIcon),
+              "aria-label": optionAriaLabel ?? optionLabel,
+              onClick: () => onChange(optionValue),
+              shortcut: optionShortcut,
+              ...itemProps,
+              children: [
+                !noItemLabel && !optionSubtitle && optionLabel,
+                !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                  RichLabel,
+                  {
+                    label: optionLabel,
+                    subtitle: optionSubtitle,
+                    noColor: true
+                  }
+                )
+              ]
+            }
+          ),
+          optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
+        ] }, optionValue)
       ),
       children
     ] });
@@ -247,34 +240,31 @@ const OptionSelect = (props) => {
                 ariaLabel: optionAriaLabel,
                 subtitle: optionSubtitle,
                 disabled: optionDisabled
-              }) => {
-                var _a2;
-                return /* @__PURE__ */ jsxs(
-                  ToggleButton,
-                  {
-                    selected: optionValue === value,
-                    onChange: () => onChange(optionValue),
-                    disabled: optionDisabled || disabled,
-                    className: itemClassName,
-                    icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                    tooltip: optionTooltip ?? optionAriaLabel ?? (noItemLabel && optionLabel),
-                    "aria-label": optionAriaLabel ?? optionLabel ?? optionTooltip,
-                    ...itemProps,
-                    children: [
-                      !noItemLabel && !optionSubtitle && optionLabel,
-                      !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
-                        RichLabel,
-                        {
-                          label: optionLabel,
-                          subtitle: optionSubtitle,
-                          noColor: true
-                        }
-                      )
-                    ]
-                  },
-                  optionValue
-                );
-              }
+              }) => /* @__PURE__ */ jsxs(
+                ToggleButton,
+                {
+                  selected: optionValue === value,
+                  onChange: () => onChange(optionValue),
+                  disabled: optionDisabled || disabled,
+                  className: itemClassName,
+                  icon: !noItemIcon && (typeof optionIcon === "string" ? icons?.[optionIcon] : optionIcon),
+                  tooltip: optionTooltip ?? optionAriaLabel ?? (noItemLabel && optionLabel),
+                  "aria-label": optionAriaLabel ?? optionLabel ?? optionTooltip,
+                  ...itemProps,
+                  children: [
+                    !noItemLabel && !optionSubtitle && optionLabel,
+                    !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                      RichLabel,
+                      {
+                        label: optionLabel,
+                        subtitle: optionSubtitle,
+                        noColor: true
+                      }
+                    )
+                  ]
+                },
+                optionValue
+              )
             )
           }
         ),
@@ -287,41 +277,38 @@ const OptionSelect = (props) => {
             "aria-label": typeof label !== "undefined" ? null : ariaLabel,
             value,
             ...wrapperProps,
-            children: options.map(({ label: optionLabel, value: optionValue, icon: optionIcon, ariaLabel: optionAriaLabel, subtitle: optionSubtitle, disabled: optionDisabled }) => {
-              var _a2;
-              return /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  value: optionValue,
-                  disabled: optionDisabled || disabled,
-                  className: itemClassName,
-                  subtitle: !noItemLabel && optionSubtitle,
-                  icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                  "aria-label": optionAriaLabel ?? optionLabel,
-                  label: !noItemLabel && optionLabel,
-                  ...itemProps
-                },
-                optionValue
-              );
-            })
+            children: options.map(({ label: optionLabel, value: optionValue, icon: optionIcon, ariaLabel: optionAriaLabel, subtitle: optionSubtitle, disabled: optionDisabled }) => /* @__PURE__ */ jsx(
+              RadioButton,
+              {
+                value: optionValue,
+                disabled: optionDisabled || disabled,
+                className: itemClassName,
+                subtitle: !noItemLabel && optionSubtitle,
+                icon: !noItemIcon && (typeof optionIcon === "string" ? icons?.[optionIcon] : optionIcon),
+                "aria-label": optionAriaLabel ?? optionLabel,
+                label: !noItemLabel && optionLabel,
+                ...itemProps
+              },
+              optionValue
+            ))
           }
         ),
         type === "menu" && /* @__PURE__ */ jsxs(
           Menu,
           {
-            triggerLabel: noTriggerLabel ? null : (currentItem == null ? void 0 : currentItem.label) ?? notSetLabel,
+            triggerLabel: noTriggerLabel ? null : currentItem?.label ?? notSetLabel,
             triggerIcon: !noTriggerIcon && // eslint-disable-next-line no-nested-ternary
-            (currentItem ? typeof (currentItem == null ? void 0 : currentItem.icon) === "string" ? (_b = icons) == null ? void 0 : _b[currentItem == null ? void 0 : currentItem.icon] : currentItem == null ? void 0 : currentItem.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel),
+            (currentItem ? typeof currentItem?.icon === "string" ? icons?.[currentItem?.icon] : currentItem?.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel),
             tooltip: noTriggerLabel ? /* @__PURE__ */ jsx(
               RichLabel,
               {
-                label: tooltip ? tooltip : (currentItem == null ? void 0 : currentItem.tooltip) ?? (currentItem == null ? void 0 : currentItem.label),
-                subtitle: tooltip && ((currentItem == null ? void 0 : currentItem.tooltip) ?? (currentItem == null ? void 0 : currentItem.label)),
+                label: tooltip ? tooltip : currentItem?.tooltip ?? currentItem?.label,
+                subtitle: tooltip && (currentItem?.tooltip ?? currentItem?.label),
                 noColor: true
               }
             ) : tooltip,
             triggerProps: {
-              ...wrapperProps == null ? void 0 : wrapperProps.triggerProps,
+              ...wrapperProps?.triggerProps,
               "aria-label": typeof label !== "undefined" ? null : ariaLabel ?? label ?? tooltip
             },
             keepOpen: true,
@@ -340,39 +327,36 @@ const OptionSelect = (props) => {
                   sectionTitle: optionSectionTitle,
                   shortcut: optionShortcut,
                   disabled: optionDisabled
-                }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ jsxs(Fragment, { children: [
-                    (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
-                    optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
-                    /* @__PURE__ */ jsxs(
-                      MenuItem,
-                      {
-                        selected: value === optionValue,
-                        disabled: optionDisabled || disabled,
-                        className: itemClassName,
-                        icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                        endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
-                        "aria-label": optionAriaLabel ?? optionLabel,
-                        onClick: () => onChange(optionValue),
-                        shortcut: optionShortcut,
-                        ...itemProps,
-                        children: [
-                          !noItemLabel && !optionSubtitle && optionLabel,
-                          !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
-                            RichLabel,
-                            {
-                              label: optionLabel,
-                              subtitle: optionSubtitle,
-                              noColor: true
-                            }
-                          )
-                        ]
-                      }
-                    ),
-                    optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
-                  ] }, optionValue);
-                }
+                }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
+                  optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
+                  /* @__PURE__ */ jsxs(
+                    MenuItem,
+                    {
+                      selected: value === optionValue,
+                      disabled: optionDisabled || disabled,
+                      className: itemClassName,
+                      icon: !noItemIcon && (typeof optionIcon === "string" ? icons?.[optionIcon] : optionIcon),
+                      endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? icons?.[optionEndIcon] : optionEndIcon),
+                      "aria-label": optionAriaLabel ?? optionLabel,
+                      onClick: () => onChange(optionValue),
+                      shortcut: optionShortcut,
+                      ...itemProps,
+                      children: [
+                        !noItemLabel && !optionSubtitle && optionLabel,
+                        !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                          RichLabel,
+                          {
+                            label: optionLabel,
+                            subtitle: optionSubtitle,
+                            noColor: true
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
+                ] }, optionValue)
               ),
               children
             ]

package/dist/components/placeholders/file-placeholder.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
+import { _ as __ } from "../../default-i18n-OFa3zAyB.js";
 import { icons } from "../../icons/icons.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";