@loczer/storefront-sdk 0.148.0 → 0.150.0

package/dist/chunks/pkg/ui/dist/Dialog-COr6fnKd.js

@@ -0,0 +1,283 @@
+import { jsx as n, jsxs as f, Fragment as A } from "react/jsx-runtime";
+import * as s from "react";
+import { cn as m } from "./lib/utils-B6zhukbw.js";
+import { useBodyPointerEventsLock as S } from "./lib/body-pointer-events-CyPsDvc9.js";
+import { createAutoFocusHandler as C, composeRefs as w } from "./lib/slot-CklkPb7k.js";
+import { SsrHydratablePortal as H } from "./SsrHydratablePortal/index-Ue09qUAi.js";
+import O from "./node_modules/lucide-react/dist/esm/icons/x-Cdi8GS7U.js";
+import { DialogBackdrop as z } from "./node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop-dfhPbhun.js";
+import { DialogPortal as I } from "./node_modules/@base-ui/react/esm/dialog/portal/DialogPortal-DCoXyUCa.js";
+import { DialogPopup as T } from "./node_modules/@base-ui/react/esm/dialog/popup/DialogPopup-Ce1MaHNd.js";
+import { DialogClose as k } from "./node_modules/@base-ui/react/esm/dialog/close/DialogClose-CiEiuP0S.js";
+import { DialogTitle as $ } from "./node_modules/@base-ui/react/esm/dialog/title/DialogTitle-BYe_-O2U.js";
+import { DialogDescription as j } from "./node_modules/@base-ui/react/esm/dialog/description/DialogDescription-C793yEmX.js";
+import { DialogTrigger as E } from "./node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger-CDsWAaqd.js";
+import { DialogRoot as M } from "./node_modules/@base-ui/react/esm/dialog/root/DialogRoot-DYrthiUT.js";
+const y = s.createContext({
+  open: !1,
+  setOpen: () => {
+  },
+  modal: !0,
+  disableInitialOpenAnimation: !1
+});
+function ie({
+  open: e,
+  defaultOpen: o,
+  onOpenChange: t,
+  modal: c = !0,
+  ...u
+}) {
+  const g = s.useRef(!!(e ?? o)), [D, r] = s.useState(o ?? !1), i = e ?? D, [l, a] = s.useState(g.current), b = s.useCallback((p) => {
+    e === void 0 && r(p), t?.(p, void 0);
+  }, [t, e]), N = (p, h) => {
+    e === void 0 && r(p), t?.(p, h);
+  };
+  return s.useEffect(() => {
+    l && (i || a(!1));
+  }, [i, l]), /* @__PURE__ */ n(y.Provider, { value: { open: i, setOpen: b, modal: c, disableInitialOpenAnimation: l }, children: /* @__PURE__ */ n(
+    M,
+    {
+      open: e,
+      defaultOpen: o,
+      onOpenChange: N,
+      modal: c,
+      ...u
+    }
+  ) });
+}
+function le({
+  asChild: e,
+  children: o,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    E,
+    {
+      render: e && s.isValidElement(o) ? o : void 0,
+      ...t,
+      children: e ? void 0 : o
+    }
+  );
+}
+const V = I;
+function re({
+  asChild: e,
+  children: o,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    k,
+    {
+      render: e && s.isValidElement(o) ? o : void 0,
+      ...t,
+      children: e ? void 0 : o
+    }
+  );
+}
+const P = s.forwardRef(({ className: e, disableOpenAnimation: o = !1, onClick: t, ...c }, u) => {
+  const g = s.useContext(y), D = !o, r = (i) => {
+    i.defaultPrevented || g.setOpen(!1);
+  };
+  return /* @__PURE__ */ n(
+    z,
+    {
+      ref: u,
+      className: m(
+        "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none",
+        "data-[closed]:animate-out data-[closed]:fade-out-0",
+        D && "data-[open]:animate-in data-[open]:fade-in-0",
+        e
+      ),
+      render: (i, l) => /* @__PURE__ */ n(
+        "div",
+        {
+          ...i,
+          onPointerDown: (a) => {
+            i.onPointerDown?.(a), c.onPointerDown?.(a), r(a);
+          },
+          onMouseDown: (a) => {
+            i.onMouseDown?.(a), c.onMouseDown?.(a), r(a);
+          },
+          onClick: (a) => {
+            i.onClick?.(a), t?.(a), r(a);
+          },
+          "data-state": l.open ? "open" : "closed"
+        }
+      ),
+      ...c
+    }
+  );
+});
+P.displayName = "DialogOverlay";
+const B = s.forwardRef(({
+  className: e,
+  children: o,
+  showCloseButton: t = !0,
+  closeAnimation: c = "default",
+  overlayClassName: u,
+  onOpenAutoFocus: g,
+  onCloseAutoFocus: D,
+  ...r
+}, i) => {
+  const l = s.useContext(y), a = s.useRef(null);
+  S(l.open && l.modal === !0);
+  const b = (d) => l.disableInitialOpenAnimation && d, N = (d) => m(
+    "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none",
+    "data-[closed]:animate-out data-[closed]:fade-out-0",
+    !d && "data-[open]:animate-in data-[open]:fade-in-0",
+    u
+  ), p = (d) => m(
+    "pointer-events-auto fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 outline-none focus:outline-none focus-visible:outline-none sm:rounded-lg",
+    !d && "data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95 data-[open]:slide-in-from-bottom-[8%]",
+    c === "fade" ? "data-[closed]:animate-out data-[closed]:fade-out-0" : "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[closed]:slide-out-to-bottom-[8%]",
+    e
+  ), h = t ? /* @__PURE__ */ f(
+    "button",
+    {
+      type: "button",
+      className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[popup-open]:bg-accent data-[popup-open]:text-muted-foreground",
+      children: [
+        /* @__PURE__ */ n(O, { className: "h-4 w-4" }),
+        /* @__PURE__ */ n("span", { className: "sr-only", children: "Close" })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ n(
+    H,
+    {
+      enabled: l.open,
+      inline: ({ wasHydratedFromInline: d }) => {
+        const v = b(d), x = p(v);
+        return /* @__PURE__ */ f(A, { children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: N(v),
+              "data-open": "",
+              "data-state": "open",
+              onPointerDown: () => l.setOpen(!1),
+              onMouseDown: () => l.setOpen(!1),
+              onClick: () => l.setOpen(!1)
+            }
+          ),
+          /* @__PURE__ */ f(
+            "div",
+            {
+              ref: w(a, i),
+              role: "dialog",
+              "aria-modal": "true",
+              className: x,
+              "data-open": "",
+              "data-state": "open",
+              ...r,
+              children: [
+                o,
+                h
+              ]
+            }
+          )
+        ] });
+      },
+      children: ({ wasHydratedFromInline: d }) => {
+        const v = b(d), x = p(v);
+        return /* @__PURE__ */ f(V, { children: [
+          /* @__PURE__ */ n(
+            P,
+            {
+              className: u,
+              disableOpenAnimation: v
+            }
+          ),
+          /* @__PURE__ */ f(
+            T,
+            {
+              ref: w(a, i),
+              role: "dialog",
+              "aria-modal": "true",
+              initialFocus: C(g, a),
+              finalFocus: C(D, a),
+              className: x,
+              render: (F, R) => /* @__PURE__ */ n(
+                "div",
+                {
+                  ...F,
+                  "data-state": R.open ? "open" : "closed"
+                }
+              ),
+              ...r,
+              children: [
+                o,
+                t ? /* @__PURE__ */ f(k, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[popup-open]:bg-accent data-[popup-open]:text-muted-foreground", children: [
+                  /* @__PURE__ */ n(O, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ n("span", { className: "sr-only", children: "Close" })
+                ] }) : null
+              ]
+            }
+          )
+        ] });
+      }
+    }
+  );
+});
+B.displayName = "DialogContent";
+const L = ({
+  className: e,
+  ...o
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: m(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      e
+    ),
+    ...o
+  }
+);
+L.displayName = "DialogHeader";
+const q = ({
+  className: e,
+  ...o
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: m(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...o
+  }
+);
+q.displayName = "DialogFooter";
+const U = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ n(
+  $,
+  {
+    ref: t,
+    className: m(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...o
+  }
+));
+U.displayName = "DialogTitle";
+const X = s.forwardRef(({ className: e, ...o }, t) => /* @__PURE__ */ n(
+  j,
+  {
+    ref: t,
+    className: m("text-sm text-muted-foreground", e),
+    ...o
+  }
+));
+X.displayName = "DialogDescription";
+export {
+  ie as Dialog,
+  re as DialogClose,
+  B as DialogContent,
+  X as DialogDescription,
+  q as DialogFooter,
+  L as DialogHeader,
+  P as DialogOverlay,
+  V as DialogPortal,
+  U as DialogTitle,
+  le as DialogTrigger
+};

package/dist/chunks/pkg/ui/dist/Drawer/index-BxM7gmh_.js

@@ -0,0 +1,226 @@
+import { jsx as r, jsxs as w, Fragment as D } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as n } from "../lib/utils-B6zhukbw.js";
+import { useBodyPointerEventsLock as N } from "../lib/body-pointer-events-CyPsDvc9.js";
+import { SsrHydratablePortal as y } from "../SsrHydratablePortal/index-Ue09qUAi.js";
+import { DrawerTrigger as C } from "../node_modules/@base-ui/react/esm/drawer/trigger/DrawerTrigger-BKWBskBD.js";
+import { DrawerClose as k } from "../node_modules/@base-ui/react/esm/drawer/close/DrawerClose-K9toitLg.js";
+import { DrawerBackdrop as R } from "../node_modules/@base-ui/react/esm/drawer/backdrop/DrawerBackdrop-BqcC6xGK.js";
+import { DrawerViewport as P } from "../node_modules/@base-ui/react/esm/drawer/viewport/DrawerViewport-BA1WyQud.js";
+import { DrawerPopup as O } from "../node_modules/@base-ui/react/esm/drawer/popup/DrawerPopup-BXOe4Llu.js";
+import { DrawerContent as T } from "../node_modules/@base-ui/react/esm/drawer/content/DrawerContent-DAER5HEH.js";
+import { DrawerTitle as z } from "../node_modules/@base-ui/react/esm/drawer/title/DrawerTitle-DPojAJP6.js";
+import { DrawerDescription as V } from "../node_modules/@base-ui/react/esm/drawer/description/DrawerDescription-CmzTECJs.js";
+import { DrawerPortal as E } from "../node_modules/@base-ui/react/esm/drawer/portal/DrawerPortal-BfTFM1p8.js";
+import { DrawerRoot as F } from "../node_modules/@base-ui/react/esm/drawer/root/DrawerRoot-DuO16Hl3.js";
+const g = o.createContext("bottom"), h = o.createContext({
+  open: !1,
+  modal: !0
+});
+function H(a) {
+  return a === "top" ? "up" : a === "left" ? "left" : a === "right" ? "right" : "down";
+}
+function ea({
+  direction: a = "bottom",
+  fadeFromIndex: e,
+  shouldScaleBackground: t,
+  open: d,
+  defaultOpen: i,
+  onOpenChange: c,
+  modal: l = !0,
+  ...s
+}) {
+  const [m, u] = o.useState(i ?? !1), p = d ?? m, f = (v, b) => {
+    d === void 0 && u(v), c?.(v, b);
+  };
+  return /* @__PURE__ */ r(h.Provider, { value: { open: p, modal: l }, children: /* @__PURE__ */ r(g.Provider, { value: a, children: /* @__PURE__ */ r(
+    F,
+    {
+      "data-slot": "drawer",
+      open: d,
+      defaultOpen: i,
+      onOpenChange: f,
+      modal: l,
+      swipeDirection: H(a),
+      ...s
+    }
+  ) }) });
+}
+const S = o.forwardRef(({ asChild: a, children: e, ...t }, d) => /* @__PURE__ */ r(
+  C,
+  {
+    ref: d,
+    "data-slot": "drawer-trigger",
+    render: a && o.isValidElement(e) ? e : void 0,
+    ...t,
+    children: a ? void 0 : e
+  }
+));
+S.displayName = "DrawerTrigger";
+function j(a) {
+  return /* @__PURE__ */ r(E, { "data-slot": "drawer-portal", ...a });
+}
+const B = o.forwardRef(({ asChild: a, children: e, ...t }, d) => /* @__PURE__ */ r(
+  k,
+  {
+    ref: d,
+    "data-slot": "drawer-close",
+    render: a && o.isValidElement(e) ? e : void 0,
+    ...t,
+    children: a ? void 0 : e
+  }
+));
+B.displayName = "DrawerClose";
+const x = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  R,
+  {
+    ref: t,
+    "data-slot": "drawer-overlay",
+    className: n(
+      "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+      a
+    ),
+    render: (d, i) => /* @__PURE__ */ r(
+      "div",
+      {
+        ...d,
+        "data-state": i.open ? "open" : "closed"
+      }
+    ),
+    ...e
+  }
+));
+x.displayName = "DrawerOverlay";
+const I = o.forwardRef(({ className: a, children: e, overlayClassName: t, showHandle: d = !0, ...i }, c) => {
+  const l = o.useContext(g), s = o.useContext(h);
+  N(s.open && s.modal === !0);
+  const m = n(
+    "bg-background pointer-events-auto fixed z-50 flex flex-col gap-4 shadow-lg outline-none",
+    "group/drawer-content data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+    "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:data-[closed]:slide-out-to-top",
+    "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:max-h-[95dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-[closed]:slide-out-to-bottom",
+    "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:data-[closed]:slide-out-to-right data-[vaul-drawer-direction=right]:sm:max-w-sm",
+    "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:data-[closed]:slide-out-to-left data-[vaul-drawer-direction=left]:sm:max-w-sm",
+    a
+  ), u = d ? /* @__PURE__ */ r("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : null;
+  return /* @__PURE__ */ r(
+    y,
+    {
+      enabled: s.open,
+      inline: /* @__PURE__ */ w(D, { children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "drawer-overlay",
+            className: n(
+              "pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
+              t
+            ),
+            "data-open": "",
+            "data-state": "open"
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: "pointer-events-none fixed inset-0 z-50", children: /* @__PURE__ */ w(
+          "div",
+          {
+            ref: c,
+            "data-slot": "drawer-content",
+            role: "dialog",
+            "aria-modal": "true",
+            "data-vaul-drawer-direction": l,
+            className: m,
+            "data-open": "",
+            "data-state": "open",
+            ...i,
+            children: [
+              u,
+              /* @__PURE__ */ r("div", { "data-slot": "drawer-content-inner", children: e })
+            ]
+          }
+        ) })
+      ] }),
+      children: /* @__PURE__ */ w(j, { "data-slot": "drawer-portal", children: [
+        /* @__PURE__ */ r(x, { className: t }),
+        /* @__PURE__ */ r(P, { className: "pointer-events-none fixed inset-0 z-50", children: /* @__PURE__ */ w(
+          O,
+          {
+            ref: c,
+            "data-slot": "drawer-content",
+            role: "dialog",
+            "aria-modal": "true",
+            "data-vaul-drawer-direction": l,
+            className: m,
+            render: (p, f) => /* @__PURE__ */ r(
+              "div",
+              {
+                ...p,
+                "data-state": f.open ? "open" : "closed"
+              }
+            ),
+            ...i,
+            children: [
+              u,
+              /* @__PURE__ */ r(T, { "data-slot": "drawer-content-inner", children: e })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+});
+I.displayName = "DrawerContent";
+function ra({ className: a, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: n(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function ta({ className: a, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: n("mt-auto flex flex-col gap-2 p-4", a),
+      ...e
+    }
+  );
+}
+const L = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  z,
+  {
+    ref: t,
+    "data-slot": "drawer-title",
+    className: n("text-foreground font-semibold", a),
+    ...e
+  }
+));
+L.displayName = "DrawerTitle";
+const _ = o.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ r(
+  V,
+  {
+    ref: t,
+    "data-slot": "drawer-description",
+    className: n("text-muted-foreground text-sm", a),
+    ...e
+  }
+));
+_.displayName = "DrawerDescription";
+export {
+  ea as Drawer,
+  B as DrawerClose,
+  I as DrawerContent,
+  _ as DrawerDescription,
+  ta as DrawerFooter,
+  ra as DrawerHeader,
+  x as DrawerOverlay,
+  j as DrawerPortal,
+  L as DrawerTitle,
+  S as DrawerTrigger
+};