@loczer/storefront-sdk 0.148.0 → 0.150.0

package/dist/ui/radio-group.js

@@ -0,0 +1,55 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Radio as t } from "@base-ui/react/radio";
+import { RadioGroup as n } from "@base-ui/react/radio-group";
+import { CircleIcon as s } from "lucide-react";
+import { cn as d } from "@rpcbase/ui";
+function f({
+  className: i,
+  onValueChange: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    n,
+    {
+      "data-slot": "radio-group",
+      className: d("grid gap-3", i),
+      onValueChange: (o) => e?.(o),
+      ...a
+    }
+  );
+}
+function g({
+  className: i,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    t.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: d(
+        "border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 relative inline-flex aspect-square size-4 shrink-0 items-center justify-center rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        i
+      ),
+      render: (a, o) => /* @__PURE__ */ r(
+        "span",
+        {
+          ...a,
+          "data-state": o.checked ? "checked" : "unchecked"
+        }
+      ),
+      ...e,
+      children: /* @__PURE__ */ r(
+        t.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "absolute inset-0 flex items-center justify-center",
+          children: /* @__PURE__ */ r(s, { className: "size-2 fill-primary" })
+        }
+      )
+    }
+  );
+}
+export {
+  f as RadioGroup,
+  g as RadioGroupItem
+};

package/dist/ui/select.d.ts

