@eightshift/ui-components 2.0.1 → 3.0.0

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $fc909762b330b746$export$61c6a8c84e605fb6, b as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, $ as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-1jx-ZyCR.js";
-import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-39D0mStj.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, a as $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 } from "../../useFocusable-087cO5Ct.js";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6, b as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, $ as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-CMh-7gEM.js";
+import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DkCSC521.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $f645667febf57a63$export$4c014de7c8940b4c, w as $507fabe10e71c6fb$export$630ff653c5ada6a9, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, x as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-B-8Wji4B.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456, k as $507fabe10e71c6fb$export$630ff653c5ada6a9, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "../../focusSafely-CiqTTjWy.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { $ as $dbSRa$reactdom } from "../../index-BRp93Yfa.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -140,7 +139,7 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
     onHoverStart,
     onHoverEnd
   });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({
     isDisabled,
     onFocus,
     onBlur
@@ -150,7 +149,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
       "aria-describedby": state.isOpen ? tooltipId : void 0,
       ...$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
         onPointerDown: onPressStart,
-        onKeyDown: onPressStart
+        onKeyDown: onPressStart,
+        tabIndex: void 0
       })
     },
     tooltipProps: {
@@ -271,7 +271,7 @@ function $4e3b923658d69c60$export$8c610744efcf8a1d(props) {
         }
       ]
     ]
-  }, /* @__PURE__ */ React__default.createElement($e6afbd83fe6ebbd2$export$13f3202a3e5ddd5, {
+  }, /* @__PURE__ */ React__default.createElement($f645667febf57a63$export$13f3202a3e5ddd5, {
     ...triggerProps,
     ref
   }, props.children));
@@ -423,12 +423,12 @@ const Tooltip2 = (props) => {
             offset,
             crossOffset,
             className: ({ isEntering, isExiting }) => clsx(
-              "es:group es:motion-translat",
+              "es:group es:pointer-events-none",
               "es:z-20 es:select-none es:rounded-md es:border es:px-1.5 es:py-0.5 es:text-sm es:shadow es:backdrop-blur-3xl es:will-change-[transform,opacity] es:fill-mode-forwards",
               theme === "light" && "es:border-secondary-200 es:bg-white/90 es:text-secondary-700",
               theme === "dark" && "es:border-secondary-600 es:bg-black/80 es:text-secondary-100",
-              isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:-motion-translate-x-in-25 es:motion-safe:data-[placement=right]:motion-translate-x-in-25 es:motion-safe:data-[placement=top]:motion-translate-y-in-25 es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-25 es:motion-ease-spring-bouncier es:motion-ease-linear/opacity",
-              isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-bouncier es:motion-ease-linear/opacity",
+              isEntering && "es:motion-opacity-in es:motion-duration-300 es:motion-safe:data-[placement=left]:motion-translate-x-in-[5%] es:motion-safe:data-[placement=right]:-motion-translate-x-in-[5%] es:motion-safe:data-[placement=top]:motion-translate-y-in-[5%] es:motion-safe:data-[placement=bottom]:-motion-translate-y-in-[5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
+              isExiting && "es:motion-opacity-out es:motion-duration-200 es:motion-safe:data-[placement=left]:motion-translate-x-out-[12.5%] es:motion-safe:data-[placement=right]:motion-translate-x-out-[-12.5%] es:motion-safe:data-[placement=top]:motion-translate-y-out-[12.5%] es:motion-safe:data-[placement=bottom]:motion-translate-y-out-[-12.5%] es:motion-ease-spring-smooth es:motion-ease-linear/opacity",
               className
             ),
             children: [
@@ -440,9 +440,10 @@ const Tooltip2 = (props) => {
                   viewBox: "0 0 8 8",
                   className: clsx(
                     "es:m-px es:stroke-none es:drop-shadow-sm",
+                    "es:pointer-events-none",
                     theme === "light" && "es:fill-secondary-200",
                     theme === "dark" && "es:fill-secondary-600",
-                    "group-placement-left:-es:rotate-90 group-placement-right:es:rotate-90 group-placement-bottom:es:rotate-180",
+                    "es:group-data-[placement=left]:-rotate-90 es:group-data-[placement=right]:rotate-90 es:group-data-[placement=bottom]:rotate-180",
                     "es:forced-colors:fill-[Canvas] es:forced-colors:stroke-[ButtonBorder]"
                   ),
                   children: /* @__PURE__ */ jsx("path", { d: "M0 0 L4 4 L8 0" })
@@ -496,29 +497,22 @@ const Tooltip2 = (props) => {
  */
 const DecorativeTooltip = (props) => {
   const { openDelay, closeDelay, children, text, wrapperClassName, ...rest } = props;
-  const [open, setOpen] = useState(false);
-  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
-    onHoverStart: () => setTimeout(() => setOpen(true), openDelay),
-    onHoverEnd: () => setTimeout(() => setOpen(false), closeDelay)
-  });
-  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
-    onFocusWithinChange: (isFocusWithin) => setOpen(isFocusWithin)
-  });
+  const state = $8796f90736e175cb$export$4d40659c25ecb50b(props);
   const ref = useRef(null);
+  const { triggerProps } = $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref);
   return /* @__PURE__ */ jsx(
     Tooltip2,
     {
       triggerRef: ref,
       text,
-      open,
-      className: "es:pointer-events-none",
+      open: state.isOpen,
       ...rest,
       children: /* @__PURE__ */ jsx(
         "div",
         {
           ref,
-          className: clsx("es:inline", wrapperClassName),
-          ...$3ef42575df84b30b$export$9d1611c77c2fe928(hoverProps, focusWithinProps),
+          ...triggerProps,
+          className: wrapperClassName,
           children
         }
       )

package/dist/{context-CDOs-GuR.js → context-D2KUdwNL.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useContext } from "react";
-import { e as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-39D0mStj.js";
+import { n as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DkCSC521.js";
 const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",