@caseparts-org/caseblocks 0.0.30 → 0.0.32

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._content_ogovb_1{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}._wrapper_ogovb_12{position:relative;display:inline-block}._tooltip_ogovb_17{position:absolute;z-index:1000;padding:var(--spacing-0-5);background:var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:0 4px 12px #0000002e;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease,transform .15s ease}._open_ogovb_30{opacity:1;visibility:visible;transform:translateY(0)}._tooltip_ogovb_17[data-position=top]{bottom:100%;left:50%;transform:translate(-50%,-4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=top]{transform:translate(-50%)}._tooltip_ogovb_17[data-position=bottom]{top:100%;left:50%;transform:translate(-50%,4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=bottom]{transform:translate(-50%)}._tooltip_ogovb_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,-50%)}._open_ogovb_30._tooltip_ogovb_17[data-position=left]{transform:translateY(-50%)}._tooltip_ogovb_17[data-position=right]{left:100%;top:50%;transform:translate(4px,-50%)}._open_ogovb_30._tooltip_ogovb_17[data-position=right]{transform:translateY(-50%)}._tooltip_ogovb_17[data-position=top]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),-4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=top]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_ogovb_17[data-position=bottom]{top:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=bottom]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_ogovb_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_ogovb_30._tooltip_ogovb_17[data-position=left]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}._tooltip_ogovb_17[data-position=right]{left:100%;top:50%;transform:translate(4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_ogovb_30._tooltip_ogovb_17[data-position=right]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}
+._content_1f22n_1{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}._wrapper_1f22n_12{position:relative;display:inline-block}._tooltip_1f22n_17{position:absolute;z-index:1000;padding:var(--spacing-0-5);background:var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:0 4px 12px #0000002e;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease}._open_1f22n_30{opacity:1;visibility:visible;transform:translateY(0)}._tooltip_1f22n_17[data-position=top]{bottom:100%;left:50%;transform:translate(-50%,-4px)}._open_1f22n_30._tooltip_1f22n_17[data-position=top]{transform:translate(-50%)}._tooltip_1f22n_17[data-position=bottom]{top:100%;left:50%;transform:translate(-50%,4px)}._open_1f22n_30._tooltip_1f22n_17[data-position=bottom]{transform:translate(-50%)}._tooltip_1f22n_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,-50%)}._open_1f22n_30._tooltip_1f22n_17[data-position=left]{transform:translateY(-50%)}._tooltip_1f22n_17[data-position=right]{left:100%;top:50%;transform:translate(4px,-50%)}._open_1f22n_30._tooltip_1f22n_17[data-position=right]{transform:translateY(-50%)}._tooltip_1f22n_17[data-position=top]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),-4px)}._open_1f22n_30._tooltip_1f22n_17[data-position=top]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1f22n_17[data-position=bottom]{top:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),4px)}._open_1f22n_30._tooltip_1f22n_17[data-position=bottom]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1f22n_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1f22n_30._tooltip_1f22n_17[data-position=left]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}._tooltip_1f22n_17[data-position=right]{left:100%;top:50%;transform:translate(4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1f22n_30._tooltip_1f22n_17[data-position=right]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}

package/dist/main-client.d.ts

@@ -11,6 +11,6 @@ export type { ChipProps } from './molecules/Chip/Chip';
 export { ToggleView } from './molecules/ToggleView/ToggleView';
 export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
 export { MainNav } from './organisms/MainNav/MainNav';
-export type { MainCategory, Category } from './organisms/MainNav/MainNav';
+export type { MainCategory, MainNavProps, Category } from './organisms/MainNav/MainNav';
 export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
 export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';

package/dist/molecules/Cart/Cart.js

@@ -1,9 +1,9 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Icon as m } from "../../atoms/Icon/Icon.js";
-import { Text as n } from "../../atoms/Text/Text.js";
+import { Text as s } from "../../atoms/Text/Text.js";
 import { Button as a } from "../../atoms/Button/Button.js";
 import { Tooltip as l } from "../Tooltip/Tooltip.js";
-import '../../assets/Cart.css';const d = "_cart_15bzn_1", h = "_count_15bzn_8", p = "_cartContainer_15bzn_23", _ = "_cartItems_15bzn_32", g = "_noItems_15bzn_58", s = {
+import '../../assets/Cart.css';const d = "_cart_15bzn_1", h = "_count_15bzn_8", p = "_cartContainer_15bzn_23", _ = "_cartItems_15bzn_32", g = "_noItems_15bzn_58", o = {
   cart: d,
   count: h,
   cartContainer: p,
@@ -21,7 +21,7 @@ function v({
   return e = e || { items: [] }, /* @__PURE__ */ t(
     l,
     {
-      trigger: /* @__PURE__ */ i("button", { className: s.cart, ...c, children: [
+      trigger: /* @__PURE__ */ n("button", { className: o.cart, ...c, children: [
         /* @__PURE__ */ t(
           m,
           {
@@ -30,24 +30,24 @@ function v({
             size: "lg"
           }
         ),
-        e.items.length > 0 && /* @__PURE__ */ t("div", { className: s.count, children: /* @__PURE__ */ t(n, { size: "xxs", children: e.items.length }) })
+        e.items.length > 0 && /* @__PURE__ */ t("div", { className: o.count, children: /* @__PURE__ */ t(s, { size: "xxs", children: e.items.length }) })
       ] }),
       position: "bottom",
       on: "click",
-      children: /* @__PURE__ */ i("div", { className: s.cartContainer, children: [
-        /* @__PURE__ */ t(n, { as: "h1", size: "2xl", children: "Cart" }),
-        /* @__PURE__ */ t("div", { className: s.cartItems, children: e.items.length > 0 ? /* @__PURE__ */ t("ul", { children: e.items.map(
-          (o) => /* @__PURE__ */ i("li", { children: [
-            /* @__PURE__ */ t("img", { src: o.imageUrl, alt: `${o.itemId} product image` }),
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(n, { as: "p", size: "sm", children: o.description }),
-              /* @__PURE__ */ i(n, { as: "p", size: "sm", children: [
+      children: /* @__PURE__ */ n("div", { className: o.cartContainer, children: [
+        /* @__PURE__ */ t(s, { as: "h1", size: "2xl", children: "Cart" }),
+        /* @__PURE__ */ t("div", { className: o.cartItems, children: e.items.length > 0 ? /* @__PURE__ */ t("ul", { children: e.items.map(
+          (i) => /* @__PURE__ */ n("li", { children: [
+            /* @__PURE__ */ t("img", { src: i.imageUrl, alt: `${i.itemId} product image` }),
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ t(s, { as: "p", size: "sm", children: i.description }),
+              /* @__PURE__ */ n(s, { as: "p", size: "sm", children: [
                 "Part # ",
-                o.itemId
+                i.itemId
               ] })
             ] })
-          ] })
-        ) }) : /* @__PURE__ */ t("div", { className: s.noItems, children: /* @__PURE__ */ t(n, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
+          ] }, i.id)
+        ) }) : /* @__PURE__ */ t("div", { className: o.noItems, children: /* @__PURE__ */ t(s, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
         /* @__PURE__ */ t(a, { disabled: e.items.length === 0, onClick: r, variant: "cta-primary", size: "md", children: "Checkout" })
       ] })
     }

package/dist/molecules/Tooltip/Tooltip.d.ts

@@ -10,5 +10,6 @@ export interface TooltipProps {
     autoAdjust?: boolean;
     flip?: boolean;
     viewportPadding?: number;
+    allowEnter?: boolean;
 }
 export declare const Tooltip: React.FC<TooltipProps>;

package/dist/molecules/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
-import { jsxs as Z, jsx as ee } from "react/jsx-runtime";
-import m, { useEffect as j, useState as te } from "react";
-import { c as K } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Tooltip.css';var U = { exports: {} }, g = {};
+import { jsxs as ae, jsx as ce } from "react/jsx-runtime";
+import m, { useEffect as V, useState as se } from "react";
+import { c as q } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Tooltip.css';var B = { exports: {} }, d = {};
 /**
  * @license React
  * react-dom.production.js
@@ -11,12 +11,12 @@ import '../../assets/Tooltip.css';var U = { exports: {} }, g = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Y;
-function re() {
-  if (Y) return g;
-  Y = 1;
-  var s = m;
-  function O(n) {
+var W;
+function ue() {
+  if (W) return d;
+  W = 1;
+  var u = m;
+  function T(n) {
     var t = "https://react.dev/errors/" + n;
     if (1 < arguments.length) {
       t += "?args[]=" + encodeURIComponent(arguments[1]);
@@ -31,7 +31,7 @@ function re() {
     d: {
       f: a,
       r: function() {
-        throw Error(O(522));
+        throw Error(T(522));
       },
       D: a,
       C: a,
@@ -44,7 +44,7 @@ function re() {
     p: 0,
     findDOMNode: null
   }, f = Symbol.for("react.portal");
-  function h(n, t, o) {
+  function v(n, t, o) {
     var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
     return {
       $$typeof: f,
@@ -54,31 +54,31 @@ function re() {
       implementation: o
     };
   }
-  var v = s.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  function S(n, t) {
+  var _ = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  function R(n, t) {
     if (n === "font") return "";
     if (typeof t == "string")
       return t === "use-credentials" ? t : "";
   }
-  return g.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = c, g.createPortal = function(n, t) {
+  return d.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = c, d.createPortal = function(n, t) {
     var o = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
     if (!t || t.nodeType !== 1 && t.nodeType !== 9 && t.nodeType !== 11)
-      throw Error(O(299));
-    return h(n, t, null, o);
-  }, g.flushSync = function(n) {
-    var t = v.T, o = c.p;
+      throw Error(T(299));
+    return v(n, t, null, o);
+  }, d.flushSync = function(n) {
+    var t = _.T, o = c.p;
     try {
-      if (v.T = null, c.p = 2, n) return n();
+      if (_.T = null, c.p = 2, n) return n();
     } finally {
-      v.T = t, c.p = o, c.d.f();
+      _.T = t, c.p = o, c.d.f();
     }
-  }, g.preconnect = function(n, t) {
+  }, d.preconnect = function(n, t) {
     typeof n == "string" && (t ? (t = t.crossOrigin, t = typeof t == "string" ? t === "use-credentials" ? t : "" : void 0) : t = null, c.d.C(n, t));
-  }, g.prefetchDNS = function(n) {
+  }, d.prefetchDNS = function(n) {
     typeof n == "string" && c.d.D(n);
-  }, g.preinit = function(n, t) {
+  }, d.preinit = function(n, t) {
     if (typeof n == "string" && t && typeof t.as == "string") {
-      var o = t.as, r = S(o, t.crossOrigin), e = typeof t.integrity == "string" ? t.integrity : void 0, i = typeof t.fetchPriority == "string" ? t.fetchPriority : void 0;
+      var o = t.as, r = R(o, t.crossOrigin), e = typeof t.integrity == "string" ? t.integrity : void 0, i = typeof t.fetchPriority == "string" ? t.fetchPriority : void 0;
       o === "style" ? c.d.S(
         n,
         typeof t.precedence == "string" ? t.precedence : void 0,
@@ -94,11 +94,11 @@ function re() {
         nonce: typeof t.nonce == "string" ? t.nonce : void 0
       });
     }
-  }, g.preinitModule = function(n, t) {
+  }, d.preinitModule = function(n, t) {
     if (typeof n == "string")
       if (typeof t == "object" && t !== null) {
         if (t.as == null || t.as === "script") {
-          var o = S(
+          var o = R(
             t.as,
             t.crossOrigin
           );
@@ -109,9 +109,9 @@ function re() {
           });
         }
       } else t == null && c.d.M(n);
-  }, g.preload = function(n, t) {
+  }, d.preload = function(n, t) {
     if (typeof n == "string" && typeof t == "object" && t !== null && typeof t.as == "string") {
-      var o = t.as, r = S(o, t.crossOrigin);
+      var o = t.as, r = R(o, t.crossOrigin);
       c.d.L(n, o, {
         crossOrigin: r,
         integrity: typeof t.integrity == "string" ? t.integrity : void 0,
@@ -124,27 +124,27 @@ function re() {
         media: typeof t.media == "string" ? t.media : void 0
       });
     }
-  }, g.preloadModule = function(n, t) {
+  }, d.preloadModule = function(n, t) {
     if (typeof n == "string")
       if (t) {
-        var o = S(t.as, t.crossOrigin);
+        var o = R(t.as, t.crossOrigin);
         c.d.m(n, {
           as: typeof t.as == "string" && t.as !== "script" ? t.as : void 0,
           crossOrigin: o,
           integrity: typeof t.integrity == "string" ? t.integrity : void 0
         });
       } else c.d.m(n);
-  }, g.requestFormReset = function(n) {
+  }, d.requestFormReset = function(n) {
     c.d.r(n);
-  }, g.unstable_batchedUpdates = function(n, t) {
+  }, d.unstable_batchedUpdates = function(n, t) {
     return n(t);
-  }, g.useFormState = function(n, t, o) {
-    return v.H.useFormState(n, t, o);
-  }, g.useFormStatus = function() {
-    return v.H.useHostTransitionStatus();
-  }, g.version = "19.1.1", g;
+  }, d.useFormState = function(n, t, o) {
+    return _.H.useFormState(n, t, o);
+  }, d.useFormStatus = function() {
+    return _.H.useHostTransitionStatus();
+  }, d.version = "19.1.1", d;
 }
-var y = {};
+var g = {};
 /**
  * @license React
  * react-dom.development.js
@@ -154,28 +154,28 @@ var y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var z;
-function ne() {
-  return z || (z = 1, process.env.NODE_ENV !== "production" && function() {
-    function s() {
+var X;
+function le() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+    function u() {
     }
-    function O(r) {
+    function T(r) {
       return "" + r;
     }
     function a(r, e, i) {
-      var d = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+      var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       try {
-        O(d);
-        var E = !1;
+        T(y);
+        var O = !1;
       } catch {
-        E = !0;
+        O = !0;
       }
-      return E && (console.error(
+      return O && (console.error(
         "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-        typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object"
-      ), O(d)), {
+        typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object"
+      ), T(y)), {
         $$typeof: t,
-        key: d == null ? null : "" + d,
+        key: y == null ? null : "" + y,
         children: r,
         containerInfo: e,
         implementation: i
@@ -189,10 +189,10 @@ function ne() {
     function f(r) {
       return r === null ? "`null`" : r === void 0 ? "`undefined`" : r === "" ? "an empty string" : 'something with type "' + typeof r + '"';
     }
-    function h(r) {
+    function v(r) {
       return r === null ? "`null`" : r === void 0 ? "`undefined`" : r === "" ? "an empty string" : typeof r == "string" ? JSON.stringify(r) : typeof r == "number" ? "`" + r + "`" : 'something with type "' + typeof r + '"';
     }
-    function v() {
+    function _() {
       var r = o.H;
       return r === null && console.error(
         `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
@@ -203,33 +203,33 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       ), r;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var S = m, n = {
+    var R = m, n = {
       d: {
-        f: s,
+        f: u,
         r: function() {
           throw Error(
             "Invalid form element. requestFormReset must be passed a form that was rendered by React."
           );
         },
-        D: s,
-        C: s,
-        L: s,
-        m: s,
-        X: s,
-        S: s,
-        M: s
+        D: u,
+        C: u,
+        L: u,
+        m: u,
+        X: u,
+        S: u,
+        M: u
       },
       p: 0,
       findDOMNode: null
-    }, t = Symbol.for("react.portal"), o = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    }, t = Symbol.for("react.portal"), o = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     typeof Map == "function" && Map.prototype != null && typeof Map.prototype.forEach == "function" && typeof Set == "function" && Set.prototype != null && typeof Set.prototype.clear == "function" && typeof Set.prototype.forEach == "function" || console.error(
       "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
-    ), y.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = n, y.createPortal = function(r, e) {
+    ), g.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = n, g.createPortal = function(r, e) {
       var i = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
       if (!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11)
         throw Error("Target container is not a DOM element.");
       return a(r, e, null, i);
-    }, y.flushSync = function(r) {
+    }, g.flushSync = function(r) {
       var e = o.T, i = n.p;
       try {
         if (o.T = null, n.p = 2, r)
@@ -239,10 +239,10 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
         );
       }
-    }, y.preconnect = function(r, e) {
+    }, g.preconnect = function(r, e) {
       typeof r == "string" && r ? e != null && typeof e != "object" ? console.error(
         "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
-        h(e)
+        v(e)
       ) : e != null && typeof e.crossOrigin != "string" && console.error(
         "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
         f(e.crossOrigin)
@@ -250,7 +250,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
         f(r)
       ), typeof r == "string" && (e ? (e = e.crossOrigin, e = typeof e == "string" ? e === "use-credentials" ? e : "" : void 0) : e = null, n.d.C(r, e));
-    }, y.prefetchDNS = function(r) {
+    }, g.prefetchDNS = function(r) {
       if (typeof r != "string" || !r)
         console.error(
           "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
@@ -260,43 +260,43 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         var e = arguments[1];
         typeof e == "object" && e.hasOwnProperty("crossOrigin") ? console.error(
           "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
-          h(e)
+          v(e)
         ) : console.error(
           "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
-          h(e)
+          v(e)
         );
       }
       typeof r == "string" && n.d.D(r);
-    }, y.preinit = function(r, e) {
+    }, g.preinit = function(r, e) {
       if (typeof r == "string" && r ? e == null || typeof e != "object" ? console.error(
         "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
-        h(e)
+        v(e)
       ) : e.as !== "style" && e.as !== "script" && console.error(
         'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
-        h(e.as)
+        v(e.as)
       ) : console.error(
         "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
         f(r)
       ), typeof r == "string" && e && typeof e.as == "string") {
-        var i = e.as, d = c(i, e.crossOrigin), E = typeof e.integrity == "string" ? e.integrity : void 0, L = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
+        var i = e.as, y = c(i, e.crossOrigin), O = typeof e.integrity == "string" ? e.integrity : void 0, b = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
         i === "style" ? n.d.S(
           r,
           typeof e.precedence == "string" ? e.precedence : void 0,
           {
-            crossOrigin: d,
-            integrity: E,
-            fetchPriority: L
+            crossOrigin: y,
+            integrity: O,
+            fetchPriority: b
           }
         ) : i === "script" && n.d.X(r, {
-          crossOrigin: d,
-          integrity: E,
-          fetchPriority: L,
+          crossOrigin: y,
+          integrity: O,
+          fetchPriority: b,
           nonce: typeof e.nonce == "string" ? e.nonce : void 0
         });
       }
-    }, y.preinitModule = function(r, e) {
+    }, g.preinitModule = function(r, e) {
       var i = "";
-      if (typeof r == "string" && r || (i += " The `href` argument encountered was " + f(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + f(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + h(e.as) + "."), i)
+      if (typeof r == "string" && r || (i += " The `href` argument encountered was " + f(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + f(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + v(e.as) + "."), i)
         console.error(
           "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
           i
@@ -306,7 +306,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           case "script":
             break;
           default:
-            i = h(i), console.error(
+            i = v(i), console.error(
               'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
               i,
               r
@@ -320,19 +320,19 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         integrity: typeof e.integrity == "string" ? e.integrity : void 0,
         nonce: typeof e.nonce == "string" ? e.nonce : void 0
       })) : e == null && n.d.M(r));
-    }, y.preload = function(r, e) {
+    }, g.preload = function(r, e) {
       var i = "";
       if (typeof r == "string" && r || (i += " The `href` argument encountered was " + f(r) + "."), e == null || typeof e != "object" ? i += " The `options` argument encountered was " + f(e) + "." : typeof e.as == "string" && e.as || (i += " The `as` option encountered was " + f(e.as) + "."), i && console.error(
         'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
         i
       ), typeof r == "string" && typeof e == "object" && e !== null && typeof e.as == "string") {
         i = e.as;
-        var d = c(
+        var y = c(
           i,
           e.crossOrigin
         );
         n.d.L(r, i, {
-          crossOrigin: d,
+          crossOrigin: y,
           integrity: typeof e.integrity == "string" ? e.integrity : void 0,
           nonce: typeof e.nonce == "string" ? e.nonce : void 0,
           type: typeof e.type == "string" ? e.type : void 0,
@@ -343,7 +343,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           media: typeof e.media == "string" ? e.media : void 0
         });
       }
-    }, y.preloadModule = function(r, e) {
+    }, g.preloadModule = function(r, e) {
       var i = "";
       typeof r == "string" && r || (i += " The `href` argument encountered was " + f(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + f(e) + "." : e && "as" in e && typeof e.as != "string" && (i += " The `as` option encountered was " + f(e.as) + "."), i && console.error(
         'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
@@ -356,167 +356,205 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         crossOrigin: i,
         integrity: typeof e.integrity == "string" ? e.integrity : void 0
       })) : n.d.m(r));
-    }, y.requestFormReset = function(r) {
+    }, g.requestFormReset = function(r) {
       n.d.r(r);
-    }, y.unstable_batchedUpdates = function(r, e) {
+    }, g.unstable_batchedUpdates = function(r, e) {
       return r(e);
-    }, y.useFormState = function(r, e, i) {
-      return v().useFormState(r, e, i);
-    }, y.useFormStatus = function() {
-      return v().useHostTransitionStatus();
-    }, y.version = "19.1.1", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), y;
+    }, g.useFormState = function(r, e, i) {
+      return _().useFormState(r, e, i);
+    }, g.useFormStatus = function() {
+      return _().useHostTransitionStatus();
+    }, g.version = "19.1.1", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), g;
 }
-function $() {
+function J() {
   if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
     if (process.env.NODE_ENV !== "production")
       throw new Error("^_^");
     try {
-      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE($);
-    } catch (s) {
-      console.error(s);
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(J);
+    } catch (u) {
+      console.error(u);
     }
   }
 }
-process.env.NODE_ENV === "production" ? ($(), U.exports = re()) : U.exports = ne();
-var A = U.exports;
-const ie = "_wrapper_ogovb_12", oe = "_tooltip_ogovb_17", ae = "_open_ogovb_30", I = {
-  wrapper: ie,
-  tooltip: oe,
-  open: ae
-}, fe = ({
-  trigger: s,
-  children: O,
+process.env.NODE_ENV === "production" ? (J(), B.exports = ue()) : B.exports = le();
+var H = B.exports;
+const fe = "_wrapper_1f22n_12", de = "_tooltip_1f22n_17", ge = "_open_1f22n_30", U = {
+  wrapper: fe,
+  tooltip: de,
+  open: ge
+}, ve = ({
+  trigger: u,
+  children: T,
   position: a = "top",
   delay: c = 0,
   tooltipClassName: f,
-  wrapperClassName: h,
-  on: v = "auto",
-  autoAdjust: S = !0,
+  wrapperClassName: v,
+  on: _ = "auto",
+  autoAdjust: R = !0,
   flip: n = !0,
-  viewportPadding: t = 4
+  viewportPadding: t = 4,
+  allowEnter: o = !0
 }) => {
-  const [o, r] = m.useState(!1), e = m.useRef(null), i = m.useId(), d = m.useRef(null), E = m.useRef(null), L = ce(), M = v === "auto" ? L ? "hover" : "click" : v, [q, V] = m.useState(a), [W, k] = m.useState(0), [X, C] = m.useState(0);
+  const [r, e] = m.useState(!1), i = m.useRef(null), y = m.useId(), O = m.useRef(null), b = m.useRef(null), Q = ye(), M = _ === "auto" ? Q ? "hover" : "click" : _, G = o ? 200 : 0, k = m.useRef(null), [Z, F] = m.useState(a), [ee, P] = m.useState(0), [te, I] = m.useState(0);
   m.useEffect(() => {
-    o || (V(a), k(0), C(0));
-  }, [o, a]);
-  function x() {
-    e.current && (window.clearTimeout(e.current), e.current = null);
+    r || (F(a), P(0), I(0));
+  }, [r, a]);
+  function C() {
+    i.current && (window.clearTimeout(i.current), i.current = null);
   }
-  function P() {
-    const u = d.current, N = E.current;
-    if (!u || !N) return;
-    k(0), C(0);
-    const w = window.innerWidth, F = window.innerHeight, T = u.getBoundingClientRect(), D = N.getBoundingClientRect();
-    let R = a;
+  function x() {
+    const s = O.current, S = b.current;
+    if (!s || !S) return;
+    P(0), I(0);
+    const h = window.innerWidth, $ = window.innerHeight, w = s.getBoundingClientRect(), A = S.getBoundingClientRect();
+    let D = a;
     if (n)
       if (a === "top" || a === "bottom") {
-        const l = T.top, p = F - T.bottom, _ = D.height + t;
-        a === "top" && l < _ && p > l ? R = "bottom" : a === "bottom" && p < _ && l > p && (R = "top");
+        const l = w.top, p = $ - w.bottom, E = A.height + t;
+        a === "top" && l < E && p > l ? D = "bottom" : a === "bottom" && p < E && l > p && (D = "top");
       } else {
-        const l = T.left, p = w - T.right, _ = D.width + t;
-        a === "left" && l < _ && p > l ? R = "right" : a === "right" && p < _ && l > p && (R = "left");
+        const l = w.left, p = h - w.right, E = A.width + t;
+        a === "left" && l < E && p > l ? D = "right" : a === "right" && p < E && l > p && (D = "left");
       }
-    if (V(R), S)
-      if (R === "top" || R === "bottom") {
-        const l = T.left + T.width / 2 - D.width / 2, p = t, _ = w - t - D.width;
-        let b = 0;
-        l < p ? b = p - l : l > _ && (b = _ - l), k(b);
+    if (F(D), R)
+      if (D === "top" || D === "bottom") {
+        const l = w.left + w.width / 2 - A.width / 2, p = t, E = h - t - A.width;
+        let L = 0;
+        l < p ? L = p - l : l > E && (L = E - l), P(L);
       } else {
-        const l = T.top + T.height / 2 - D.height / 2, p = t, _ = F - t - D.height;
-        let b = 0;
-        l < p ? b = p - l : l > _ && (b = _ - l), C(b);
+        const l = w.top + w.height / 2 - A.height / 2, p = t, E = $ - t - A.height;
+        let L = 0;
+        l < p ? L = p - l : l > E && (L = E - l), I(L);
       }
   }
-  function B() {
-    x(), e.current = window.setTimeout(() => {
-      A.flushSync(() => {
-        r(!0);
-      }), A.flushSync(() => {
-        P();
-      });
+  function N() {
+    k.current && (window.clearTimeout(k.current), k.current = null);
+  }
+  function K() {
+    N(), k.current = window.setTimeout(() => {
+      e(!1);
+    }, G);
+  }
+  function Y() {
+    if (C(), N(), r) {
+      x();
+      return;
+    }
+    i.current = window.setTimeout(() => {
+      H.flushSync(() => e(!0)), H.flushSync(() => x());
     }, c);
   }
-  function H() {
-    x(), r(!1);
+  function re() {
+    C(), N(), k.current = window.setTimeout(() => {
+      console.log("Hiding tooltip"), e(!1);
+    }, G);
   }
-  function G() {
-    x(), o ? r(!1) : (A.flushSync(() => r(!0)), A.flushSync(() => P()));
+  function j() {
+    C(), N(), e(!1);
   }
-  j(() => {
-    if (!o) return;
-    function u() {
-      P();
+  function z() {
+    C(), r ? e(!1) : (H.flushSync(() => e(!0)), H.flushSync(() => x()));
+  }
+  V(() => {
+    if (!r) return;
+    function s() {
+      x();
     }
-    return window.addEventListener("resize", u), window.addEventListener("scroll", u, !0), () => {
-      window.removeEventListener("resize", u), window.removeEventListener("scroll", u, !0);
+    return window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), () => {
+      window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
     };
-  }, [o, a, S, n, t]), j(() => {
-    if (M !== "click" || !o) return;
-    function u(w) {
-      d.current && (d.current.contains(w.target) || r(!1));
+  }, [r, a, R, n, t]), V(() => {
+    if (M !== "click" || !r) return;
+    function s(h) {
+      O.current && (O.current.contains(h.target) || e(!1));
     }
-    function N(w) {
-      w.key === "Escape" && r(!1);
+    function S(h) {
+      h.key === "Escape" && e(!1);
     }
-    return document.addEventListener("mousedown", u), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", s), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("mousedown", s), document.removeEventListener("keydown", S);
     };
-  }, [o, M]);
-  const J = M === "hover" ? {
-    onMouseEnter: B,
-    onMouseLeave: H,
-    onFocus: B,
-    onBlur: H
-  } : {}, Q = M === "click" ? {
-    onClick: (u) => {
-      o || (u.preventDefault(), G());
+  }, [r, M]);
+  const ne = M === "hover" ? {
+    onMouseEnter: () => {
+      N(), Y();
+    },
+    onMouseLeave: (s) => {
+      var h;
+      if (!o) {
+        j();
+        return;
+      }
+      const S = s.relatedTarget;
+      S && ((h = b.current) != null && h.contains(S)) || K();
+    },
+    onFocus: Y,
+    onBlur: j
+  } : {}, ie = M === "hover" && o ? {
+    onMouseEnter: () => {
+      N();
+    },
+    onMouseLeave: (s) => {
+      var h;
+      if (!o) {
+        j();
+        return;
+      }
+      const S = s.relatedTarget;
+      S && ((h = O.current) != null && h.contains(S)) || K();
+    }
+  } : {}, oe = M === "click" ? {
+    onClick: (s) => {
+      r || (s.preventDefault(), z());
     },
-    onKeyDown: (u) => {
-      u.key === "Enter" || u.key === " " ? (u.preventDefault(), G()) : u.key === "Escape" && H();
+    onKeyDown: (s) => {
+      s.key === "Enter" || s.key === " " ? (s.preventDefault(), z()) : s.key === "Escape" && re();
     }
   } : {};
-  return /* @__PURE__ */ Z(
+  return /* @__PURE__ */ ae(
     "span",
     {
-      ref: d,
-      className: K(I.wrapper, h),
-      ...J,
-      ...Q,
+      ref: O,
+      className: q(U.wrapper, v),
+      ...ne,
+      ...oe,
       children: [
-        m.cloneElement(s, {
-          "aria-describedby": i,
+        m.cloneElement(u, {
+          "aria-describedby": y,
           "aria-haspopup": "true",
-          "aria-expanded": o || void 0,
-          tabIndex: s.props.tabIndex ?? (M === "click" ? 0 : void 0)
+          "aria-expanded": r || void 0,
+          tabIndex: u.props.tabIndex ?? (M === "click" ? 0 : void 0)
         }),
-        o && /* @__PURE__ */ ee(
+        r && /* @__PURE__ */ ce(
           "span",
           {
-            ref: E,
-            id: i,
+            ref: b,
+            id: y,
             role: "tooltip",
-            "data-position": q,
-            className: K(I.tooltip, I.open, f),
+            "data-position": Z,
+            className: q(U.tooltip, U.open, f),
             style: {
-              "--tooltip-shift-x": `${W}px`,
-              "--tooltip-shift-y": `${X}px`
+              "--tooltip-shift-x": `${ee}px`,
+              "--tooltip-shift-y": `${te}px`
             },
-            children: O
+            ...ie,
+            children: T
           }
         )
       ]
     }
   );
 };
-function ce() {
-  const [s, O] = te(() => typeof window > "u" ? !0 : window.matchMedia("(hover: hover) and (pointer: fine)").matches);
-  return j(() => {
+function ye() {
+  const [u, T] = se(() => typeof window > "u" ? !0 : window.matchMedia("(hover: hover) and (pointer: fine)").matches);
+  return V(() => {
     if (typeof window > "u") return;
-    const a = window.matchMedia("(hover: hover) and (pointer: fine)"), c = () => O(a.matches);
+    const a = window.matchMedia("(hover: hover) and (pointer: fine)"), c = () => T(a.matches);
     return a.addEventListener("change", c), () => a.removeEventListener("change", c);
-  }, []), s;
+  }, []), u;
 }
 export {
-  fe as Tooltip
+  ve as Tooltip
 };

package/dist/molecules/Tooltip/Tooltip.stories.d.ts

@@ -15,6 +15,9 @@ declare const meta: {
         delay: {
             control: "number";
         };
+        allowEnter: {
+            control: "boolean";
+        };
         wrapperClassName: {
             table: {
                 disable: true;

package/dist/molecules/Tooltip/Tooltip.stories.js

@@ -28,13 +28,15 @@ const s = {
       ]
     },
     delay: { control: "number" },
+    allowEnter: { control: "boolean" },
     wrapperClassName: { table: { disable: !0 } },
     tooltipClassName: { table: { disable: !0 } }
   }
 }, c = {
   args: {
     position: "top",
-    delay: 0
+    delay: 0,
+    allowEnter: !0
   },
   render: (i) => /* @__PURE__ */ t(
     "div",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.30",
+  "version": "0.0.32",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",