@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development-PEz9rQUM.js

@@ -0,0 +1,58 @@
+import { __exports as c } from "../../../../_virtual/with-selector.development-DmH-ks33.js";
+import G from "react";
+import { __require as H } from "../../shim/index-g__WfpEy.js";
+var p;
+function g() {
+  return p ? c : (p = 1, process.env.NODE_ENV !== "production" && (function() {
+    function A(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var i = G, T = H(), V = typeof Object.is == "function" ? Object.is : A, d = T.useSyncExternalStore, D = i.useRef, R = i.useEffect, m = i.useMemo, y = i.useDebugValue;
+    c.useSyncExternalStoreWithSelector = function(e, t, f, s, o) {
+      var n = D(null);
+      if (n.current === null) {
+        var u = { hasValue: !1, value: null };
+        n.current = u;
+      } else u = n.current;
+      n = m(
+        function() {
+          function E(r) {
+            if (!L) {
+              if (L = !0, l = r, r = s(r), o !== void 0 && u.hasValue) {
+                var _ = u.value;
+                if (o(_, r))
+                  return a = _;
+              }
+              return a = r;
+            }
+            if (_ = a, V(l, r))
+              return _;
+            var S = s(r);
+            return o !== void 0 && o(_, S) ? (l = r, _) : (l = r, a = S);
+          }
+          var L = !1, l, a, v = f === void 0 ? null : f;
+          return [
+            function() {
+              return E(t());
+            },
+            v === null ? void 0 : function() {
+              return E(v());
+            }
+          ];
+        },
+        [t, f, s, o]
+      );
+      var O = d(e, n[0], n[1]);
+      return R(
+        function() {
+          u.hasValue = !0, u.value = O;
+        },
+        [O]
+      ), y(O), O;
+    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), c);
+}
+export {
+  g as __require
+};

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.production-1dR2oH6_.js

@@ -0,0 +1,57 @@
+import { __exports as _ } from "../../../../_virtual/with-selector.production-xTL6w2lb.js";
+import q from "react";
+import { __require as D } from "../../shim/index-g__WfpEy.js";
+var S;
+function k() {
+  if (S) return _;
+  S = 1;
+  var l = q, V = D();
+  function b(e, u) {
+    return e === u && (e !== 0 || 1 / e === 1 / u) || e !== e && u !== u;
+  }
+  var x = typeof Object.is == "function" ? Object.is : b, y = V.useSyncExternalStore, j = l.useRef, E = l.useEffect, O = l.useMemo, R = l.useDebugValue;
+  return _.useSyncExternalStoreWithSelector = function(e, u, s, v, i) {
+    var n = j(null);
+    if (n.current === null) {
+      var t = { hasValue: !1, value: null };
+      n.current = t;
+    } else t = n.current;
+    n = O(
+      function() {
+        function p(r) {
+          if (!d) {
+            if (d = !0, c = r, r = v(r), i !== void 0 && t.hasValue) {
+              var a = t.value;
+              if (i(a, r))
+                return f = a;
+            }
+            return f = r;
+          }
+          if (a = f, x(c, r)) return a;
+          var m = v(r);
+          return i !== void 0 && i(a, m) ? (c = r, a) : (c = r, f = m);
+        }
+        var d = !1, c, f, h = s === void 0 ? null : s;
+        return [
+          function() {
+            return p(u());
+          },
+          h === null ? void 0 : function() {
+            return p(h());
+          }
+        ];
+      },
+      [u, s, v, i]
+    );
+    var o = y(e, n[0], n[1]);
+    return E(
+      function() {
+        t.hasValue = !0, t.value = o;
+      },
+      [o]
+    ), R(o), o;
+  }, _;
+}
+export {
+  k as __require
+};

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development-Bjtnv0KW.js

@@ -0,0 +1,58 @@
+import { __exports as s } from "../../../_virtual/use-sync-external-store-shim.development-DmH-ks33.js";
+import T from "react";
+var O;
+function g() {
+  return O ? s : (O = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e, t) {
+      return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+    }
+    function p(e, t) {
+      c || o.startTransition === void 0 || (c = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var r = t();
+      if (!f) {
+        var u = t();
+        i(r, u) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), f = !0);
+      }
+      u = S({
+        inst: { value: r, getSnapshot: t }
+      });
+      var n = u[0].inst, _ = u[1];
+      return L(
+        function() {
+          n.value = r, n.getSnapshot = t, a(n) && _({ inst: n });
+        },
+        [e, r, t]
+      ), d(
+        function() {
+          return a(n) && _({ inst: n }), e(function() {
+            a(n) && _({ inst: n });
+          });
+        },
+        [e]
+      ), y(r), r;
+    }
+    function a(e) {
+      var t = e.getSnapshot;
+      e = e.value;
+      try {
+        var r = t();
+        return !i(e, r);
+      } catch {
+        return !0;
+      }
+    }
+    function E(e, t) {
+      return t();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = T, i = typeof Object.is == "function" ? Object.is : l, S = o.useState, d = o.useEffect, L = o.useLayoutEffect, y = o.useDebugValue, c = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? E : p;
+    s.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })(), s);
+}
+export {
+  g as __require
+};

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production-BvTUQFJj.js

