@eightshift/ui-components 5.2.1 → 5.3.0

package/dist/components/toggle-button/toggle-button.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
 import React__default, { createContext, forwardRef, useContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-BF8hvidm.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-BtJSiQi3.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-D5BfOWag.js";
-import { e as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-44IApaa2.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CiAradXs.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Bn4ZT295.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
+import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
 import { c as cva } from "../../index-Dq3gT5pW.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
@@ -116,7 +116,7 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef(fun
  * @param {boolean} props.selected - Whether the button is selected.
  * @param {Function} [props.onChange] - Function to run when the toggle state changes.
  * @param {string} [props.wrapperClassName] - Classes to pass to the tooltip wrapper.
- * @param {Object} [props.tooltipProps] - Props to pass to the tooltip.
+ * @param {TooltipProps} [props.tooltipProps] - Props to pass to the tooltip.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
  *
  * @returns {JSX.Element} The ToggleButton component.
@@ -181,8 +181,8 @@ const ToggleButton2 = (props) => {
     {
       variants: {
         size: {
-          small: "es:icon:size-4.5 es:rounded-7",
-          default: "es:icon:size-5.5 es:rounded-10",
+          small: "es:icon:size-5 es:rounded-7",
+          default: "es:icon:size-5 es:rounded-10",
           large: "es:icon:size-6 es:rounded-xl"
         },
         type: {

package/dist/components/tooltip/tooltip.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-EZ0v_ljk.js";
-import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DivvkAVb.js";
+import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { e as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-44IApaa2.js";
+import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-LmGemtHE.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
 import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider---wyKpMr.js";
-import { $ as $dbSRa$reactdom } from "../../index-CBHA_HDD.js";
+import { $ as $dbSRa$reactdom } from "../../index-D8-Zjpbd.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 const $f57aed4a881a3485$var$Context = /* @__PURE__ */ React__default.createContext(null);
 function $f57aed4a881a3485$export$178405afcd8c5eb(props) {
@@ -152,9 +152,9 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
       "aria-describedby": state.isOpen ? tooltipId : void 0,
       ...$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
         onPointerDown: onPressStart,
-        onKeyDown: onPressStart,
-        tabIndex: void 0
-      })
+        onKeyDown: onPressStart
+      }),
+      tabIndex: void 0
     },
     tooltipProps: {
       id: tooltipId
@@ -297,23 +297,17 @@ const $4e3b923658d69c60$export$28c660c63b792dea = /* @__PURE__ */ forwardRef(fun
 function $4e3b923658d69c60$var$TooltipInner(props) {
   let state = useContext($4e3b923658d69c60$export$7a7623236eec67fa);
   let arrowRef = useRef(null);
-  let [arrowWidth, setArrowWidth] = useState(0);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (arrowRef.current && state.isOpen) setArrowWidth(arrowRef.current.getBoundingClientRect().width);
-  }, [
-    state.isOpen,
-    arrowRef
-  ]);
-  let { overlayProps, arrowProps, placement } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+  let { overlayProps, arrowProps, placement, triggerAnchorPoint } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
     placement: props.placement || "top",
     targetRef: props.triggerRef,
     overlayRef: props.tooltipRef,
+    arrowRef,
     offset: props.offset,
     crossOffset: props.crossOffset,
     isOpen: state.isOpen,
-    arrowSize: arrowWidth,
     arrowBoundaryOffset: props.arrowBoundaryOffset,
     shouldFlip: props.shouldFlip,
+    containerPadding: props.containerPadding,
     onClose: () => state.close(true)
   });
   let isEntering = $d3f049242431219c$export$6d3443f2c48bfc20(props.tooltipRef, !!placement) || props.isEntering || false;
@@ -337,6 +331,7 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
     ref: props.tooltipRef,
     style: {
       ...overlayProps.style,
+      "--trigger-anchor-point": triggerAnchorPoint ? `${triggerAnchorPoint.x}px ${triggerAnchorPoint.y}px` : void 0,
       ...renderProps.style
     },
     "data-placement": placement !== null && placement !== void 0 ? placement : void 0,
@@ -358,28 +353,10 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
  * - **Uncontrolled mode**: The tooltip will be open by default with the `defaultOpen` prop.
  *
  * @component
- * @param {Object} props - Component props.
- * @param {string|JSX.Element} props.text - The text to display in the tooltip.
- * @param {TooltipTheme} [props.theme='dark'] - The theme of the tooltip.
- * @param {number} [props.offset=0] - Additional offset between the tooltip and the element on the main axis (same axis as element).
- * @param {number} [props.crossOffset=0] - Additional offset between the tooltip and the element on the cross axis (opposite axis as element).
- * @param {number} [props.containerPadding=12] - Space that should be left between the tooltip and the main containing element (usually browser window).
- * @param {number} [props.openDelay=1500] - Duration before the tooltip is shown, in milliseconds.
- * @param {number} [props.closeDelay=500] - Duration before the tooltip is hidden, in milliseconds.
- * @param {boolean} [props.shouldFlip=true] - If `false`, the tooltip will not flip to the opposite side if there is not enough space.
- * @param {boolean} [props.defaultOpen] - (**Uncontrolled mode**) Whether the tooltip is initially open.
- * @param {boolean} [props.open] - (**Controlled mode**) Whether the tooltip is open.
- * @param {Function} [props.onOpenChange] - (**Controlled mode**) Function to run when the tooltip is opened or closed.
- * @param {TooltipPlacement} [props.placement] - The side of the trigger element where the tooltip will be displayed.
- * @param {string} [props.className] - Classes to pass to the tooltip.
- * @param {RefObject<Element>} [props.triggerRef] - Ref to anchor the tooltip to. If not provided, the tooltip will be anchored to the trigger element.
- * @param {boolean} [props.arrow] - If `true`, an arrow is shown on the tooltip.
+ * @param {TooltipProps} props - Component props.
  *
  * @returns {JSX.Element} The Tooltip component.
  *
- * @typedef {'light' | 'dark'} TooltipTheme
- * @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'} TooltipPlacement
- *
  * @example
  * <Tooltip text='My tooltip'>
  * 	<Button>Hover me</Button>

package/dist/context-DCAZLyDS.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+const $8e6cc465cc68f603$export$b0d3ecf7112093a7 = /* @__PURE__ */ createContext(null);
+const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
+export {
+  $8e6cc465cc68f603$export$698f465ec27e93df as $,
+  $8e6cc465cc68f603$export$b0d3ecf7112093a7 as a
+};

package/dist/{default-i18n-DY6EfUSA.js → default-i18n-CN_q3KUs.js}

@@ -208,7 +208,6 @@ Tannin.prototype.dcnpgettext = function(domain, context, singular, plural, n) {
 };
 const DEFAULT_LOCALE_DATA = {
   "": {
-    /** @param {number} n */
     plural_forms(n) {
       return n === 1 ? 0 : 1;
     }
@@ -267,74 +266,38 @@ const createI18n = (initialData, initialDomain, hooks) => {
     }
     return tannin.dcnpgettext(domain, context, single, plural, number);
   };
-  const getFilterDomain = (domain = "default") => domain;
+  const getFilterDomain = (domain) => domain || "default";
   const __2 = (text, domain) => {
     let translation = dcnpgettext(domain, void 0, text);
     if (!hooks) {
-      return (
-        /** @type {import('./types').TranslatableText<typeof text>} */
-        translation
-      );
+      return translation;
     }
-    translation = /** @type {string} */
-    /** @type {*} */
-    hooks.applyFilters("i18n.gettext", translation, text, domain);
-    return (
-      /** @type {import('./types').TranslatableText<typeof text>} */
-      /** @type {*} */
-      hooks.applyFilters("i18n.gettext_" + getFilterDomain(domain), translation, text, domain)
-    );
+    translation = hooks.applyFilters("i18n.gettext", translation, text, domain);
+    return hooks.applyFilters("i18n.gettext_" + getFilterDomain(domain), translation, text, domain);
   };
   const _x = (text, context, domain) => {
     let translation = dcnpgettext(domain, context, text);
     if (!hooks) {
-      return (
-        /** @type {import('./types').TranslatableText<typeof text>} */
-        translation
-      );
+      return translation;
     }
-    translation = /** @type {string} */
-    /** @type {*} */
-    hooks.applyFilters("i18n.gettext_with_context", translation, text, context, domain);
-    return (
-      /** @type {import('./types').TranslatableText<typeof text>} */
-      /** @type {*} */
-      hooks.applyFilters("i18n.gettext_with_context_" + getFilterDomain(domain), translation, text, context, domain)
-    );
+    translation = hooks.applyFilters("i18n.gettext_with_context", translation, text, context, domain);
+    return hooks.applyFilters("i18n.gettext_with_context_" + getFilterDomain(domain), translation, text, context, domain);
   };
   const _n2 = (single, plural, number, domain) => {
     let translation = dcnpgettext(domain, void 0, single, plural, number);
     if (!hooks) {
-      return (
-        /** @type {import('./types').TranslatableText<typeof single | typeof plural>} */
-        translation
-      );
+      return translation;
     }
-    translation = /** @type {string} */
-    /** @type {*} */
-    hooks.applyFilters("i18n.ngettext", translation, single, plural, number, domain);
-    return (
-      /** @type {import('./types').TranslatableText<typeof single | typeof plural>} */
-      /** @type {*} */
-      hooks.applyFilters("i18n.ngettext_" + getFilterDomain(domain), translation, single, plural, number, domain)
-    );
+    translation = hooks.applyFilters("i18n.ngettext", translation, single, plural, number, domain);
+    return hooks.applyFilters("i18n.ngettext_" + getFilterDomain(domain), translation, single, plural, number, domain);
   };
   const _nx = (single, plural, number, context, domain) => {
     let translation = dcnpgettext(domain, context, single, plural, number);
     if (!hooks) {
-      return (
-        /** @type {import('./types').TranslatableText<typeof single | typeof plural>} */
-        translation
-      );
+      return translation;
     }
-    translation = /** @type {string} */
-    /** @type {*} */
-    hooks.applyFilters("i18n.ngettext_with_context", translation, single, plural, number, context, domain);
-    return (
-      /** @type {import('./types').TranslatableText<typeof single | typeof plural>} */
-      /** @type {*} */
-      hooks.applyFilters("i18n.ngettext_with_context_" + getFilterDomain(domain), translation, single, plural, number, context, domain)
-    );
+    translation = hooks.applyFilters("i18n.ngettext_with_context", translation, single, plural, number, context, domain);
+    return hooks.applyFilters("i18n.ngettext_with_context_" + getFilterDomain(domain), translation, single, plural, number, context, domain);
   };
   const isRTL = () => {
     return "rtl" === _x("ltr", "text direction");
@@ -343,12 +306,8 @@ const createI18n = (initialData, initialDomain, hooks) => {
     const key = context ? context + "" + single : single;
     let result = !!tannin.data?.[domain !== null && domain !== void 0 ? domain : "default"]?.[key];
     if (hooks) {
-      result = /** @type { boolean } */
-      /** @type {*} */
-      hooks.applyFilters("i18n.has_translation", result, single, context, domain);
-      result = /** @type { boolean } */
-      /** @type {*} */
-      hooks.applyFilters("i18n.has_translation_" + getFilterDomain(domain), result, single, context, domain);
+      result = hooks.applyFilters("i18n.has_translation", result, single, context, domain);
+      result = hooks.applyFilters("i18n.has_translation_" + getFilterDomain(domain), result, single, context, domain);
     }
     return result;
   };