@loczer/storefront-sdk 0.153.0 → 0.155.0

package/dist/ui/tooltip.js

@@ -1,73 +1,102 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import * as d from "react";
-import { Tooltip as r } from "@base-ui/react/tooltip";
-import { cn as n } from "@rpcbase/ui";
-function w({
-  delayDuration: o,
-  skipDelayDuration: t,
-  ...e
-}) {
-  return /* @__PURE__ */ i(r.Provider, { delay: o, ...e });
-}
-function h({
-  delayDuration: o,
+import { Tooltip as n } from "@base-ui/react/tooltip";
+import { cn as s } from "@rpcbase/ui";
+import { Slot as y } from "./slot.js";
+import { useThemeAppearance as h } from "./theme.js";
+const l = d.createContext({
+  delayDuration: 0
+});
+function N({
   children: t,
-  ...e
+  delayDuration: e = 0,
+  delay: r,
+  closeDelay: i
 }) {
-  const a = /* @__PURE__ */ i(r.Root, { ...e, children: t });
-  return o === void 0 ? a : /* @__PURE__ */ i(r.Provider, { delay: o, children: a });
+  return /* @__PURE__ */ o(n.Provider, { delay: r ?? e, closeDelay: i, children: t });
 }
-const c = r.Portal;
-function x({
-  asChild: o,
-  children: t,
-  ...e
+function b({
+  delayDuration: t = 0,
+  open: e,
+  defaultOpen: r = !1,
+  onOpenChange: i,
+  children: a
 }) {
-  return /* @__PURE__ */ i(
-    r.Trigger,
+  return /* @__PURE__ */ o(l.Provider, { value: { delayDuration: t }, children: /* @__PURE__ */ o(
+    n.Root,
     {
-      render: o && d.isValidElement(t) ? t : void 0,
-      ...e,
-      children: o ? void 0 : t
+      open: e,
+      defaultOpen: r,
+      onOpenChange: (p) => i?.(p),
+      children: a
     }
-  );
+  ) });
 }
-const v = d.forwardRef(({ className: o, positionerClassName: t, align: e, alignOffset: a, side: s, sideOffset: l = 4, container: p, disableAnimation: m, ...f }, u) => /* @__PURE__ */ i(c, { container: p, children: /* @__PURE__ */ i(
-  r.Positioner,
-  {
-    align: e,
-    alignOffset: a,
-    side: s,
-    sideOffset: l,
-    className: n("pointer-events-auto z-50 outline-none", t),
-    children: /* @__PURE__ */ i(
-      r.Popup,
+const v = d.forwardRef(
+  ({ asChild: t, delay: e, ...r }, i) => {
+    const { delayDuration: a } = d.useContext(l);
+    return /* @__PURE__ */ o(
+      n.Trigger,
+      {
+        ref: i,
+        delay: e ?? a,
+        render: t ? /* @__PURE__ */ o(y, {}) : void 0,
+        ...r
+      }
+    );
+  }
+);
+v.displayName = "TooltipTrigger";
+const x = d.forwardRef(
+  ({
+    className: t,
+    side: e = "top",
+    align: r = "center",
+    sideOffset: i = 4,
+    disableAnimation: a = !1,
+    theme: p,
+    container: c,
+    positionerClassName: m,
+    ...f
+  }, g) => {
+    const u = h(), T = p ?? u;
+    return /* @__PURE__ */ o(n.Portal, { container: c, children: /* @__PURE__ */ o(
+      n.Positioner,
       {
-        ref: u,
-        role: "tooltip",
-        className: n(
-          "pointer-events-auto z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
-          !m && "animate-in fade-in-0 zoom-in-95 data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-          o
-        ),
-        ...f
+        side: e,
+        align: r,
+        sideOffset: i,
+        positionMethod: "fixed",
+        className: s("z-50", m),
+        collisionPadding: 8,
+        collisionAvoidance: { side: "flip", align: "shift", fallbackAxisSide: "start" },
+        children: /* @__PURE__ */ o(
+          n.Popup,
+          {
+            ref: g,
+            role: "tooltip",
+            className: s(
+              T === "dark" && "dark",
+              "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+              a ? "transition-none" : "transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0",
+              "data-[instant]:transition-none",
+              t
+            ),
+            ...f
+          }
+        )
       }
-    )
+    ) });
   }
-) }));
-v.displayName = "TooltipContent";
-const y = r.Arrow;
+);
+x.displayName = "TooltipContent";
 export {
-  y as Arrow,
-  v as Content,
-  c as Portal,
-  w as Provider,
-  h as Root,
-  h as Tooltip,
-  y as TooltipArrow,
-  v as TooltipContent,
-  c as TooltipPortal,
-  w as TooltipProvider,
-  x as TooltipTrigger,
-  x as Trigger
+  x as Content,
+  N as Provider,
+  b as Root,
+  b as Tooltip,
+  x as TooltipContent,
+  N as TooltipProvider,
+  v as TooltipTrigger,
+  v as Trigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loczer/storefront-sdk",
-  "version": "0.153.0",
+  "version": "0.155.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"