@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/components/BookingPeriodSelector/components/internal/ModalDayPickerField.js

@@ -0,0 +1,302 @@
+import { jsxs as te, jsx as A } from "react/jsx-runtime";
+import { CalendarDays as re } from "lucide-react";
+import { createPortal as ne } from "react-dom";
+import { useRef as P, useState as I, useEffect as L, useLayoutEffect as oe } from "react";
+import { cn as B, DayPicker as ie } from "@rpcbase/ui";
+function H(n) {
+  return String(n).padStart(2, "0");
+}
+function $(n) {
+  return new Date(n.getFullYear(), n.getMonth(), n.getDate());
+}
+function W(n) {
+  return new Date(n.getFullYear(), n.getMonth(), 1);
+}
+function S(n, t) {
+  return !n || !t ? !1 : n.getFullYear() === t.getFullYear() && n.getMonth() === t.getMonth() && n.getDate() === t.getDate();
+}
+function N(n) {
+  return `${H(n.getDate())}/${H(n.getMonth() + 1)}/${n.getFullYear()}`;
+}
+function se(n) {
+  const t = n.replace(/\D/g, "").slice(0, 8);
+  return t.length <= 2 ? t : t.length <= 4 ? `${t.slice(0, 2)}/${t.slice(2)}` : `${t.slice(0, 2)}/${t.slice(2, 4)}/${t.slice(4)}`;
+}
+function x(n) {
+  const t = n.trim();
+  if (!t)
+    return null;
+  const m = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(t);
+  if (m) {
+    const a = Number(m[1]), l = Number(m[2]), i = Number(m[3]), o = new Date(i, l - 1, a);
+    return Number.isNaN(o.getTime()) || o.getFullYear() !== i || o.getMonth() !== l - 1 || o.getDate() !== a ? null : $(o);
+  }
+  const c = /^(\d{2})\/(\d{2})\/(\d{2})$/.exec(t);
+  if (c) {
+    const a = Number(c[1]), l = Number(c[2]), i = 2e3 + Number(c[3]), o = new Date(i, l - 1, a);
+    return Number.isNaN(o.getTime()) || o.getFullYear() !== i || o.getMonth() !== l - 1 || o.getDate() !== a ? null : $(o);
+  }
+  const h = /^(\d{2})\/(\d{2})$/.exec(t);
+  if (h) {
+    const a = Number(h[1]), l = Number(h[2]), i = (/* @__PURE__ */ new Date()).getFullYear(), o = new Date(i, l - 1, a);
+    return Number.isNaN(o.getTime()) || o.getFullYear() !== i || o.getMonth() !== l - 1 || o.getDate() !== a ? null : $(o);
+  }
+  return null;
+}
+function ce(n, t) {
+  if (!t)
+    return !1;
+  const m = Array.isArray(t) ? t : [t];
+  for (const c of m) {
+    if (c instanceof Date) {
+      if (S(n, c))
+        return !0;
+      continue;
+    }
+    if (typeof c == "function" && c(n))
+      return !0;
+  }
+  return !1;
+}
+function ue(n, t, m) {
+  const c = n.getBoundingClientRect(), h = t.offsetWidth, a = t.offsetHeight, l = m.getBoundingClientRect(), i = window.innerWidth, o = window.innerHeight, u = 8;
+  let g = c.left;
+  g + h > i - u && (g = Math.max(u, i - h - u)), g < u && (g = u);
+  let w = c.bottom + u;
+  const T = w + a > o - u, F = c.top - a - u;
+  return T && F >= u && (w = F), w < u && (w = u), w + a > o - u && (w = Math.max(u, o - a - u)), {
+    left: g - l.left,
+    top: w - l.top,
+    strategy: "absolute"
+  };
+}
+function me({
+  id: n,
+  value: t,
+  onChange: m,
+  onValueUpdate: c,
+  className: h,
+  inputClassName: a,
+  placeholder: l = "DD/MM/YYYY",
+  disabled: i,
+  readOnly: o,
+  open: u,
+  onOpenChange: g,
+  openOnFocus: w = !0,
+  dayPickerComponent: T,
+  dayPickerProps: F,
+  triggerTestId: q,
+  isHydrated: j,
+  portalContainer: E,
+  onFocus: G,
+  onBlur: J,
+  onKeyDown: Q,
+  ...V
+}) {
+  const M = P(null), k = P(null), y = P(null), [X, z] = I(!1), [b, D] = I(() => t ? N(t) : ""), [Z, O] = I(() => W(t ?? /* @__PURE__ */ new Date())), [C, _] = I({ left: 0, top: 0, strategy: "absolute" }), K = P(!1), R = P(!1), d = u ?? X;
+  L(() => {
+    K.current || D(t ? N(t) : "");
+  }, [t]), L(() => {
+    d && O(W(x(b) ?? t ?? /* @__PURE__ */ new Date()));
+  }, [b, d, t]), L(() => {
+    if (!d)
+      return;
+    const e = (s) => {
+      const f = s.target;
+      f instanceof Node && (M.current?.contains(f) || y.current?.contains(f) || (g?.(!1), z(!1)));
+    }, r = (s) => {
+      if (s.key !== "Escape")
+        return;
+      const f = s.target;
+      f instanceof Node && (!M.current?.contains(f) && !y.current?.contains(f) || (s.preventDefault(), s.stopPropagation(), g?.(!1), z(!1)));
+    };
+    return document.addEventListener("pointerdown", e, !0), window.addEventListener("keydown", r, !0), () => {
+      document.removeEventListener("pointerdown", e, !0), window.removeEventListener("keydown", r, !0);
+    };
+  }, [d, g]), L(() => {
+    if (!d || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const e = M.current;
+    if (!e)
+      return;
+    let r = !0;
+    const s = new IntersectionObserver((f) => {
+      if (!r)
+        return;
+      const v = f[0];
+      v && !v.isIntersecting && p(!1);
+    });
+    return s.observe(e), () => {
+      r = !1, s.disconnect();
+    };
+  }, [d]), oe(() => {
+    if (!d || i || !E)
+      return;
+    const e = () => {
+      !k.current || !y.current || _(ue(k.current, y.current, E));
+    };
+    e();
+    const r = window.requestAnimationFrame(e);
+    return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+      window.cancelAnimationFrame(r), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+    };
+  }, [i, d, E]);
+  const p = (e) => {
+    g?.(e), z(e);
+  }, Y = (e) => {
+    c?.(e), m(e);
+  }, U = T ?? ie, ee = x(b) ?? t ?? void 0;
+  return /* @__PURE__ */ te("div", { ref: M, "data-slot": "day-picker-input", className: B("relative group", h), children: [
+    /* @__PURE__ */ A(
+      "input",
+      {
+        ...V,
+        ref: k,
+        id: n,
+        type: "text",
+        "data-testid": q,
+        "data-hydrated": j ? "true" : void 0,
+        autoComplete: "off",
+        disabled: i,
+        readOnly: o,
+        placeholder: l,
+        value: b,
+        className: B(
+          "flex h-10 w-full rounded-md border border-input bg-background py-2 pr-3 pl-[37px] 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",
+          "transition-colors group-hover:bg-accent group-hover:text-accent-foreground",
+          d && "ring-2 ring-primary ring-offset-2",
+          a
+        ),
+        onChange: (e) => {
+          const r = se(e.currentTarget.value);
+          if (D(r), !r) {
+            c?.(null);
+            return;
+          }
+          const s = x(r);
+          s && c?.(s);
+        },
+        onFocus: (e) => {
+          K.current = !0, G?.(e);
+          const r = e.currentTarget;
+          requestAnimationFrame(() => {
+            r.select();
+          }), !i && w && p(!0);
+        },
+        onClick: () => {
+          i || p(!0);
+        },
+        onKeyDown: (e) => {
+          if (Q?.(e), !(e.defaultPrevented || i)) {
+            if (e.key === "Enter") {
+              const r = x(b);
+              if (!r)
+                return;
+              e.preventDefault(), D(N(r)), S(r, t) || Y(r), p(!1);
+              return;
+            }
+            if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+              const r = x(b) ?? t;
+              if (!r)
+                return;
+              const s = $(r);
+              if (s.setDate(s.getDate() + (e.key === "ArrowUp" ? 1 : -1)), ce(s, F?.disabled))
+                return;
+              e.preventDefault(), D(N(s)), c?.(s), p(!0);
+              return;
+            }
+            !d && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && p(!0), e.key === "Tab" && p(!1);
+          }
+        },
+        onBlur: (e) => {
+          if (K.current = !1, J?.(e), R.current) {
+            R.current = !1;
+            return;
+          }
+          const r = e.relatedTarget;
+          if (r instanceof Node && (M.current?.contains(r) || y.current?.contains(r)))
+            return;
+          requestAnimationFrame(() => {
+            const v = document.activeElement;
+            v instanceof Node && (M.current?.contains(v) || y.current?.contains(v)) || p(!1);
+          });
+          const s = b.trim();
+          if (!s) {
+            t && (D(""), Y(null));
+            return;
+          }
+          const f = x(s);
+          if (f) {
+            D(N(f)), S(f, t) || Y(f);
+            return;
+          }
+          D(t ? N(t) : "");
+        }
+      }
+    ),
+    /* @__PURE__ */ A(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        disabled: i,
+        "aria-label": "Open calendar",
+        "data-slot": "day-picker-input-trigger",
+        className: "absolute left-[13px] top-1/2 -translate-y-1/2 text-muted-foreground transition-colors group-hover:text-accent-foreground",
+        onPointerDown: (e) => {
+          e.preventDefault(), k.current?.focus({ preventScroll: !0 });
+        },
+        onMouseDown: (e) => {
+          e.preventDefault(), k.current?.focus({ preventScroll: !0 });
+        },
+        onClick: () => {
+          i || (k.current?.focus({ preventScroll: !0 }), p(!0));
+        },
+        children: /* @__PURE__ */ A(re, { "aria-hidden": !0, className: "size-4" })
+      }
+    ),
+    d && !i && E ? ne(
+      /* @__PURE__ */ A(
+        "div",
+        {
+          ref: y,
+          "data-slot": "day-picker-input-popover",
+          className: "pointer-events-auto rounded-md border bg-popover text-popover-foreground shadow-md",
+          style: {
+            position: C.strategy,
+            left: C.left,
+            top: C.top
+          },
+          onPointerDownCapture: () => {
+            R.current = !0;
+          },
+          onMouseDownCapture: () => {
+            R.current = !0;
+          },
+          children: /* @__PURE__ */ A(
+            U,
+            {
+              mode: "single",
+              month: Z,
+              onMonthChange: O,
+              selected: ee,
+              onSelect: (e) => {
+                if (!e) {
+                  t && Y(null), D(""), p(!1);
+                  return;
+                }
+                const r = $(e);
+                D(N(r)), S(r, t) || Y(r), p(!1);
+              },
+              ...F
+            }
+          )
+        }
+      ),
+      E
+    ) : null
+  ] });
+}
+export {
+  me as ModalDayPickerField
+};