@@ -0,0 +1,46 @@
+import { __exports as i } from "../../../_virtual/use-sync-external-store-shim.production-BjPWYSZb.js";
+import w from "react";
+var f;
+function g() {
+  if (f) return i;
+  f = 1;
+  var u = w;
+  function s(t, n) {
+    return t === n && (t !== 0 || 1 / t === 1 / n) || t !== t && n !== n;
+  }
+  var p = typeof Object.is == "function" ? Object.is : s, v = u.useState, S = u.useEffect, l = u.useLayoutEffect, y = u.useDebugValue;
+  function d(t, n) {
+    var r = n(), c = v({ inst: { value: r, getSnapshot: n } }), e = c[0].inst, a = c[1];
+    return l(
+      function() {
+        e.value = r, e.getSnapshot = n, o(e) && a({ inst: e });
+      },
+      [t, r, n]
+    ), S(
+      function() {
+        return o(e) && a({ inst: e }), t(function() {
+          o(e) && a({ inst: e });
+        });
+      },
+      [t]
+    ), y(r), r;
+  }
+  function o(t) {
+    var n = t.getSnapshot;
+    t = t.value;
+    try {
+      var r = n();
+      return !p(t, r);
+    } catch {
+      return !0;
+    }
+  }
+  function m(t, n) {
+    return n();
+  }
+  var E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : d;
+  return i.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : E, i;
+}
+export {
+  g as __require
+};

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/shim/index-g__WfpEy.js

@@ -0,0 +1,10 @@
+import { __module as r } from "../../../_virtual/index2-Cr2SmWQI.js";
+import { __require as o } from "../cjs/use-sync-external-store-shim.production-BvTUQFJj.js";
+import { __require as t } from "../cjs/use-sync-external-store-shim.development-Bjtnv0KW.js";
+var e;
+function i() {
+  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = t(), r.exports);
+}
+export {
+  i as __require
+};

package/dist/chunks/pkg/ui/dist/node_modules/use-sync-external-store/shim/with-selector-DFIcfxeX.js

@@ -0,0 +1,10 @@
+import { __module as r } from "../../../_virtual/with-selector2-Cr2SmWQI.js";
+import { __require as o } from "../cjs/use-sync-external-store-shim/with-selector.production-1dR2oH6_.js";
+import { __require as s } from "../cjs/use-sync-external-store-shim/with-selector.development-PEz9rQUM.js";
+var e;
+function i() {
+  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = o() : r.exports = s(), r.exports);
+}
+export {
+  i as __require
+};

package/dist/chunks/pkg/ui/dist/static/strings-lR4Uv4ze.js

@@ -0,0 +1,4 @@
+const o = [0.6916996695275519, 47.39629439107775];
+export {
+  o as COORDS
+};

package/dist/components/AboutSection/index.d.ts

