docthub-core-components 3.3.1 → 3.3.3

package/dist/components/overrides/ui/mobile-number-dialog/mobile-number-dialog.js

@@ -0,0 +1,268 @@
+"use client";
+import { jsx as o, jsxs as E, Fragment as de } from "react/jsx-runtime";
+import { c as D } from "react-compiler-runtime";
+import { Smartphone as fe, X as ue } from "lucide-react";
+import * as ie from "react";
+import { DoctButton as z } from "../../../ui/button.js";
+import { DialogHeader as me, DialogTitle as he, DialogContent as be, Dialog as pe } from "../../../ui/dialog.js";
+import { DrawerHeader as ge, DrawerTitle as Ne, DrawerContent as ve, Drawer as _e } from "../../../ui/drawer.js";
+import { DoctTypography as H } from "../../../ui/typography.js";
+import { useIsMobile as xe } from "../../../../hooks/use-mobile.js";
+import { cn as se } from "../../../../lib/utils.js";
+import { DoctPhoneInput as De } from "../inputs/phone-input.js";
+import { MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE as Me, buildMobileNumberDisplay as ye, MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER as Le, MOBILE_NUMBER_DIALOG_BODY_TITLE as Ce, MOBILE_NUMBER_DIALOG_HEADER_TITLE as Ee, MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE as ae, MOBILE_NUMBER_DIALOG_PRIMARY_LABEL as we, buildLoginWithMobileNumberLabel as Ae, MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT as Ie, isMobileNumberDialogPrimaryDisabled as Oe, MOBILE_NUMBER_DIALOG_SECONDARY_LABEL as Be } from "./presets.js";
+import { MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS as oe } from "./types.js";
+const Re = "[&>div:first-child]:pointer-events-none [&>div:first-child]:sr-only [&>div:first-child]:m-0 [&>div:first-child]:h-0 [&>div:first-child]:w-0 [&>div:first-child]:overflow-hidden", Te = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
+function ke(r) {
+  const e = D(3), {
+    onClose: i
+  } = r;
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ o(ue, { className: "size-6", "aria-hidden": !0 }), e[0] = t) : t = e[0];
+  let l;
+  return e[1] !== i ? (l = /* @__PURE__ */ o(z, { type: "button", variant: "ghost", onClick: i, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Close", icon: t }), e[1] = i, e[2] = l) : l = e[2], l;
+}
+function Se(r) {
+  const e = D(7), {
+    title: i,
+    onClose: t
+  } = r;
+  let l;
+  e[0] !== i ? (l = /* @__PURE__ */ o("div", { className: "flex min-h-12 min-w-0 flex-1 items-center py-[18px]", children: /* @__PURE__ */ o(H, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: i }) }), e[0] = i, e[1] = l) : l = e[1];
+  let n;
+  e[2] !== t ? (n = /* @__PURE__ */ o(ke, { onClose: t }), e[2] = t, e[3] = n) : n = e[3];
+  let s;
+  return e[4] !== l || e[5] !== n ? (s = /* @__PURE__ */ E("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden pl-4", children: [
+    l,
+    n
+  ] }), e[4] = l, e[5] = n, e[6] = s) : s = e[6], s;
+}
+function Pe(r) {
+  const e = D(4), {
+    icon: i
+  } = r;
+  let t;
+  e[0] !== i ? (t = i ?? /* @__PURE__ */ o(fe, { className: "size-6 text-white", strokeWidth: 1.75, "aria-hidden": !0 }), e[0] = i, e[1] = t) : t = e[1];
+  let l;
+  return e[2] !== t ? (l = /* @__PURE__ */ o("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[#00A0C0] px-3", children: t }), e[2] = t, e[3] = l) : l = e[3], l;
+}
+function Fe() {
+  const r = D(1);
+  let e;
+  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ o(H, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: ae }), r[0] = e) : e = r[0], e;
+}
+function Ue(r) {
+  const e = D(3), {
+    message: i,
+    isDefaultMessage: t
+  } = r;
+  let l;
+  return e[0] !== t || e[1] !== i ? (l = /* @__PURE__ */ o("div", { className: "w-full self-stretch rounded-xl bg-[rgba(67,137,255,0.12)] p-[14px]", children: t ? /* @__PURE__ */ o(Fe, {}) : /* @__PURE__ */ o(H, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: i }) }), e[0] = t, e[1] = i, e[2] = l) : l = e[2], l;
+}
+function ne(r) {
+  const e = D(14), {
+    countryCode: i,
+    placeholder: t,
+    value: l,
+    onChange: n,
+    onCountryCodeChange: s,
+    error: m
+  } = r;
+  let d;
+  e[0] !== i ? (d = i.replace(/\D/g, "") || void 0, e[0] = i, e[1] = d) : d = e[1];
+  const f = d;
+  let a;
+  e[2] !== s ? (a = (M) => s == null ? void 0 : s(`+${M}`), e[2] = s, e[3] = a) : a = e[3];
+  const c = !m && "[&>div>button]:border-black/10 [&>div>input]:border-black/10";
+  let h;
+  e[4] !== c ? (h = se("w-full space-y-1 [&>div>button]:h-[44px] [&>div>button]:rounded-l-lg [&>div>input]:h-[44px] [&>div>input]:rounded-r-lg [&>div>input]:shadow-none [&>div>input]:placeholder:text-black/40 [&>div>input]:focus-visible:ring-0", c), e[4] = c, e[5] = h) : h = e[5];
+  let p;
+  return e[6] !== m || e[7] !== f || e[8] !== n || e[9] !== t || e[10] !== a || e[11] !== h || e[12] !== l ? (p = /* @__PURE__ */ o(De, { countryCode: f, placeholder: t, value: l, onPhoneChange: n, onCountryCodeChange: a, error: m, "aria-label": "Mobile number", className: h }), e[6] = m, e[7] = f, e[8] = n, e[9] = t, e[10] = a, e[11] = h, e[12] = l, e[13] = p) : p = e[13], p;
+}
+function Ge(r) {
+  const e = D(7), {
+    phoneDisplay: i
+  } = r;
+  let t;
+  e[0] !== i ? (t = Ae(i), e[0] = i, e[1] = t) : t = e[1];
+  let l;
+  e[2] !== t ? (l = /* @__PURE__ */ o(z, { type: "button", variant: "outline", size: "medium", fullWidth: !0, children: t }), e[2] = t, e[3] = l) : l = e[3];
+  let n;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ o(H, { as: "p", variant: "body5", weight: "regular", className: "w-full !text-center !text-black/44", children: Ie }), e[4] = n) : n = e[4];
+  let s;
+  return e[5] !== l ? (s = /* @__PURE__ */ E("div", { className: "flex w-full flex-col items-center gap-1.5 rounded-xl bg-black/[0.04] p-3", children: [
+    l,
+    n
+  ] }), e[5] = l, e[6] = s) : s = e[6], s;
+}
+function $e(r) {
+  const e = D(11), {
+    trigger: i,
+    state: t
+  } = r, l = we[i][t];
+  let n;
+  e[0] !== t ? (n = Oe(t), e[0] = t, e[1] = n) : n = e[1];
+  const s = n;
+  if (i === "action") {
+    const a = s ? "disabled" : "primary";
+    let c;
+    return e[2] !== s || e[3] !== l || e[4] !== a ? (c = /* @__PURE__ */ o(z, { type: "button", size: "medium", fullWidth: !0, variant: a, disabled: s, children: l }), e[2] = s, e[3] = l, e[4] = a, e[5] = c) : c = e[5], c;
+  }
+  let m;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ o(z, { type: "button", size: "medium", variant: "secondary", className: "shrink-0", children: Be }), e[6] = m) : m = e[6];
+  const d = s ? "disabled" : "primary";
+  let f;
+  return e[7] !== s || e[8] !== l || e[9] !== d ? (f = /* @__PURE__ */ E("div", { className: "flex w-full items-start gap-2.5", children: [
+    m,
+    /* @__PURE__ */ o(z, { type: "button", size: "medium", fullWidth: !0, variant: d, disabled: s, className: "min-w-0 flex-1", children: l })
+  ] }), e[7] = s, e[8] = l, e[9] = d, e[10] = f) : f = e[10], f;
+}
+function re(r) {
+  const e = D(35), {
+    trigger: i,
+    state: t,
+    headerTitle: l,
+    bodyTitle: n,
+    infoMessage: s,
+    isDefaultInfoMessage: m,
+    phoneNumber: d,
+    onPhoneNumberChange: f,
+    existingAccountErrorMessage: a,
+    phoneDisplay: c,
+    phonePlaceholder: h,
+    countryCode: p,
+    onCountryCodeChange: M,
+    icon: w,
+    onClose: $,
+    className: A,
+    surface: I
+  } = r, O = t === "existingAccount", N = I === "drawer" ? "h-auto max-w-none rounded-t-[16px]" : "max-w-[320px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
+  let L;
+  e[0] !== A || e[1] !== N ? (L = se(Te, N, A), e[0] = A, e[1] = N, e[2] = L) : L = e[2];
+  const y = L;
+  let C;
+  e[3] !== l || e[4] !== $ ? (C = /* @__PURE__ */ o(Se, { title: l, onClose: $ }), e[3] = l, e[4] = $, e[5] = C) : C = e[5];
+  let g;
+  e[6] !== w ? (g = /* @__PURE__ */ o(Pe, { icon: w }), e[6] = w, e[7] = g) : g = e[7];
+  let u;
+  e[8] !== n ? (u = /* @__PURE__ */ o(H, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: n }), e[8] = n, e[9] = u) : u = e[9];
+  let v;
+  e[10] !== s || e[11] !== m ? (v = /* @__PURE__ */ o(Ue, { message: s, isDefaultMessage: m }), e[10] = s, e[11] = m, e[12] = v) : v = e[12];
+  let _;
+  e[13] !== p || e[14] !== a || e[15] !== O || e[16] !== M || e[17] !== f || e[18] !== c || e[19] !== d || e[20] !== h ? (_ = /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start gap-4", children: O ? /* @__PURE__ */ E(de, { children: [
+    /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start gap-1.5", children: /* @__PURE__ */ o(ne, { countryCode: p, placeholder: h, value: d, onChange: f, onCountryCodeChange: M, error: a }) }),
+    /* @__PURE__ */ o(Ge, { phoneDisplay: c })
+  ] }) : /* @__PURE__ */ o(ne, { countryCode: p, placeholder: h, value: d, onChange: f, onCountryCodeChange: M }) }), e[13] = p, e[14] = a, e[15] = O, e[16] = M, e[17] = f, e[18] = c, e[19] = d, e[20] = h, e[21] = _) : _ = e[21];
+  let x;
+  e[22] !== g || e[23] !== u || e[24] !== v || e[25] !== _ ? (x = /* @__PURE__ */ E("div", { className: "flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", children: [
+    g,
+    u,
+    v,
+    _
+  ] }), e[22] = g, e[23] = u, e[24] = v, e[25] = _, e[26] = x) : x = e[26];
+  let b;
+  e[27] !== t || e[28] !== i ? (b = /* @__PURE__ */ o("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ o($e, { trigger: i, state: t }) }), e[27] = t, e[28] = i, e[29] = b) : b = e[29];
+  let B;
+  return e[30] !== y || e[31] !== C || e[32] !== x || e[33] !== b ? (B = /* @__PURE__ */ E("div", { className: y, children: [
+    C,
+    x,
+    b
+  ] }), e[30] = y, e[31] = C, e[32] = x, e[33] = b, e[34] = B) : B = e[34], B;
+}
+function ce(r) {
+  const e = D(54), {
+    open: i,
+    onOpenChange: t,
+    trigger: l,
+    state: n,
+    headerTitle: s,
+    bodyTitle: m,
+    infoMessage: d,
+    phoneNumber: f,
+    onPhoneNumberChange: a,
+    onCountryCodeChange: c,
+    existingAccountErrorMessage: h,
+    phonePlaceholder: p,
+    countryCode: M,
+    icon: w,
+    isMobileOverride: $,
+    className: A
+  } = r, I = l === void 0 ? "action" : l, O = n === void 0 ? "addNumber" : n, N = f === void 0 ? "" : f, L = p === void 0 ? Le : p, y = M === void 0 ? Me : M, C = xe(), g = $ ?? C, u = s ?? Ee[I], v = m ?? Ce[I], _ = d ?? ae, x = d == null, [b, B] = ie.useState(y);
+  let W;
+  e[0] !== b || e[1] !== N ? (W = ye(b, N), e[0] = b, e[1] = N, e[2] = W) : W = e[2];
+  const ee = W;
+  let j;
+  e[3] !== t ? (j = () => {
+    t(!1);
+  }, e[3] = t, e[4] = j) : j = e[4];
+  const te = j;
+  let Y, K;
+  e[5] !== y ? (Y = () => {
+    B(y);
+  }, K = [y], e[5] = y, e[6] = Y, e[7] = K) : (Y = e[6], K = e[7]), ie.useEffect(Y, K);
+  let X;
+  e[8] !== c ? (X = (R) => {
+    B(R), c == null || c(R);
+  }, e[8] = c, e[9] = X) : X = e[9];
+  const le = X;
+  let q, J;
+  e[10] !== g || e[11] !== i ? (q = () => {
+    if (g)
+      return i ? document.body.classList.add(oe) : document.body.classList.remove(oe), ze;
+  }, J = [g, i], e[10] = g, e[11] = i, e[12] = q, e[13] = J) : (q = e[12], J = e[13]), ie.useEffect(q, J);
+  let Q;
+  e[14] !== b || e[15] !== A || e[16] !== h || e[17] !== te || e[18] !== le || e[19] !== w || e[20] !== x || e[21] !== a || e[22] !== N || e[23] !== L || e[24] !== v || e[25] !== u || e[26] !== _ || e[27] !== ee || e[28] !== O || e[29] !== I ? (Q = {
+    trigger: I,
+    state: O,
+    headerTitle: u,
+    bodyTitle: v,
+    infoMessage: _,
+    isDefaultInfoMessage: x,
+    phoneNumber: N,
+    onPhoneNumberChange: a,
+    existingAccountErrorMessage: h,
+    phoneDisplay: ee,
+    phonePlaceholder: L,
+    countryCode: b,
+    onCountryCodeChange: le,
+    icon: w,
+    onClose: te,
+    className: A
+  }, e[14] = b, e[15] = A, e[16] = h, e[17] = te, e[18] = le, e[19] = w, e[20] = x, e[21] = a, e[22] = N, e[23] = L, e[24] = v, e[25] = u, e[26] = _, e[27] = ee, e[28] = O, e[29] = I, e[30] = Q) : Q = e[30];
+  const T = Q;
+  if (g) {
+    let R;
+    e[31] === Symbol.for("react.memo_cache_sentinel") ? (R = se(Re, "flex h-auto max-h-[90vh] w-full flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[31] = R) : R = e[31];
+    let F;
+    e[32] !== u ? (F = /* @__PURE__ */ o(ge, { className: "sr-only", children: /* @__PURE__ */ o(Ne, { children: u }) }), e[32] = u, e[33] = F) : F = e[33];
+    let U;
+    e[34] !== T ? (U = /* @__PURE__ */ o(re, { ...T, surface: "drawer" }), e[34] = T, e[35] = U) : U = e[35];
+    let G;
+    e[36] !== F || e[37] !== U ? (G = /* @__PURE__ */ E(ve, { "aria-describedby": void 0, className: R, "data-mobile-number-dialog-drawer-content": !0, children: [
+      F,
+      U
+    ] }), e[36] = F, e[37] = U, e[38] = G) : G = e[38];
+    let Z;
+    return e[39] !== t || e[40] !== i || e[41] !== G ? (Z = /* @__PURE__ */ o(_e, { dismissible: !0, open: i, onOpenChange: t, children: G }), e[39] = t, e[40] = i, e[41] = G, e[42] = Z) : Z = e[42], Z;
+  }
+  let k;
+  e[43] !== u ? (k = /* @__PURE__ */ o(me, { className: "sr-only", children: /* @__PURE__ */ o(he, { children: u }) }), e[43] = u, e[44] = k) : k = e[44];
+  let S;
+  e[45] !== T ? (S = /* @__PURE__ */ o(re, { ...T, surface: "dialog" }), e[45] = T, e[46] = S) : S = e[46];
+  let P;
+  e[47] !== k || e[48] !== S ? (P = /* @__PURE__ */ E(be, { "aria-describedby": void 0, className: "max-w-[320px] overflow-visible rounded-[16px] border-0 bg-transparent p-0 shadow-none outline-none focus:outline-none focus-visible:outline-none", closeOnOutsideClick: !0, showCloseButton: !1, size: "sm", children: [
+    k,
+    S
+  ] }), e[47] = k, e[48] = S, e[49] = P) : P = e[49];
+  let V;
+  return e[50] !== t || e[51] !== i || e[52] !== P ? (V = /* @__PURE__ */ o(pe, { open: i, onOpenChange: t, modal: !0, children: P }), e[50] = t, e[51] = i, e[52] = P, e[53] = V) : V = e[53], V;
+}
+function ze() {
+  return document.body.classList.remove(oe);
+}
+const tt = ce, lt = ce;
+export {
+  lt as DoctAccountConflictPrompt,
+  tt as DoctMobileNumberDialog,
+  ce as MobileNumberDialog
+};

package/dist/components/overrides/ui/mobile-number-dialog/presets.js

@@ -0,0 +1,66 @@
+"use client";
+const L = "+91", o = "Enter number", i = "9825910X0X", e = "+91 9825910X0X", n = "user******@gmail.com", T = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", A = {
+  action: "To continue..",
+  system: "Add mobile number"
+}, N = {
+  action: "Add your mobile number",
+  system: "Keep your account secure"
+}, s = "your accounts will be unified on login";
+function t(_) {
+  return `This phone is already registered with "${_}". Please use different phone number or login with this mobile number`;
+}
+const C = t(n);
+function I(_) {
+  return _ ? `Login with '${_}'` : "Login";
+}
+function c(_, E) {
+  const O = E.trim();
+  return O ? O.startsWith(_) ? O : `${_} ${O}` : _;
+}
+const r = {
+  action: {
+    addNumber: "Continue",
+    existingAccount: "Continue"
+  },
+  system: {
+    addNumber: "Save",
+    existingAccount: "Save"
+  }
+}, M = "Add later";
+function u(_) {
+  return _ === "existingAccount";
+}
+const U = N, D = L, R = C, P = T, B = n, b = e, l = i, F = o, a = A, m = s, d = r, G = M, g = t, S = I, h = c;
+export {
+  U as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
+  D as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
+  R as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  P as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
+  B as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
+  b as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
+  l as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
+  F as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
+  a as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
+  m as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
+  d as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
+  G as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
+  N as MOBILE_NUMBER_DIALOG_BODY_TITLE,
+  L as MOBILE_NUMBER_DIALOG_DEFAULT_COUNTRY_CODE,
+  C as MOBILE_NUMBER_DIALOG_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  T as MOBILE_NUMBER_DIALOG_DEFAULT_INFO_MESSAGE,
+  n as MOBILE_NUMBER_DIALOG_DEFAULT_MASKED_EMAIL,
+  e as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_DISPLAY,
+  i as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_NUMBER,
+  o as MOBILE_NUMBER_DIALOG_DEFAULT_PHONE_PLACEHOLDER,
+  A as MOBILE_NUMBER_DIALOG_HEADER_TITLE,
+  s as MOBILE_NUMBER_DIALOG_LOGIN_UNIFY_HINT,
+  r as MOBILE_NUMBER_DIALOG_PRIMARY_LABEL,
+  M as MOBILE_NUMBER_DIALOG_SECONDARY_LABEL,
+  g as buildExistingAccountError,
+  t as buildExistingMobileNumberError,
+  I as buildLoginWithMobileNumberLabel,
+  S as buildLoginWithPhoneLabel,
+  c as buildMobileNumberDisplay,
+  h as buildPhoneDisplay,
+  u as isMobileNumberDialogPrimaryDisabled
+};

package/dist/components/overrides/ui/mobile-number-dialog/types.js

@@ -0,0 +1,6 @@
+"use client";
+const _ = "login-drawer-backdrop", A = _;
+export {
+  A as ACCOUNT_CONFLICT_PROMPT_DRAWER_BACKDROP_CLASS,
+  _ as MOBILE_NUMBER_DIALOG_DRAWER_BACKDROP_CLASS
+};

package/dist/components/overrides/ui/pickers/date-picker-field.js

@@ -2,8 +2,8 @@
 import { jsxs as C, jsx as l } from "react/jsx-runtime";
 import { c as Pe } from "react-compiler-runtime";
 import H from "dayjs";
-import Ae from "dayjs/plugin/customParseFormat";
-import Ce from "dayjs/plugin/localizedFormat";
+import Ae from "dayjs/plugin/customParseFormat.js";
+import Ce from "dayjs/plugin/localizedFormat.js";
 import { X as Ie, CalendarDays as Ee, ChevronLeft as Ve, ChevronRight as je } from "lucide-react";
 import * as o from "react";
 import { DayPicker as Fe } from "react-day-picker";

package/dist/components/overrides/ui/pickers/date-range-picker-field.js

@@ -2,8 +2,8 @@
 import { jsx as a, jsxs as F } from "react/jsx-runtime";
 import { c as Le } from "react-compiler-runtime";
 import K from "dayjs";
-import $e from "dayjs/plugin/customParseFormat";
-import Fe from "dayjs/plugin/localizedFormat";
+import $e from "dayjs/plugin/customParseFormat.js";
+import Fe from "dayjs/plugin/localizedFormat.js";
 import { CalendarDays as Be, X as Te, ChevronLeft as ze, ChevronRight as Ae } from "lucide-react";
 import * as i from "react";
 import { DayPicker as Ke } from "react-day-picker";