@eightshift/ui-components 1.2.2 → 1.3.0

package/dist/components/modal/modal.js

@@ -0,0 +1,318 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $de32f1b87079253c$export$d2f961adcb0afbe, g as $337b884510726a0d$export$c6fdb837b070b4ff, h as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-DJgS0mAg.js";
+import { a as $4e85f108e88277b8$export$d688439359537581 } from "../../RSPContexts-DQtGvvpM.js";
+import { o as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, p as $64fa3d84918910a7$export$45fda7c47f93fd48, q as $64fa3d84918910a7$export$6d3443f2c48bfc20, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-DC-UMp1n.js";
+import React__default, { useState, useEffect, forwardRef, useContext, useRef, useMemo, createContext } from "react";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-DSk8I1SO.js";
+import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BZ5z6iCD.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { icons } from "../../icons/icons.js";
+import "../../react-jsx-parser.min-DhrYeqLL.js";
+import { HStack } from "../layout/hstack.js";
+let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
+function $5df64b3807dc15ee$export$d699905dd57c73ca() {
+  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+  let [size, setSize] = useState(() => isSSR ? {
+    width: 0,
+    height: 0
+  } : $5df64b3807dc15ee$var$getViewportSize());
+  useEffect(() => {
+    let onResize = () => {
+      setSize((size2) => {
+        let newSize = $5df64b3807dc15ee$var$getViewportSize();
+        if (newSize.width === size2.width && newSize.height === size2.height) return size2;
+        return newSize;
+      });
+    };
+    if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener("resize", onResize);
+    else $5df64b3807dc15ee$var$visualViewport.addEventListener("resize", onResize);
+    return () => {
+      if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener("resize", onResize);
+      else $5df64b3807dc15ee$var$visualViewport.removeEventListener("resize", onResize);
+    };
+  }, []);
+  return size;
+}
+function $5df64b3807dc15ee$var$getViewportSize() {
+  return {
+    width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
+    height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
+  };
+}
+function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
+  let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    ...props,
+    isOpen: state.isOpen,
+    onClose: state.close
+  }, ref);
+  $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+    isDisabled: !state.isOpen
+  });
+  $337b884510726a0d$export$14c98a7594375490();
+  useEffect(() => {
+    if (state.isOpen) return $5e3802645cc19319$export$1c3ebcada18427bf([
+      ref.current
+    ]);
+  }, [
+    state.isOpen,
+    ref
+  ]);
+  return {
+    modalProps: $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps),
+    underlayProps
+  };
+}
+function $5cb03073d3f54797$var$Heading(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$d688439359537581);
+  let { children, level = 3, className, ...domProps } = props;
+  let Element = `h${level}`;
+  return /* @__PURE__ */ React__default.createElement(Element, {
+    ...domProps,
+    ref,
+    className: className !== null && className !== void 0 ? className : "react-aria-Heading"
+  }, children);
+}
+const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef($5cb03073d3f54797$var$Heading);
+const $f3f84453ead64de5$export$ab57792b9b6974a6 = /* @__PURE__ */ createContext(null);
+const $f3f84453ead64de5$var$InternalModalContext = /* @__PURE__ */ createContext(null);
+function $f3f84453ead64de5$var$Modal(props, ref) {
+  let ctx = useContext($f3f84453ead64de5$var$InternalModalContext);
+  if (ctx) return /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$var$ModalContent, {
+    ...props,
+    modalRef: ref
+  }, props.children);
+  let { isDismissable, isKeyboardDismissDisabled, isOpen, defaultOpen, onOpenChange, children, isEntering, isExiting, UNSTABLE_portalContainer, shouldCloseOnInteractOutside, ...otherProps } = props;
+  return /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$export$8948f78d83984c69, {
+    isDismissable,
+    isKeyboardDismissDisabled,
+    isOpen,
+    defaultOpen,
+    onOpenChange,
+    isEntering,
+    isExiting,
+    UNSTABLE_portalContainer,
+    shouldCloseOnInteractOutside
+  }, /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$var$ModalContent, {
+    ...otherProps,
+    modalRef: ref
+  }, children));
+}
+const $f3f84453ead64de5$export$2b77a92f1a5ad772 = /* @__PURE__ */ forwardRef($f3f84453ead64de5$var$Modal);
+function $f3f84453ead64de5$var$ModalOverlayWithForwardRef(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $f3f84453ead64de5$export$ab57792b9b6974a6);
+  let contextState = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  let localState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let state = props.isOpen != null || props.defaultOpen != null || !contextState ? localState : contextState;
+  let objectRef = $df56164dff5785e2$export$4338b53315abf666(ref);
+  let modalRef = useRef(null);
+  let isOverlayExiting = $64fa3d84918910a7$export$45fda7c47f93fd48(objectRef, state.isOpen);
+  let isModalExiting = $64fa3d84918910a7$export$45fda7c47f93fd48(modalRef, state.isOpen);
+  let isExiting = isOverlayExiting || isModalExiting || props.isExiting || false;
+  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+  if (!state.isOpen && !isExiting || isSSR) return null;
+  return /* @__PURE__ */ React__default.createElement($f3f84453ead64de5$var$ModalOverlayInner, {
+    ...props,
+    state,
+    isExiting,
+    overlayRef: objectRef,
+    modalRef
+  });
+}
+const $f3f84453ead64de5$export$8948f78d83984c69 = /* @__PURE__ */ forwardRef($f3f84453ead64de5$var$ModalOverlayWithForwardRef);
+function $f3f84453ead64de5$var$ModalOverlayInner({ UNSTABLE_portalContainer, ...props }) {
+  let modalRef = props.modalRef;
+  let { state } = props;
+  let { modalProps, underlayProps } = $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, modalRef);
+  let entering = $64fa3d84918910a7$export$6d3443f2c48bfc20(props.overlayRef) || props.isEntering || false;
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-ModalOverlay",
+    values: {
+      isEntering: entering,
+      isExiting: props.isExiting,
+      state
+    }
+  });
+  let viewport = $5df64b3807dc15ee$export$d699905dd57c73ca();
+  let style = {
+    ...renderProps.style,
+    "--visual-viewport-height": viewport.height + "px"
+  };
+  return /* @__PURE__ */ React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, {
+    isExiting: props.isExiting,
+    portalContainer: UNSTABLE_portalContainer
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), underlayProps),
+    ...renderProps,
+    style,
+    ref: props.overlayRef,
+    "data-entering": entering || void 0,
+    "data-exiting": props.isExiting || void 0
+  }, /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
+    values: [
+      [
+        $f3f84453ead64de5$var$InternalModalContext,
+        {
+          modalProps,
+          modalRef,
+          isExiting: props.isExiting,
+          isDismissable: props.isDismissable
+        }
+      ],
+      [
+        $de32f1b87079253c$export$d2f961adcb0afbe,
+        state
+      ]
+    ]
+  }, renderProps.children)));
+}
+function $f3f84453ead64de5$var$ModalContent(props) {
+  let { modalProps, modalRef, isExiting, isDismissable } = useContext($f3f84453ead64de5$var$InternalModalContext);
+  let state = useContext($de32f1b87079253c$export$d2f961adcb0afbe);
+  let mergedRefs = useMemo(() => $5dc95899b306f630$export$c9058316764c140e(props.modalRef, modalRef), [
+    props.modalRef,
+    modalRef
+  ]);
+  let ref = $df56164dff5785e2$export$4338b53315abf666(mergedRefs);
+  let entering = $64fa3d84918910a7$export$6d3443f2c48bfc20(ref);
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    defaultClassName: "react-aria-Modal",
+    values: {
+      isEntering: entering,
+      isExiting,
+      state
+    }
+  });
+  return /* @__PURE__ */ React__default.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928($65484d02dcb7eb3e$export$457c3d6518dd4c6f(props), modalProps),
+    ...renderProps,
+    ref,
+    "data-entering": entering || void 0,
+    "data-exiting": isExiting || void 0
+  }, isDismissable && /* @__PURE__ */ React__default.createElement($86ea4cb521eb2e37$export$2317d149ed6f78c4, {
+    onDismiss: state.close
+  }), renderProps.children);
+}
+/**
+ * Modal dialog.
+ *
+ * @component
+ * @param {Object} props - Component 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 {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.
+ * @param {ReactNode} [props.customTrigger] - If provided, replaces the default trigger button. The passed component should be something button-related that can open the modal.
+ * @param {string|JSX.Element} [props.title] - Title of the modal.
+ * @param {boolean} [props.noCloseButton] - If `true`, the close button will not be displayed.
+ * @param {boolean} [props.noClickToDismiss] - If `true`, the modal will not close when clicking outside of it.
+ * @param {boolean} [props.noKeyboardDismiss] - If `true`, the modal will not close when pressing the `Esc` key.
+ * @param {string} [props.className] - Classes to pass to the modal container.
+ * @param {string} [props.overlayClassName] - Classes to pass to the modal backdrop.
+ * @param {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
+ *
+ * @returns {JSX.Element} The Modal component.
+ *
+ * @example
+ * <Modal>
+ *  <p>Modal content</p>
+ * </Modal>
+ *
+ * @preserve
+ */
+const Modal = (props) => {
+  const {
+    children,
+    shouldCloseOnInteractOutside,
+    open,
+    defaultOpen,
+    triggerLabel,
+    triggerIcon,
+    triggerProps,
+    customTrigger,
+    title,
+    noCloseButton,
+    noClickToDismiss,
+    noKeyboardDismiss,
+    "aria-label": ariaLabel,
+    className,
+    overlayClassName
+  } = props;
+  return /* @__PURE__ */ jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, { children: [
+    !customTrigger && /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: triggerIcon,
+        ...triggerProps,
+        children: triggerLabel ?? (!triggerIcon && __("Open", "eightshift-frontend-libs"))
+      }
+    ),
+    customTrigger,
+    /* @__PURE__ */ jsx(
+      $f3f84453ead64de5$export$8948f78d83984c69,
+      {
+        isDismissable: !noClickToDismiss,
+        defaultOpen,
+        isOpen: open,
+        shouldCloseOnInteractOutside,
+        isKeyboardDismissDisabled: noKeyboardDismiss,
+        className: clsx(
+          "es-uic-fixed es-uic-inset-0 es-uic-z-10 es-uic-flex es-uic-min-h-full es-uic-items-center es-uic-justify-center es-uic-overflow-y-auto es-uic-bg-black/25 es-uic-p-4 es-uic-text-center es-uic-backdrop-blur",
+          "entering:es-uic-duration-300 entering:es-uic-ease-out entering:es-uic-animate-in entering:es-uic-fade-in",
+          "exiting:es-uic-duration-200 exiting:es-uic-ease-in exiting:es-uic-animate-out exiting:es-uic-fade-out",
+          overlayClassName
+        ),
+        children: /* @__PURE__ */ jsx(
+          $f3f84453ead64de5$export$2b77a92f1a5ad772,
+          {
+            className: clsx(
+              "es-uic-w-full es-uic-max-w-lg es-uic-overflow-hidden es-uic-rounded-xl es-uic-border es-uic-border-gray-100 es-uic-bg-white es-uic-p-5 es-uic-text-left es-uic-align-middle es-uic-shadow-xl",
+              "entering:es-uic-duration-300 entering:es-uic-ease-out entering:es-uic-animate-in entering:es-uic-zoom-in-95",
+              "exiting:es-uic-duration-200 exiting:es-uic-ease-in exiting:es-uic-animate-out exiting:es-uic-zoom-out-95",
+              className
+            ),
+            children: /* @__PURE__ */ jsx(
+              $de32f1b87079253c$export$3ddf2d174ce01153,
+              {
+                className: "es-uic-relative es-uic-text-sm es-uic-outline-none",
+                "aria-label": ariaLabel,
+                children: ({ close }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(HStack, { children: [
+                    title && /* @__PURE__ */ jsx(
+                      $5cb03073d3f54797$export$a8a3e93435678ff9,
+                      {
+                        className: "es-uic-text-balance es-uic-text-base",
+                        slot: "title",
+                        children: title
+                      }
+                    ),
+                    !noCloseButton && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        className: "es-uic-ml-auto",
+                        onPress: close,
+                        type: "ghost",
+                        size: "small",
+                        icon: icons.clear,
+                        "aria-label": __("Close modal", "eightshift-frontend-libs")
+                      }
+                    )
+                  ] }),
+                  children
+                ] })
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  Modal
+};

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

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, useRef, createContext, useState, cloneElement } from "react";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-D3Qa6PrV.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CX_rocyZ.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CbFrFO04.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Dc35LwuT.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-BQu67pVS.js";
+import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-DWRQF0ro.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-DTARR6Ff.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DC-UMp1n.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BegO5X6F.js";
-import { B as Button } from "../../button-MFj-FKsM.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-CVJOJnF1.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
+import { a as ButtonGroup } from "../../button-IxfzzzbP.js";
 import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";

package/dist/components/popover/popover.js

@@ -1,9 +1,200 @@
-import "react/jsx-runtime";
-import { P, T } from "../../popover-CdonDPqG.js";
-import "../../lite-DVmmD_-j.js";
-import "../../default-i18n-BqwLkgZv.js";
-import "../../button-MFj-FKsM.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-DJgS0mAg.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
+/**
+ * A popover component.
+ *
+ * Two modes of operation are supported:
+ * - **controlled mode**: pass `isOpen` and `onOpenChange` to control when the popover is open.
+ * - **uncontrolled mode**: pass `openByDefault` to set the initial popover state. The show/hide state will be managed internally, based on the interaction with the trigger button.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {React.Ref} props.triggerRef - Ref of the trigger button. In uncontrolled mode, this element will be used to open the popover. In controlled mode, the popover will be anchored to this element.
+ * @param {boolean} [props.openByDefault=false] - (**Controlled mode**) If `true`, the popover is open by default.
+ * @param {boolean} props.isOpen - (**Uncontrolled mode**) If `true`, the popover is open.
+ * @param {Function} props.onOpenChange - (**Uncontrolled mode**) Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @param {PopoverPlacement} props.placement - The placement of the popover.
+ * @param {string} [props.className] - Classes to pass to the popover contents.
+ * @param {string} [props.wrapperClassName] - Classes to pass to the popover wrapper.
+ * @param {Object} props.style - Styles to pass to the popover.
+ * @param {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @param {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @param {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ * @param {boolean} props.shouldFlip - If `true`, the popover should flip when there is not enough space.
+ * @param {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
+ * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @returns {JSX.Element} The Popover component.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @example
+ * // Uncontrolled mode.
+ * const ref = useRef(null);
+ *
+ * <Button forwardedRef={ref}>Open popover</Button>
+ *
+ * <Popover
+ * 	triggerRef={triggerRef}
+ * 	openByDefault={true}
+ * >
+ * 	...
+ * </Popover>
+ *
+ * @example
+ * // Controlled mode.
+ * const [open, setOpen] = useState(false);
+ *
+ * <Button onPress={() => setOpen(true)}>Open popover</Button>
+ *
+ * <Popover
+ * 	onOpenChange={setOpen}
+ * 	isOpen={open}
+ * 	triggerRef={triggerRef}
+ * >
+ * 	...
+ * 	<Button onPress={() => setOpen(false)}>Close popover</Button>
+ * </Popover>
+ *
+ * @preserve
+ */
+const Popover = (props) => {
+  const {
+    children,
+    triggerRef,
+    openByDefault,
+    isOpen,
+    onOpenChange,
+    placement,
+    className,
+    wrapperClassName,
+    style,
+    offset,
+    crossOffset,
+    containerPadding,
+    shouldFlip,
+    shouldCloseOnInteractOutside = () => true,
+    hidden,
+    ...other
+  } = props;
+  if (hidden) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    $07b14b47974efb58$export$5b6b19405a83ff9d,
+    {
+      shouldFlip,
+      shouldCloseOnInteractOutside,
+      triggerRef,
+      isOpen,
+      onOpenChange,
+      defaultOpen: openByDefault,
+      placement,
+      offset,
+      crossOffset,
+      containerPadding,
+      className: ({ isEntering, isExiting }) => clsx(
+        "es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-shadow-lg es-uic-outline-none",
+        isEntering && "es-uic-outline es-uic-animate-in es-uic-fade-in-0 es-uic-slide-in-from-top-2 es-uic-fill-mode-forwards",
+        isExiting && "es-uic-outline es-uic-animate-out es-uic-fade-out-0 es-uic-slide-out-to-top-2 es-uic-fill-mode-forwards",
+        wrapperClassName
+      ),
+      style,
+      children: /* @__PURE__ */ jsx(
+        $de32f1b87079253c$export$3ddf2d174ce01153,
+        {
+          className: clsx("es-uic-p-1 es-uic-text-sm es-uic-outline-none", className),
+          ...other,
+          children
+        }
+      )
+    }
+  );
+};
+/**
+ * A simple version of the Popover component that includes a trigger button.
+ * The control of the popover is handled internally. A custom trigger can be provided.
+ *
+ * If you need more control over the trigger, use the Popover component directly.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element} props.trigger - Allows using a custom trigger element.
+ * @param {JSX.Element} [props.triggerButtonIcon] - The icon for the built-in trigger button.
+ * @param {string} props.triggerButtonLabel - The label for the built-in trigger button.
+ * @param {Object} props.triggerButtonProps - Props to pass to the built-in trigger button.
+ * @param {Function} props.onOpenChange - Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @param {boolean} props.openByDefault - If `true`, the popover is open by default.
+ * @param {PopoverPlacement} props.placement - The placement of the popover.
+ * @param {string} props.className - Classes to pass to the popover.
+ * @param {Object} props.style - Styles to pass to the popover.
+ * @param {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @param {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @param {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @returns {JSX.Element} The TriggeredPopover component.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @example
+ * <TriggeredPopover>
+ * 		...
+ * </TriggeredPopover>
+ *
+ * @preserve
+ */
+const TriggeredPopover = (props) => {
+  const {
+    trigger,
+    triggerButtonIcon,
+    triggerButtonLabel = !triggerButtonIcon && __("Open", "eightshift-ui-components"),
+    triggerButtonProps,
+    children,
+    onOpenChange,
+    openByDefault,
+    placement,
+    style,
+    className,
+    offset,
+    crossOffset,
+    containerPadding,
+    hidden,
+    ...rest
+  } = props;
+  if (hidden) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs($de32f1b87079253c$export$2e1e1122cf0cba88, { onOpenChange, children: [
+    trigger,
+    !trigger && /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: triggerButtonIcon,
+        ...triggerButtonProps,
+        children: triggerButtonLabel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        placement,
+        openByDefault,
+        offset,
+        crossOffset,
+        containerPadding,
+        className,
+        style,
+        ...rest,
+        children
+      }
+    )
+  ] });
+};
 export {
-  P as Popover,
-  T as TriggeredPopover
+  Popover,
+  TriggeredPopover
 };