@@ -0,0 +1,7 @@
+import { StorefrontPreset } from '../../data/config';
+type AboutSectionProps = {
+    preset: StorefrontPreset;
+};
+export declare function AboutSection({ preset }: AboutSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AboutSection/index.js

@@ -0,0 +1,94 @@
+import { jsx as e, jsxs as n, Fragment as C } from "react/jsx-runtime";
+import { useState as g, useRef as E, useMemo as r, useEffect as b } from "react";
+import { useTranslation as L } from "react-i18next";
+import { cn as M } from "@rpcbase/ui";
+import { getLocalizedEntry as y } from "../../localization.js";
+import { useStorefront as T } from "../../StorefrontProvider.js";
+import { COORDS as H } from "../../static/strings.js";
+import { Map as S } from "../../chunks/pkg/ui/dist/Map-Cqn7INdm.js";
+import { createMarkerElement as O } from "../Map/createMarkerElement.js";
+const A = 320;
+function P({ preset: c }) {
+  const { i18n: _, t: o } = L(), { storefrontConfiguration: l, mapboxToken: v } = T(), k = l.workspace?.workspaceLanguage, [a, d] = g(!1), [p, u] = g(!1), h = E(null), s = y(
+    l.content?.about,
+    _.language,
+    k
+  )?.html?.trim(), i = r(() => {
+    const t = l.shop.gpsCoordinates;
+    return t ? [t[1], t[0]] : H;
+  }, [l.shop.gpsCoordinates]), x = r(() => O(), []), f = r(
+    () => ({
+      coords: i,
+      element: x || void 0,
+      offset: [0, -25.5],
+      popupHTML: c.address,
+      popupCloseButton: !1
+    }),
+    [c.address, i, x]
+  ), w = r(() => [f], [f]);
+  return b(() => {
+    d(!1);
+  }, [s]), b(() => {
+    if (!s) {
+      u(!1);
+      return;
+    }
+    const t = h.current;
+    if (!t) return;
+    const m = () => {
+      const N = t.scrollHeight > A + 1;
+      u(N);
+    };
+    return m(), window.addEventListener("resize", m), () => window.removeEventListener("resize", m);
+  }, [s]), /* @__PURE__ */ e("section", { id: "about", className: "border-t border-slate-200 bg-white scroll-mt-16 sm:scroll-mt-20", children: /* @__PURE__ */ n("div", { className: "lg:grid lg:grid-cols-2 lg:items-stretch", children: [
+    /* @__PURE__ */ e("div", { className: "px-4 py-10 sm:px-6 lg:px-0 lg:py-14", children: /* @__PURE__ */ n("div", { className: "mx-auto max-w-7xl lg:mx-0 lg:ml-auto lg:max-w-[40rem] lg:pl-6 lg:pr-8 xl:pr-12", children: [
+      /* @__PURE__ */ e("p", { className: "text-xs font-medium uppercase tracking-[0.08em] text-slate-500", children: /* @__PURE__ */ e("span", { children: o("about_section_title") }) }),
+      /* @__PURE__ */ e("h2", { className: "mt-2 text-2xl font-semibold tracking-tight text-slate-950 sm:text-3xl", children: /* @__PURE__ */ e("span", { children: o("about_section_heading") }) }),
+      s ? /* @__PURE__ */ n(C, { children: [
+        /* @__PURE__ */ n("div", { className: "relative mt-4", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: h,
+              className: M(
+                "overflow-hidden text-sm leading-6 text-slate-700 transition-[max-height] duration-300 ease-out sm:text-base [&_a]:text-slate-900 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6",
+                !a && "max-h-[320px]"
+              ),
+              dangerouslySetInnerHTML: { __html: s }
+            }
+          ),
+          !a && p && /* @__PURE__ */ e(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "pointer-events-none absolute inset-x-0 bottom-0 h-14 bg-gradient-to-b from-transparent to-white"
+            }
+          )
+        ] }),
+        p ? /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            onClick: () => d((t) => !t),
+            className: "text-primary hover:underline text-sm cursor-pointer",
+            children: o(a ? "testimonials.see_less" : "testimonials.see_more")
+          }
+        ) }) : null
+      ] }) : /* @__PURE__ */ e("p", { className: "mt-4 text-sm leading-6 text-slate-700 sm:text-base", children: /* @__PURE__ */ e("span", { children: o("about_section_fallback") }) })
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "hidden lg:block lg:h-full [&>div]:h-full", children: /* @__PURE__ */ e(
+      S,
+      {
+        mapboxToken: v,
+        initialCenter: i,
+        initialZoom: 10,
+        markers: w,
+        showNavigationControl: !1,
+        className: "overflow-clip h-full min-h-[420px] w-full"
+      }
+    ) })
+  ] }) });
+}
+export {
+  P as AboutSection
+};

package/dist/components/AddressAutocompleteInput/index.d.ts

@@ -0,0 +1,17 @@
+export type AddressAutocompleteLocationRestriction = {
+    north: number;
+    south: number;
+    east: number;
+    west: number;
+};
+export declare const AddressAutocompleteInput: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange"> & {
+    value: string;
+    onValueChange: (value: string) => void;
+    label?: string;
+    labelClassName?: string;
+    googleMapsApiKey?: string;
+    locationRestriction?: AddressAutocompleteLocationRestriction;
+    allowedTypes?: Iterable<string>;
+    autofillShimName?: string;
+} & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AddressAutocompleteInput/index.js