@@ -0,0 +1,22 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import * as React from "react";
+type SelectProps<Value extends string = string> = Omit<SelectPrimitive.Root.Props<Value>, "onValueChange"> & {
+    onValueChange?: (value: Value) => void;
+};
+declare function Select<Value extends string = string>({ onValueChange, ...props }: SelectProps<Value>): import("react/jsx-runtime").JSX.Element;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "children"> & Pick<Omit<Omit<import('@base-ui/react').SelectPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "side" | "positionMethod" | "sideOffset" | "align" | "alignOffset" | "collisionBoundary" | "collisionPadding"> & {
+    position?: "item-aligned" | "popper";
+    autoScroll?: "firstEnabled" | "firstEnabledWithContext";
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -0,0 +1,255 @@
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import * as e from "react";
+import { Select as i } from "@base-ui/react/select";
+import { ChevronDown as A, ChevronUp as M, Check as q } from "lucide-react";
+import { cn as N } from "@rpcbase/ui";
+function $({
+  onValueChange: r,
+  ...l
+}) {
+  return /* @__PURE__ */ t(
+    i.Root,
+    {
+      onValueChange: (o) => {
+        o !== null && r?.(o);
+      },
+      ...l
+    }
+  );
+}
+const J = i.Group, K = i.Value, z = e.forwardRef(({ className: r, children: l, ...o }, u) => /* @__PURE__ */ I(
+  i.Trigger,
+  {
+    ref: u,
+    className: N(
+      "flex h-10 w-full cursor-pointer items-center text-left rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&>span]:line-clamp-1",
+      r
+    ),
+    ...o,
+    children: [
+      l,
+      /* @__PURE__ */ t(i.Icon, { className: "ml-auto flex h-4 w-4 shrink-0 items-center justify-center opacity-50", children: /* @__PURE__ */ t(A, { className: "h-4 w-4" }) })
+    ]
+  }
+));
+z.displayName = "SelectTrigger";
+const E = e.createContext(null), P = e.forwardRef(
+  ({ direction: r, speed: l = 400, className: o, children: u, ...m }, C) => {
+    const k = e.useContext(E), [f, R] = e.useState(!0), p = e.useRef(null), h = e.useRef(null), w = e.useRef(!1), a = k?.viewport, b = e.useCallback(() => {
+      if (!a) {
+        R(!0);
+        return;
+      }
+      const { scrollTop: n, scrollHeight: g, clientHeight: d } = a, s = 2, S = n > s, v = n < g - d - s;
+      if (!(g > d + s)) {
+        R(!0);
+        return;
+      }
+      R(r === "up" ? !S : !v);
+    }, [r, a]);
+    e.useEffect(() => {
+      if (!a) return;
+      b();
+      const n = () => b(), g = () => b();
+      a.addEventListener("scroll", n, { passive: !0 });
+      const d = new ResizeObserver(g);
+      d.observe(a);
+      const s = new MutationObserver(g);
+      return s.observe(a, { childList: !0, subtree: !0 }), () => {
+        a.removeEventListener("scroll", n), d.disconnect(), s.disconnect();
+      };
+    }, [b, a]);
+    const c = e.useCallback(() => {
+      p.current !== null && (cancelAnimationFrame(p.current), p.current = null), w.current = !1, h.current = null;
+    }, []), x = e.useCallback((n) => {
+      if (!a || f || !w.current) {
+        c();
+        return;
+      }
+      h.current || (h.current = n);
+      const g = n - h.current, d = l * g / 1e3;
+      if (d < 0.1) {
+        p.current = requestAnimationFrame(x);
+        return;
+      }
+      const s = a.scrollTop, S = a.scrollHeight - a.clientHeight, v = r === "up" ? Math.max(0, s - d) : Math.min(S, s + d);
+      a.scrollTo({ top: v }), h.current = n;
+      const y = 1;
+      if ((r === "up" ? v > y : v < S - y) && Math.abs(v - s) > 0.01) {
+        p.current = requestAnimationFrame(x);
+        return;
+      }
+      c(), setTimeout(b, 16);
+    }, [b, r, f, l, c, a]), T = e.useCallback(() => {
+      f || !a || w.current || (w.current = !0, h.current = null, p.current = requestAnimationFrame(x));
+    }, [f, x, a]);
+    return e.useEffect(() => () => c(), [c]), /* @__PURE__ */ t(
+      "div",
+      {
+        ...m,
+        ref: C,
+        className: N(
+          "flex items-center justify-center py-1 select-none",
+          f ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20",
+          o
+        ),
+        onPointerEnter: (n) => {
+          m.onPointerEnter?.(n), f || T();
+        },
+        onPointerMove: (n) => {
+          m.onPointerMove?.(n), !f && !w.current && T();
+        },
+        onPointerLeave: (n) => {
+          m.onPointerLeave?.(n), c();
+        },
+        children: u
+      }
+    );
+  }
+);
+P.displayName = "ScrollButtonImpl";
+const L = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(P, { ref: o, direction: "up", className: r, ...l, children: /* @__PURE__ */ t(M, { className: "h-4 w-4" }) }));
+L.displayName = "SelectScrollUpButton";
+const B = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(P, { ref: o, direction: "down", className: r, ...l, children: /* @__PURE__ */ t(A, { className: "h-4 w-4" }) }));
+B.displayName = "SelectScrollDownButton";
+const D = e.forwardRef(({
+  className: r,
+  children: l,
+  position: o = "popper",
+  autoScroll: u,
+  footer: m,
+  side: C = "bottom",
+  sideOffset: k = 4,
+  align: f = "start",
+  alignOffset: R,
+  collisionBoundary: p,
+  collisionPadding: h,
+  positionMethod: w,
+  ...a
+}, b) => {
+  const [c, x] = e.useState(null);
+  return e.useEffect(() => {
+    if (!c || !u) return;
+    const n = requestAnimationFrame(() => {
+      if (c.querySelector('[role="option"][data-selected]')) return;
+      const d = Array.from(c.querySelectorAll('[role="option"]'));
+      if (!d.length) return;
+      let s, S;
+      for (const y of d) {
+        if (!y.hasAttribute("data-disabled")) {
+          s = y;
+          break;
+        }
+        S = y;
+      }
+      if (!s) return;
+      const v = u === "firstEnabledWithContext" && S ? S : s;
+      c.scrollTo({ top: Math.max(0, v.offsetTop - 8) });
+    });
+    return () => cancelAnimationFrame(n);
+  }, [u, c]), /* @__PURE__ */ t(i.Portal, { children: /* @__PURE__ */ t(
+    i.Positioner,
+    {
+      side: C,
+      sideOffset: k,
+      align: f,
+      alignOffset: R,
+      collisionBoundary: p,
+      collisionPadding: h,
+      positionMethod: w,
+      alignItemWithTrigger: o !== "popper",
+      className: "pointer-events-auto z-[60]",
+      children: /* @__PURE__ */ t(
+        i.Popup,
+        {
+          ref: b,
+          className: N(
+            "pointer-events-auto relative max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=closed]:pointer-events-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+            r
+          ),
+          render: (T, n) => /* @__PURE__ */ t(
+            "div",
+            {
+              ...T,
+              "data-state": n.open ? "open" : "closed",
+              "aria-hidden": n.open ? void 0 : !0
+            }
+          ),
+          ...a,
+          children: /* @__PURE__ */ I(E.Provider, { value: { viewport: c, setViewport: x }, children: [
+            /* @__PURE__ */ t(L, {}),
+            /* @__PURE__ */ t(
+              i.List,
+              {
+                ref: x,
+                className: N(
+                  "p-1 overflow-y-auto",
+                  o === "popper" && "max-h-[var(--available-height)] min-w-[var(--anchor-width)]"
+                ),
+                children: l
+              }
+            ),
+            /* @__PURE__ */ t(B, {}),
+            m
+          ] })
+        }
+      )
+    }
+  ) });
+});
+D.displayName = "SelectContent";
+const F = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(
+  i.GroupLabel,
+  {
+    ref: o,
+    className: N("py-1.5 pl-8 pr-2 text-sm font-semibold", r),
+    ...l
+  }
+));
+F.displayName = "SelectLabel";
+const j = e.forwardRef(({ className: r, children: l, ...o }, u) => /* @__PURE__ */ I(
+  i.Item,
+  {
+    ref: u,
+    className: N(
+      "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      r
+    ),
+    render: (m, C) => /* @__PURE__ */ t(
+      "div",
+      {
+        ...m,
+        "data-state": C.selected ? "checked" : "unchecked"
+      }
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(i.ItemIndicator, { children: /* @__PURE__ */ t(q, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ t(i.ItemText, { children: l })
+    ]
+  }
+));
+j.displayName = "SelectItem";
+const H = e.forwardRef(({ className: r, ...l }, o) => /* @__PURE__ */ t(
+  "div",
+  {
+    ref: o,
+    role: "separator",
+    className: N("-mx-1 my-1 h-px bg-muted", r),
+    ...l
+  }
+));
+H.displayName = "SelectSeparator";
+export {
+  $ as Select,
+  D as SelectContent,
+  J as SelectGroup,
+  j as SelectItem,
+  F as SelectLabel,
+  B as SelectScrollDownButton,
+  L as SelectScrollUpButton,
+  H as SelectSeparator,
+  z as SelectTrigger,
+  K as SelectValue
+};

package/dist/ui/slot.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+type AnyRef<T> = React.Ref<T> | undefined;
+export declare function composeRefs<T>(...refs: AnyRef<T>[]): (node: T | null) => void;
+export type SlotProps = React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+};
+export declare const Slot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=slot.d.ts.map

package/dist/ui/slot.js

@@ -0,0 +1,33 @@
+import * as r from "react";
+import { mergeProps as c } from "@base-ui/react/merge-props";
+function i(...o) {
+  return (s) => {
+    for (const e of o)
+      if (e) {
+        if (typeof e == "function") {
+          e(s);
+          continue;
+        }
+        e.current = s;
+      }
+  };
+}
+const m = r.forwardRef(
+  ({ children: o, ...s }, e) => {
+    if (!r.isValidElement(o))
+      return o == null ? null : r.Children.only(o);
+    const t = o, a = t.props.ref, n = s.className, l = typeof t.props.className == "string" ? t.props.className : void 0, f = c(
+      s,
+      t.props
+    );
+    return (n || l) && (f.className = [n, l].filter(Boolean).join(" ")), r.cloneElement(t, {
+      ...f,
+      ref: i(a, e)
+    });
+  }
+);
+m.displayName = "Slot";
+export {
+  m as Slot,
+  i as composeRefs
+};

package/dist/ui/textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/ui/textarea.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as a } from "@rpcbase/ui";
+const s = i.forwardRef(
+  ({ className: e, ...r }, o) => /* @__PURE__ */ t(
+    "textarea",
+    {
+      className: a(
+        "flex min-h-[96px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: o,
+      ...r
+    }
+  )
+);
+s.displayName = "Textarea";
+export {
+  s as Textarea
+};

package/dist/ui/tooltip.d.ts

@@ -0,0 +1,20 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, skipDelayDuration: _skipDelayDuration, ...props }: TooltipPrimitive.Provider.Props & {
+    delayDuration?: number;
+    skipDelayDuration?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ delayDuration, children, ...props }: TooltipPrimitive.Root.Props & {
+    delayDuration?: number;
+}): import("react/jsx-runtime").JSX.Element;
+declare const TooltipPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function TooltipTrigger({ asChild, children, ...props }: TooltipPrimitive.Trigger.Props & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TooltipPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<Omit<import('@base-ui/react').TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "side" | "sideOffset" | "align" | "alignOffset"> & Pick<Omit<Omit<import('@base-ui/react').TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "container"> & {
+    positionerClassName?: string;
+    disableAnimation?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TooltipArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipArrow, Tooltip as Root, TooltipTrigger as Trigger, TooltipContent as Content, TooltipPortal as Portal, TooltipProvider as Provider, TooltipArrow as Arrow, };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/tooltip.js

@@ -0,0 +1,73 @@
+import { jsx as i } 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,
+  children: t,
+  ...e
+}) {
+  const a = /* @__PURE__ */ i(r.Root, { ...e, children: t });
+  return o === void 0 ? a : /* @__PURE__ */ i(r.Provider, { delay: o, children: a });
+}
+const c = r.Portal;
+function x({
+  asChild: o,
+  children: t,
+  ...e
+}) {
+  return /* @__PURE__ */ i(
+    r.Trigger,
+    {
+      render: o && d.isValidElement(t) ? t : void 0,
+      ...e,
+      children: o ? void 0 : t
+    }
+  );
+}
+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,
+      {
+        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
+      }
+    )
+  }
+) }));
+v.displayName = "TooltipContent";
+const y = r.Arrow;
+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
+};

package/dist/utils.d.ts

@@ -0,0 +1,23 @@
+import { cn } from '@rpcbase/ui';
+
+export { cn }
+
+export declare const formatPriceMinor: (valueMinor: MoneyMinor, language: string, { currency, minimumFractionDigits, maximumFractionDigits, }?: {
+    currency?: string;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}) => string;
+
+export declare const getAvailabilityVariant: (status: string | undefined) => {
+    labelKey: string;
+    variant: "secondary" | "outline" | "destructive";
+};
+
+export declare const getMinDayPriceMinor: (prices: Array<{
+    value?: MoneyMinor;
+    unit?: string;
+}>) => MoneyMinor | null;
+
+declare type MoneyMinor = number;
+
+export { }