package/dist/components/radio/radio.js

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-Dc35LwuT.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BXvY41yE.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-DC-UMp1n.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CviphIN5.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-qjognpzK.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-CthG9Fbc.js";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-BS4dllCW.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-Bw-IatMO.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-BVWgcyGO.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-CLmhO94g.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CScNeV3V.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-Di1zXprL.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DDC_nImg.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-DGZ4R5fj.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BjM5iOQC.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BG_1RnbC.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-DJMtIgSL.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-CQZyQp4q.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CiXj8dLE.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Dg5Y_10S.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BZPezMV5.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

package/dist/components/repeater/repeater-item.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-Cv3pZDHg.js";
-import { b as $72e60046c03fbe42$export$54fe942636b6416d, a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
-import { B as Button } from "../../button-MFj-FKsM.js";
+import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-CiJIVbAP.js";
+import { b as $72e60046c03fbe42$export$54fe942636b6416d, a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-DjRnMEae.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Expandable } from "../expandable/expandable.js";

package/dist/components/repeater/repeater.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { b as $72e60046c03fbe42$export$54fe942636b6416d, $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-CEzzyr-l.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-CCWXTj0t.js";
+import { b as $72e60046c03fbe42$export$54fe942636b6416d, $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-DjRnMEae.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-DTKMdjQC.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { B as Button, a as ButtonGroup } from "../../button-MFj-FKsM.js";
+import { B as Button, a as ButtonGroup } from "../../button-IxfzzzbP.js";
 import { icons } from "../../icons/icons.js";
 import { useId, useState } from "react";
 import { BaseControl } from "../base-control/base-control.js";
@@ -10,7 +10,7 @@ import { AnimatedVisibility } from "../animated-visibility/animated-visibility.j
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { arrayMoveMultiple } from "../../utilities/array-helpers.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../../useListState-DnWZa__1.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../../useListState-IllYYnXV.js";
 /**
  * A component that allows re-ordering a list of items with additional sub-options.
  *

package/dist/components/responsive/responsive-legacy.js

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-Do_imFfg.js";
+import { D as DecorativeTooltip } from "../../tooltip-DSk8I1SO.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";
-import { B as Button } from "../../button-MFj-FKsM.js";
+import { B as Button } from "../../button-IxfzzzbP.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { BaseControl } from "../base-control/base-control.js";