@@ -0,0 +1,143 @@
+import { jsx as d, jsxs as F } from "react/jsx-runtime";
+import { forwardRef as M, useId as T, useRef as Y, useState as J, useEffect as G } from "react";
+import { cn as P, AddressAutocompleteInput as K } from "@rpcbase/ui";
+import { Input as Q } from "../../ui/input.js";
+import { Label as X } from "../../ui/label.js";
+import { isAutomationRuntime as Z } from "../../lib/isAutomationRuntime.js";
+const w = {}, k = () => {
+  const n = w.RB_PUBLIC_GOOGLE_MAPS_API_KEY;
+  return typeof n == "string" ? n : "";
+}, z = M(
+  ({
+    value: A,
+    onValueChange: n,
+    label: p,
+    labelClassName: R,
+    googleMapsApiKey: b = k(),
+    locationRestriction: U,
+    allowedTypes: O,
+    autofillShimName: W,
+    className: I,
+    onBlur: x,
+    onFocus: S,
+    onKeyDown: y,
+    onPointerDown: E,
+    id: $,
+    name: r,
+    placeholder: L,
+    disabled: N,
+    readOnly: g,
+    type: i,
+    autoComplete: s,
+    autoCorrect: o,
+    autoCapitalize: u,
+    spellCheck: f,
+    ...h
+  }, m) => {
+    const q = T(), c = $ ?? q, j = Y(null), [v, D] = J(!1), B = (t) => {
+      if (m) {
+        if (typeof m == "function") {
+          m(t);
+          return;
+        }
+        m.current = t;
+      }
+    };
+    G(() => {
+      Z() || b.trim().length !== 0 && D(!0);
+    }, [b]), G(() => {
+      if (!v) return;
+      const t = j.current;
+      if (!t) return;
+      const e = t.querySelector(`#${CSS.escape(c)}`);
+      e instanceof HTMLInputElement && (B(e), typeof r == "string" && r.trim().length > 0 ? e.setAttribute("name", r) : e.removeAttribute("name"), typeof i == "string" && i.trim().length > 0 ? e.setAttribute("type", i) : e.setAttribute("type", "text"), e.readOnly = !!g, typeof s == "string" && s.trim().length > 0 && e.setAttribute("autocomplete", s.trim()), typeof o == "string" && o.trim().length > 0 ? e.setAttribute("autocorrect", o.trim()) : e.removeAttribute("autocorrect"), typeof u == "string" && u.trim().length > 0 ? e.setAttribute("autocapitalize", u.trim()) : e.removeAttribute("autocapitalize"), typeof f == "boolean" ? e.setAttribute("spellcheck", String(f)) : e.removeAttribute("spellcheck"), Object.entries(h).forEach(([l, a]) => {
+        if (!(!l.startsWith("aria-") && !l.startsWith("data-"))) {
+          if (typeof a == "string" || typeof a == "number" || typeof a == "boolean") {
+            e.setAttribute(l, String(a));
+            return;
+          }
+          e.removeAttribute(l);
+        }
+      }));
+    }, [
+      u,
+      s,
+      o,
+      r,
+      h,
+      g,
+      c,
+      v,
+      f,
+      i
+    ]);
+    const H = (t) => {
+      n(t.target.value);
+    }, _ = p ? /* @__PURE__ */ d(X, { htmlFor: c, className: P("block text-sm font-medium text-slate-700", R), children: p }) : null;
+    if (!v) {
+      const t = /* @__PURE__ */ d(
+        Q,
+        {
+          ...h,
+          ref: B,
+          id: c,
+          name: r,
+          type: i,
+          value: A,
+          placeholder: L,
+          disabled: N,
+          onChange: H,
+          onBlur: x,
+          onFocus: S,
+          onKeyDown: y,
+          onPointerDown: E,
+          readOnly: g,
+          autoComplete: s ?? "off",
+          autoCorrect: o,
+          autoCapitalize: u,
+          spellCheck: f,
+          className: I
+        }
+      );
+      return p ? /* @__PURE__ */ F("div", { className: "grid gap-1.5 text-left", children: [
+        _,
+        t
+      ] }) : t;
+    }
+    return /* @__PURE__ */ F("div", { className: P(_ && "grid gap-1.5 text-left"), children: [
+      _,
+      /* @__PURE__ */ d(
+        "div",
+        {
+          ref: j,
+          className: "rpcbase-address-autocomplete [&>div>label]:sr-only",
+          onBlurCapture: (t) => x?.(t),
+          onFocusCapture: (t) => S?.(t),
+          onKeyDownCapture: (t) => y?.(t),
+          onPointerDownCapture: (t) => E?.(t),
+          children: /* @__PURE__ */ d(
+            K,
+            {
+              id: c,
+              label: "",
+              placeholder: L ?? "",
+              value: A,
+              onValueChange: n,
+              disabled: N,
+              name: r,
+              className: I,
+              autofillShimName: W,
+              googleMapsApiKey: b,
+              locationRestriction: U,
+              allowedTypes: O
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+z.displayName = "AddressAutocompleteInput";
+export {
+  z as AddressAutocompleteInput
+};

package/dist/components/BikeProductCard/index.d.ts

@@ -0,0 +1,17 @@
+import { BikeProduct } from '../../lib/products';
+type BikeProductCardProps = {
+    bike: BikeProduct;
+    detailsPath: string;
+    productDetailsLinkState: {
+        backTo: string;
+    };
+    actionLabelKey?: string;
+    onAction: () => void;
+    actionDisabled?: boolean;
+    availabilityLabel?: string;
+    fallbackLanguage?: string;
+    testId?: string;
+};
+export declare function BikeProductCard({ bike, detailsPath, productDetailsLinkState, actionLabelKey, onAction, actionDisabled, availabilityLabel, fallbackLanguage, testId, }: BikeProductCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BikeProductCard/index.js

@@ -0,0 +1,78 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Link as N } from "@rpcbase/router";
+import { cn as y } from "@rpcbase/ui";
+import { Bike as w, ArrowRight as b } from "lucide-react";
+import { useTranslation as B } from "react-i18next";
+import { getAvailabilityVariant as j } from "../../lib/utils.js";
+import { resolveProductImageContainerStyle as C } from "../../lib/productImageStyles.js";
+import { getLocalizedValue as m } from "../../localization.js";
+import { Badge as P } from "../../ui/badge.js";
+import { Button as z } from "../../ui/button.js";
+import { ProductPriceBadge as I } from "../ProductPriceBadge/index.js";
+function F({
+  bike: t,
+  detailsPath: d,
+  productDetailsLinkState: p,
+  actionLabelKey: h = "product_cta",
+  onAction: f,
+  actionDisabled: x = !1,
+  availabilityLabel: u,
+  fallbackLanguage: i,
+  testId: g
+}) {
+  const { t: l, i18n: s } = B(), r = m(t.name, s.language, i), v = m(t.description, s.language, i), n = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", o = C(t.primaryImageStyle), c = j(t.availabilityStatus);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "flex h-full flex-col gap-2 rounded-2xl border border-slate-200 bg-white p-4 shadow-sm",
+      "data-testid": g,
+      children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-1 items-stretch gap-4", children: [
+          /* @__PURE__ */ e("div", { className: "w-24 shrink-0 sm:w-28", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: y("relative h-full min-h-20 overflow-hidden rounded-xl", o.className),
+              style: o.style,
+              children: n ? /* @__PURE__ */ e("img", { src: n, alt: r, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(w, { className: "h-7 w-7", "aria-hidden": "true" }) })
+            }
+          ) }),
+          /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r }) }),
+            /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: v }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+          /* @__PURE__ */ e(P, { variant: c.variant, children: /* @__PURE__ */ e("span", { children: u ?? l(c.labelKey) }) }),
+          /* @__PURE__ */ e(I, { prices: t.prices }),
+          /* @__PURE__ */ e("span", { className: "text-slate-400", children: "·" }),
+          /* @__PURE__ */ e(
+            N,
+            {
+              to: d,
+              state: p,
+              className: "text-xs font-medium text-slate-700 hover:text-slate-950",
+              children: /* @__PURE__ */ e("span", { children: l("product_details_link") })
+            }
+          ),
+          /* @__PURE__ */ a(
+            z,
+            {
+              type: "button",
+              size: "sm",
+              className: "ml-auto rounded-full gap-2 text-xs",
+              onClick: f,
+              disabled: x,
+              children: [
+                /* @__PURE__ */ e("span", { children: l(h) }),
+                /* @__PURE__ */ e(b, { className: "h-4 w-4", "aria-hidden": "true" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  F as BikeProductCard
+};

package/dist/components/BookingBikeVariantDialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../BookingBikeVariantDialog'
+export {}