package/dist/components/BookingPeriodSelector/components/internal/ModalHourPickerField.js

@@ -0,0 +1,368 @@
+import { jsx as h, jsxs as B } from "react/jsx-runtime";
+import { ChevronDown as Q, Check as X } from "lucide-react";
+import { createPortal as Z } from "react-dom";
+import { useRef as T, useState as R, useEffect as S, useLayoutEffect as U } from "react";
+import { cn as K } from "@rpcbase/ui";
+function V(s) {
+  return s == null ? !1 : !s.disabled;
+}
+function q(s) {
+  const t = /^(\d{1,2}):(\d{2})$/.exec(s.trim());
+  if (!t)
+    return null;
+  const u = Number(t[1]), o = Number(t[2]);
+  return !Number.isFinite(u) || !Number.isFinite(o) || u < 0 || u > 23 || o < 0 || o > 59 ? null : u * 60 + o;
+}
+function Y(s) {
+  const t = /^(\d{1,2}):(\d{2})$/.exec(s.trim());
+  if (!t)
+    return null;
+  const u = Number(t[1]), o = Number(t[2]);
+  return !Number.isFinite(u) || !Number.isFinite(o) || u < 0 || u > 23 || o < 0 || o > 59 ? null : `${String(u).padStart(2, "0")}:${String(o).padStart(2, "0")}`;
+}
+function ee(s) {
+  const t = s.replace(/\D/g, "").slice(0, 4);
+  return t.length <= 2 ? t : `${t.slice(0, t.length - 2)}:${t.slice(-2)}`;
+}
+function L(s, t) {
+  if (!s)
+    return null;
+  const u = Y(s);
+  if (!u)
+    return null;
+  const o = t.find((n) => n.value === u);
+  return V(o) ? u : null;
+}
+function O(s) {
+  return s.find((t) => V(t)) ?? null;
+}
+function W(s, t) {
+  const u = q(s);
+  if (u == null)
+    return null;
+  let o = null, n = Number.POSITIVE_INFINITY, m = Number.NEGATIVE_INFINITY;
+  for (const b of t) {
+    if (!V(b))
+      continue;
+    const p = q(b.value);
+    if (p == null)
+      continue;
+    const i = Math.abs(p - u);
+    (i < n || i === n && p > m) && (o = b, n = i, m = p);
+  }
+  return o;
+}
+function te(s, t, u) {
+  let o = s ? u.findIndex((n) => n.value === s) : -1;
+  o === -1 && (o = t === 1 ? -1 : u.length);
+  for (let n = o + t; n >= 0 && n < u.length; n += t) {
+    const m = u[n];
+    if (V(m))
+      return m.value;
+  }
+  return null;
+}
+function re(s, t, u) {
+  const o = s.getBoundingClientRect(), n = t.offsetHeight, m = u.getBoundingClientRect(), b = window.innerWidth, p = window.innerHeight, i = 8, x = o.width;
+  let y = o.left;
+  y + x > b - i && (y = Math.max(i, b - x - i)), y < i && (y = i);
+  let f = o.bottom + i;
+  const z = f + n > p - i, F = o.top - n - i;
+  return z && F >= i && (f = F), f < i && (f = i), f + n > p - i && (f = Math.max(i, p - n - i)), {
+    left: y - m.left,
+    top: f - m.top,
+    width: x,
+    strategy: "absolute"
+  };
+}
+function se({
+  id: s,
+  value: t,
+  onChange: u,
+  onValueUpdate: o,
+  options: n,
+  placeholder: m = "Select time",
+  className: b,
+  inputClassName: p,
+  disabled: i,
+  readOnly: x,
+  open: y,
+  onOpenChange: f,
+  triggerTestId: z,
+  contentTestId: F,
+  isHydrated: _,
+  portalContainer: P
+}) {
+  const k = T(null), E = T(null), N = T(null), v = T(null), [G, $] = R(!1), [D, w] = R(() => t ?? ""), [I, g] = R(t ?? O(n)?.value ?? null), [A, J] = R({ left: 0, top: 0, width: 0, strategy: "absolute" }), C = T(!1), H = T(!1), a = y ?? G;
+  S(() => {
+    C.current || w(t ?? "");
+  }, [t]), S(() => {
+    if (!a) {
+      g(t ?? O(n)?.value ?? null);
+      return;
+    }
+    const e = L(t, n);
+    g(e ?? O(n)?.value ?? null);
+  }, [a, n, t]), S(() => {
+    if (!a || i || x)
+      return;
+    const e = E.current;
+    e instanceof HTMLInputElement && document.activeElement !== e && e.focus({ preventScroll: !0 });
+  }, [i, a, x]), S(() => {
+    if (!a)
+      return;
+    const e = (l) => {
+      const c = l.target;
+      c instanceof Node && (k.current?.contains(c) || N.current?.contains(c) || (f?.(!1), $(!1)));
+    }, r = (l) => {
+      if (l.key !== "Escape")
+        return;
+      const c = l.target;
+      c instanceof Node && (!k.current?.contains(c) && !N.current?.contains(c) || (l.preventDefault(), l.stopPropagation(), f?.(!1), $(!1)));
+    };
+    return document.addEventListener("pointerdown", e, !0), window.addEventListener("keydown", r, !0), () => {
+      document.removeEventListener("pointerdown", e, !0), window.removeEventListener("keydown", r, !0);
+    };
+  }, [a, f]), S(() => {
+    if (!a || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const e = k.current;
+    if (!e)
+      return;
+    let r = !0;
+    const l = new IntersectionObserver((c) => {
+      if (!r)
+        return;
+      const M = c[0];
+      M && !M.isIntersecting && d(!1);
+    });
+    return l.observe(e), () => {
+      r = !1, l.disconnect();
+    };
+  }, [a]), U(() => {
+    if (!a || i || !P)
+      return;
+    const e = () => {
+      !E.current || !N.current || J(re(E.current, N.current, P));
+    };
+    e();
+    const r = window.requestAnimationFrame(e);
+    return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+      window.cancelAnimationFrame(r), window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+    };
+  }, [i, a, P]), S(() => {
+    if (!a || !v.current || !I)
+      return;
+    const e = v.current.querySelector(`[role="option"][data-value="${I}"]`);
+    if (!e)
+      return;
+    const r = e.offsetTop - 8, l = e.offsetTop + e.offsetHeight + 8;
+    if (r < v.current.scrollTop) {
+      v.current.scrollTop = Math.max(0, r);
+      return;
+    }
+    const c = v.current.scrollTop + v.current.clientHeight;
+    l > c && (v.current.scrollTop = Math.max(0, l - v.current.clientHeight));
+  }, [I, a]);
+  const d = (e) => {
+    f?.(e), $(e);
+  }, j = (e) => {
+    o?.(e), u(e);
+  };
+  return /* @__PURE__ */ h("div", { "data-slot": "hours-picker-input", className: K("w-[150px]", b), ref: k, children: /* @__PURE__ */ B("div", { className: "relative group", children: [
+    /* @__PURE__ */ h(
+      "input",
+      {
+        ref: E,
+        id: s,
+        type: "text",
+        "data-testid": z,
+        "data-hydrated": _ ? "true" : void 0,
+        autoComplete: "off",
+        disabled: i,
+        readOnly: x,
+        placeholder: m,
+        value: D,
+        className: K(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 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",
+          "transition-colors group-hover:bg-accent group-hover:text-accent-foreground",
+          !D && "text-muted-foreground",
+          a && "ring-2 ring-primary ring-offset-2",
+          p
+        ),
+        onChange: (e) => {
+          const r = ee(e.currentTarget.value);
+          if (w(r), !r) {
+            o?.(null);
+            return;
+          }
+          const l = L(r, n);
+          if (l) {
+            g(l), o?.(l);
+            return;
+          }
+          const c = Y(r);
+          if (!c)
+            return;
+          const M = W(c, n);
+          M && g(M.value);
+        },
+        onFocus: (e) => {
+          C.current = !0;
+          const r = e.currentTarget;
+          requestAnimationFrame(() => {
+            r.select();
+          }), i || d(!0);
+        },
+        onClick: () => {
+          i || d(!0);
+        },
+        onKeyDown: (e) => {
+          if (!i) {
+            if (e.key === "Tab") {
+              d(!1);
+              return;
+            }
+            if (e.key === "Escape") {
+              if (!a)
+                return;
+              e.preventDefault(), d(!1);
+              return;
+            }
+            if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+              if (e.preventDefault(), !a) {
+                d(!0);
+                return;
+              }
+              const r = te(
+                I ?? t,
+                e.key === "ArrowDown" ? 1 : -1,
+                n
+              );
+              if (!r)
+                return;
+              g(r), w(r), o?.(r);
+              return;
+            }
+            if (e.key === "Enter") {
+              const r = I ?? L(D, n) ?? W(D, n)?.value ?? O(n)?.value ?? null;
+              if (!r)
+                return;
+              e.preventDefault(), w(r), g(r), j(r), d(!1);
+              return;
+            }
+            !a && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && d(!0);
+          }
+        },
+        onBlur: (e) => {
+          if (C.current = !1, H.current) {
+            H.current = !1;
+            return;
+          }
+          const r = e.relatedTarget;
+          if (r instanceof Node && (k.current?.contains(r) || N.current?.contains(r)))
+            return;
+          if (requestAnimationFrame(() => {
+            const c = document.activeElement;
+            c instanceof Node && (k.current?.contains(c) || N.current?.contains(c)) || d(!1);
+          }), !D.trim()) {
+            w(t ?? "");
+            return;
+          }
+          const l = L(D, n);
+          if (l) {
+            w(l), g(l), t !== l && j(l);
+            return;
+          }
+          w(t ?? "");
+        }
+      }
+    ),
+    /* @__PURE__ */ h(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        disabled: i,
+        "data-slot": "hours-picker-input-toggle",
+        className: "absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+        "aria-label": a ? "Close time picker" : "Open time picker",
+        onPointerDown: (e) => {
+          e.preventDefault();
+        },
+        onMouseDown: (e) => {
+          e.preventDefault();
+        },
+        onClick: () => {
+          i || (d(!a), E.current?.focus({ preventScroll: !0 }));
+        },
+        children: /* @__PURE__ */ h(Q, { "aria-hidden": !0, className: "size-4" })
+      }
+    ),
+    a ? Z(
+      /* @__PURE__ */ h(
+        "div",
+        {
+          ref: N,
+          "data-testid": F,
+          "data-state": "open",
+          className: "pointer-events-auto overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+          style: {
+            position: A.strategy,
+            left: A.left,
+            top: A.top,
+            width: A.width
+          },
+          onPointerDownCapture: () => {
+            H.current = !0;
+          },
+          onMouseDownCapture: () => {
+            H.current = !0;
+          },
+          children: /* @__PURE__ */ h("div", { ref: v, role: "listbox", className: "max-h-64 overflow-y-auto p-1", children: n.map((e) => {
+            const r = e.value === t, l = e.value === I;
+            return /* @__PURE__ */ B(
+              "div",
+              {
+                role: "option",
+                "aria-selected": r,
+                "data-value": e.value,
+                "data-state": r ? "checked" : "unchecked",
+                "data-disabled": e.disabled ? "" : void 0,
+                className: K(
+                  "relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+                  e.disabled ? "pointer-events-none opacity-50" : "cursor-pointer",
+                  l && "bg-accent text-accent-foreground"
+                ),
+                onMouseDown: (c) => {
+                  c.preventDefault();
+                },
+                onClick: () => {
+                  e.disabled || (w(e.value), g(e.value), j(e.value), d(!1), E.current?.focus({ preventScroll: !0 }));
+                },
+                onPointerEnter: () => {
+                  e.disabled || g(e.value);
+                },
+                onPointerMove: () => {
+                  e.disabled || g(e.value);
+                },
+                children: [
+                  /* @__PURE__ */ h("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: r ? /* @__PURE__ */ h(X, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
+                  /* @__PURE__ */ B("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ h("span", { children: e.label }),
+                    e.description != null ? /* @__PURE__ */ h("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: e.description }) : null
+                  ] })
+                ]
+              },
+              e.value
+            );
+          }) })
+        }
+      ),
+      P
+    ) : null
+  ] }) });
+}
+export {
+  se as ModalHourPickerField
+};

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

@@ -0,0 +1,12 @@
+import { BookingPeriodControllerOptions } from './useBookingPeriodController';
+type BookingPeriodSelectorProps = BookingPeriodControllerOptions & {
+    className?: string;
+};
+export declare const BookingPeriodSelector: ({ className, ...options }: BookingPeriodSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export { BookingPeriodProvider, useBookingPeriod } from './BookingPeriodContext';
+export type { BookingPeriodControllerOptions, BookingPeriodControllerValue, BookingPeriodLabels } from './useBookingPeriodController';
+export { BookingStartDateField } from './components/BookingStartDateField';
+export { BookingStartTimeField } from './components/BookingStartTimeField';
+export { BookingEndDateField } from './components/BookingEndDateField';
+export { BookingEndTimeField } from './components/BookingEndTimeField';
+//# sourceMappingURL=index.d.ts.map