laif-ds 0.1.70 → 0.1.72

package/dist/components/ui/tooltip.js

@@ -1,56 +1,87 @@
 "use client";
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { Root as n, Trigger as d, Portal as l, Content as s, Arrow as m, Provider as p } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
-import { cn as c } from "../../lib/utils.js";
-function f({
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Root as l, Trigger as p, Portal as m, Content as c, Arrow as f, Provider as u } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { cva as d } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as i } from "../../lib/utils.js";
+const g = d(
+  "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+  {
+    variants: {
+      variant: {
+        primary: "bg-d-primary text-d-primary-foreground",
+        card: "bg-d-card text-d-card-foreground border border-d-border shadow-xl"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+), b = d(
+  "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
+  {
+    variants: {
+      variant: {
+        primary: "bg-d-primary fill-d-primary",
+        card: "bg-d-card fill-d-card border border-d-border"
+      }
+    },
+    defaultVariants: {
+      variant: "primary"
+    }
+  }
+);
+function x({
   delayDuration: t = 0,
-  ...r
+  ...o
 }) {
-  return /* @__PURE__ */ o(
-    p,
+  return /* @__PURE__ */ r(
+    u,
     {
       "data-slot": "tooltip-provider",
       delayDuration: t,
-      ...r
+      ...o
     }
   );
 }
-function y({
+function w({
   ...t
 }) {
-  return /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(n, { "data-slot": "tooltip", ...t }) });
+  return /* @__PURE__ */ r(x, { children: /* @__PURE__ */ r(l, { "data-slot": "tooltip", ...t }) });
 }
-function T({
+function z({
   ...t
 }) {
-  return /* @__PURE__ */ o(d, { "data-slot": "tooltip-trigger", ...t });
+  return /* @__PURE__ */ r(p, { "data-slot": "tooltip-trigger", ...t });
 }
-function b({
+function V({
   className: t,
-  sideOffset: r = 0,
-  children: i,
-  ...e
+  sideOffset: o = 0,
+  variant: a,
+  children: e,
+  ...n
 }) {
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ a(
-    s,
+  return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ s(
+    c,
     {
       "data-slot": "tooltip-content",
-      sideOffset: r,
-      className: c(
-        "bg-d-primary text-d-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-        t
-      ),
-      ...e,
+      sideOffset: o,
+      className: i(g({ variant: a }), t),
+      ...n,
       children: [
-        i,
-        /* @__PURE__ */ o(m, { className: "bg-d-primary fill-d-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        e,
+        /* @__PURE__ */ r(
+          f,
+          {
+            className: i(b({ variant: a }))
+          }
+        )
       ]
     }
   ) });
 }
 export {
-  y as Tooltip,
-  b as TooltipContent,
-  f as TooltipProvider,
-  T as TooltipTrigger
+  w as Tooltip,
+  V as TooltipContent,
+  x as TooltipProvider,
+  z as TooltipTrigger
 };

package/dist/components/ui/weekly-calendar/appointment-card.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { useMemo as b } from "react";
+import h from "../../../_virtual/dayjs.min.js";
+import { useCalendar as C } from "./calendar-context.js";
+import { l as v } from "../../../_virtual/lodash.js";
+import { hexContrast as k, hexToRgba as N, cn as $ } from "../../../lib/utils.js";
+import { TooltipProvider as j, Tooltip as t, TooltipTrigger as w, TooltipContent as m } from "../tooltip.js";
+import { Typo as D } from "../typo.js";
+const L = ({ appointment: r }) => {
+  var f, a, x;
+  const { setSelectedAppointmentId: g } = C(), T = b(() => {
+    if (r.color)
+      return {
+        backgroundColor: N(r.color, 0.75),
+        borderColor: N(r.color, 1),
+        color: k(r.color),
+        backdropFilter: "blur(5px)"
+      };
+  }, [r.color]), c = r.endTime || h(`2000-01-01 ${r.startTime}`).add(1, "hour").format("HH:mm"), y = b(() => {
+    const s = h(`2000-01-01 ${r.startTime}`), d = h(`2000-01-01 ${c}`).diff(s, "minute"), i = Math.floor(d / 60), u = d % 60;
+    return i === 0 ? `${u}m` : u === 0 ? `${i}h` : `${i}h ${u}m`;
+  }, [r.startTime, c]);
+  return /* @__PURE__ */ l(j, { delayDuration: 300, children: /* @__PURE__ */ e(t, { children: [
+    /* @__PURE__ */ l(w, { asChild: !0, children: /* @__PURE__ */ e(
+      "div",
+      {
+        onClick: (s) => {
+          s.preventDefault(), s.stopPropagation(), g(r.id);
+        },
+        style: T,
+        className: $(
+          "flex h-full cursor-pointer flex-col justify-start rounded-r-md border border-l-4 p-2 shadow-md transition-all duration-200 ease-in-out hover:scale-105",
+          r.className
+        ),
+        children: [
+          /* @__PURE__ */ l("div", { className: "text-sm font-semibold", children: ((f = r == null ? void 0 : r.title) == null ? void 0 : f.length) > 15 ? ((a = r == null ? void 0 : r.title) == null ? void 0 : a.slice(0, 15)) + "..." : r == null ? void 0 : r.title }),
+          /* @__PURE__ */ e("div", { className: "text-xs", children: [
+            r == null ? void 0 : r.startTime,
+            " - ",
+            c
+          ] }),
+          (x = r == null ? void 0 : r.attributes) == null ? void 0 : x.filter((s) => s.showPreview).map((s, o) => /* @__PURE__ */ e(
+            "div",
+            {
+              className: "bg-d-background/30 mt-1 rounded p-1 text-xs",
+              children: [
+                /* @__PURE__ */ l("span", { className: "font-semibold", children: s.key }),
+                ":",
+                " ",
+                /* @__PURE__ */ l("span", { className: "font-medium", children: s.value })
+              ]
+            },
+            o
+          ))
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(m, { side: "right", variant: "card", className: "w-[200px]", children: [
+      (r == null ? void 0 : r.title) && /* @__PURE__ */ e(D, { children: [
+        r == null ? void 0 : r.title,
+        " (",
+        y,
+        ")"
+      ] }),
+      /* @__PURE__ */ e("div", { className: "text-d-accent-foreground", children: [
+        r == null ? void 0 : r.startTime,
+        " - ",
+        c
+      ] }),
+      /* @__PURE__ */ e("div", { className: "my-2 flex flex-col", children: [
+        /* @__PURE__ */ l("span", { className: "font-medium", children: "Descrizione:" }),
+        /* @__PURE__ */ l("span", { className: "text-d-accent-foreground text-xs", children: (r == null ? void 0 : r.description) || "-" })
+      ] }),
+      (r == null ? void 0 : r.attributes) && r.attributes.length > 0 && /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("div", { className: "space-y-1", children: r.attributes.map((s, o) => {
+        var d;
+        return /* @__PURE__ */ e(
+          "div",
+          {
+            className: "flex items-center justify-between py-1",
+            children: [
+              /* @__PURE__ */ e("span", { className: "font-medium", children: [
+                v.upperFirst(s.key),
+                ":"
+              ] }),
+              /* @__PURE__ */ l("span", { className: "text-d-accent-foreground", children: v.upperFirst(((d = s.value) == null ? void 0 : d.toString()) || "") })
+            ]
+          },
+          o
+        );
+      }) }) })
+    ] })
+  ] }) });
+};
+export {
+  L as AppointmentCard
+};

package/dist/components/ui/weekly-calendar/calendar-context.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as t, useEffect as u, createContext as c, useContext as m } from "react";
+import C from "../../../_virtual/dayjs.min.js";
+const r = c(
+  void 0
+), x = () => {
+  const e = m(r);
+  if (!e)
+    throw new Error("useCalendar must be used within a CalendarProvider");
+  return e;
+}, I = ({ children: e, value: n }) => {
+  const [o, s] = t(null), [a, l] = t(null);
+  return u(() => {
+    const d = setInterval(() => {
+      l(C().format("HH:mm"));
+    }, 1e3);
+    return () => clearInterval(d);
+  }, []), /* @__PURE__ */ i(
+    r.Provider,
+    {
+      value: {
+        ...n,
+        selectedAppointmentId: o,
+        setSelectedAppointmentId: s,
+        currentTime: a
+      },
+      children: e
+    }
+  );
+};
+export {
+  I as CalendarProvider,
+  x as useCalendar
+};

package/dist/components/ui/weekly-calendar/calendar-header.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import c from "../../../_virtual/dayjs.min.js";
+import "../../../_virtual/it.js";
+import { useCalendar as h } from "./calendar-context.js";
+import { l as v } from "../../../_virtual/lodash.js";
+import { Typo as l } from "../typo.js";
+import { Button as a } from "../button.js";
+c.locale("it");
+const M = () => {
+  const {
+    todayString: m,
+    currentWeekOffset: o,
+    showNavigation: n,
+    customActions: r,
+    goToPreviousWeek: d,
+    goToNextWeek: f,
+    goToCurrentWeek: u
+  } = h(), i = c().startOf("isoWeek").add(o, "week"), p = i.endOf("isoWeek"), s = o === 0;
+  return !n && !r ? null : /* @__PURE__ */ e("div", { className: "mb-4", children: n && /* @__PURE__ */ t("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(
+        a,
+        {
+          onClick: d,
+          variant: "outline",
+          size: "sm",
+          iconLeft: "ChevronLeft",
+          "aria-label": "Settimana precedente"
+        }
+      ),
+      /* @__PURE__ */ e(
+        a,
+        {
+          onClick: u,
+          variant: "outline",
+          size: "sm",
+          disabled: s,
+          children: m
+        }
+      ),
+      /* @__PURE__ */ e(
+        a,
+        {
+          onClick: f,
+          variant: "outline",
+          size: "sm",
+          iconRight: "ChevronRight",
+          "aria-label": "Settimana successiva"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col items-center text-center leading-tight", children: [
+      /* @__PURE__ */ e(
+        l,
+        {
+          variant: "h3",
+          className: s ? "text-d-primary font-bold" : "font-bold",
+          children: v.upperFirst(i.format("MMMM YYYY"))
+        }
+      ),
+      /* @__PURE__ */ t(l, { variant: "small", className: "text-d-muted-foreground", children: [
+        i.format("D"),
+        " – ",
+        p.format("D MMM")
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: r && r })
+  ] }) });
+};
+export {
+  M as CalendarHeader
+};

package/dist/components/ui/weekly-calendar/current-timeline.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useCalendar as a } from "./calendar-context.js";
+const f = () => {
+  const { currentTime: t } = a();
+  if (!t) return null;
+  const [e, s] = t.split(":").map(Number), { calendarStartHour: o, calendarEndHour: n } = a();
+  if (e < o || e > n || e === n && s > 0)
+    return null;
+  const d = (e - o) * 60 + s, l = 48, i = 64 / 60, u = l + d * i;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: "pointer-events-none absolute inset-x-0 z-50",
+      style: { top: `${u}px` },
+      children: [
+        /* @__PURE__ */ r("div", { className: "bg-d-destructive h-0.5 w-full shadow-sm" }),
+        /* @__PURE__ */ r("div", { className: "bg-d-destructive absolute top-0 -left-1.5 h-3 w-3 -translate-y-1/2 rounded-full border-2 border-white shadow-md" }),
+        /* @__PURE__ */ r("div", { className: "bg-d-destructive absolute left-4 -translate-y-1/2 rounded-md px-2 py-0.5 text-xs font-medium text-white shadow-md", children: t })
+      ]
+    }
+  );
+};
+export {
+  f as CurrentTimeLine
+};

package/dist/components/ui/weekly-calendar/day-column.js

@@ -0,0 +1,108 @@
+"use client";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import j from "react";
+import b from "../../../_virtual/dayjs.min.js";
+import { useCalendar as A } from "./calendar-context.js";
+import { AppointmentCard as C } from "./appointment-card.js";
+import { Typo as v } from "../typo.js";
+import { Badge as I } from "../badge.js";
+import { cn as w } from "../../../lib/utils.js";
+import { Tooltip as Y, TooltipTrigger as _, TooltipContent as k } from "../tooltip.js";
+const J = ({ date: o, weekdayInfo: l }) => {
+  const {
+    calendarStartHour: s,
+    calendarEndHour: d,
+    enableGrouping: c,
+    groupLabel: y,
+    appointmentsByDay: M,
+    groupedAppointmentsByDay: N
+  } = A(), T = j.useMemo(() => Array.from(
+    { length: d - s + 1 },
+    (e, r) => `${(r + s).toString().padStart(2, "0")}:00`
+  ), [s, d]), m = o.format("YYYY-MM-DD"), i = c ? N[m] || {} : { default: M[m] || [] }, g = o.isSame(b(), "day"), a = Object.keys(i), h = a.length > 1, p = (e) => {
+    const r = parseInt(e.startTime.split(":")[0]), f = parseInt(e.startTime.split(":")[1]), u = e.endTime || b(`2000-01-01 ${e.startTime}`).add(1, "hour").format("HH:mm"), D = parseInt(u.split(":")[0]), H = parseInt(u.split(":")[1]), x = (r - s) * 60 + f, O = (D - s) * 60 + H - x, S = x * 64 / 60, $ = Math.max(O * 64 / 60, 32);
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: "absolute right-1 left-1",
+        style: {
+          top: `${S}px`,
+          height: `${$}px`,
+          zIndex: 10
+        },
+        children: /* @__PURE__ */ t(C, { appointment: e })
+      },
+      e.id
+    );
+  };
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: w(
+        "border-d-border border-r",
+        g ? "text-d-primary" : ""
+      ),
+      style: {
+        flex: h ? a.length : 1,
+        minWidth: `${Math.max(a.length, 1) * 120}px`
+      },
+      children: [
+        /* @__PURE__ */ t("div", { className: "border-d-border sticky top-0 h-14 border-b p-2 text-center", children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ t(v, { variant: "small", className: "font-medium", children: l.label.slice(0, 3) }),
+          /* @__PURE__ */ t(v, { className: "font-bold", children: o.format("DD") })
+        ] }) }),
+        /* @__PURE__ */ n("div", { className: "relative flex", children: [
+          /* @__PURE__ */ t("div", { className: "absolute inset-0", children: T.map((e) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: "border-d-border border-b border-dashed",
+              style: { height: "64px" }
+            },
+            e
+          )) }),
+          h ? a.map((e) => /* @__PURE__ */ n(
+            "div",
+            {
+              className: "relative flex-1",
+              style: {
+                minWidth: "120px"
+              },
+              children: [
+                c && y && /* @__PURE__ */ n(Y, { children: [
+                  /* @__PURE__ */ t(_, { asChild: !0, children: /* @__PURE__ */ t(
+                    I,
+                    {
+                      className: "absolute top-1 left-1/2 -translate-x-1/2 z-30 truncate overflow-hidden whitespace-nowrap",
+                      variant: "outline",
+                      children: e.length > 12 ? `${e.slice(0, 12)}...` : e
+                    }
+                  ) }),
+                  e.length > 20 && /* @__PURE__ */ t(
+                    k,
+                    {
+                      sideOffset: 4,
+                      className: "max-w-xs text-center break-words",
+                      children: e
+                    }
+                  )
+                ] }),
+                i[e].map(
+                  (r) => p(r)
+                )
+              ]
+            },
+            e
+          )) : /* @__PURE__ */ t("div", { className: "relative flex-1", children: a.map(
+            (e) => i[e].map(
+              (r) => p(r)
+            )
+          ) })
+        ] })
+      ]
+    },
+    l.key
+  );
+};
+export {
+  J as DayColumn
+};

package/dist/components/ui/weekly-calendar/time-column.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import l from "react";
+import { useCalendar as i } from "./calendar-context.js";
+const f = () => {
+  const { calendarStartHour: t = 6, calendarEndHour: d = 18 } = i(), a = l.useMemo(() => {
+    const r = d - t + 1;
+    return Array.from({ length: r }, (n, c) => {
+      const o = c + t, m = o < 12 ? "AM" : "PM";
+      return {
+        label: `${(o % 12 === 0 ? 12 : o % 12).toString().padStart(2, "0")}:00`,
+        ampm: m
+      };
+    });
+  }, [t, d]);
+  return /* @__PURE__ */ s("div", { className: "border-d-border bg-d-background z-20 w-20 flex-shrink-0 border-r", children: [
+    /* @__PURE__ */ e("div", { className: "bg-d-muted/30 border-d-border h-14 border-b" }),
+    /* @__PURE__ */ e("div", { className: "relative", children: a.map(({ label: r, ampm: n }) => /* @__PURE__ */ s(
+      "div",
+      {
+        className: "text-muted-foreground border-d-border/50 flex h-16 flex-col items-center justify-center border-b text-sm font-medium",
+        style: { height: "64px" },
+        children: [
+          /* @__PURE__ */ e("span", { children: r }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-normal uppercase opacity-70", children: n })
+        ]
+      },
+      r
+    )) })
+  ] });
+};
+export {
+  f as TimeColumn
+};

package/dist/components/ui/weekly-calendar/weekly-calendar.js

@@ -0,0 +1,120 @@
+"use client";
+import { jsx as f, jsxs as y } from "react/jsx-runtime";
+import d from "react";
+import a from "../../../_virtual/dayjs.min.js";
+import N from "../../../_virtual/isoWeek.js";
+import { CalendarProvider as h } from "./calendar-context.js";
+import { CalendarHeader as B } from "./calendar-header.js";
+import { TimeColumn as C } from "./time-column.js";
+import { DayColumn as V } from "./day-column.js";
+import { CurrentTimeLine as z } from "./current-timeline.js";
+a.extend(N);
+const L = [
+  { key: "monday", label: "Lunedì", dayjs: 1 },
+  { key: "tuesday", label: "Martedì", dayjs: 2 },
+  { key: "wednesday", label: "Mercoledì", dayjs: 3 },
+  { key: "thursday", label: "Giovedì", dayjs: 4 },
+  { key: "friday", label: "Venerdì", dayjs: 5 },
+  { key: "saturday", label: "Sabato", dayjs: 6 },
+  { key: "sunday", label: "Domenica", dayjs: 0 }
+];
+function Q({
+  appointments: l = [],
+  onWeekChange: r,
+  initialWeekOffset: D = 0,
+  showNavigation: M = !0,
+  customActions: w,
+  enableGrouping: i = !1,
+  groupLabel: O,
+  calendarStartHour: W = 8,
+  calendarEndHour: p = 20,
+  todayString: b = "Oggi"
+}) {
+  const [o, m] = d.useState(D), x = d.useMemo(
+    () => a().startOf("isoWeek").add(o, "week").format("YYYY-MM-DD"),
+    [o]
+  ), j = d.useMemo(
+    () => a().startOf("isoWeek").add(o, "week").endOf("isoWeek").format("YYYY-MM-DD"),
+    [o]
+  ), k = d.useMemo(() => {
+    const e = [], t = a().startOf("isoWeek").add(o, "week");
+    for (let s = 0; s < 7; s++)
+      e.push(t.add(s, "day"));
+    return e;
+  }, [o]), v = o === 0, n = d.useMemo(() => {
+    const e = {};
+    return l.forEach((t) => {
+      const s = t.date;
+      e[s] || (e[s] = []), e[s].push(t);
+    }), e;
+  }, [l]), E = d.useMemo(() => {
+    const e = {};
+    return Object.keys(n).forEach((t) => {
+      const s = n[t];
+      if (!i)
+        e[t] = { default: s };
+      else {
+        const c = {};
+        s.forEach((Y) => {
+          const u = Y.groupBy || "Senza categoria";
+          c[u] || (c[u] = []), c[u].push(Y);
+        }), e[t] = c;
+      }
+    }), e;
+  }, [n, i]), S = d.useCallback(() => {
+    const e = o - 1;
+    if (m(e), r) {
+      const t = a().startOf("isoWeek").add(e, "week").format("YYYY-MM-DD"), s = a().startOf("isoWeek").add(e, "week").endOf("isoWeek").format("YYYY-MM-DD");
+      r(e, t, s);
+    }
+  }, [o, r]), T = d.useCallback(() => {
+    const e = o + 1;
+    if (m(e), r) {
+      const t = a().startOf("isoWeek").add(e, "week").format("YYYY-MM-DD"), s = a().startOf("isoWeek").add(e, "week").endOf("isoWeek").format("YYYY-MM-DD");
+      r(e, t, s);
+    }
+  }, [o, r]), A = d.useCallback(() => {
+    if (m(0), r) {
+      const t = a().startOf("isoWeek").format("YYYY-MM-DD"), s = a().endOf("isoWeek").format("YYYY-MM-DD");
+      r(0, t, s);
+    }
+  }, [r]);
+  return /* @__PURE__ */ f(h, { value: {
+    calendarStartHour: W,
+    calendarEndHour: p,
+    currentWeekOffset: o,
+    weekStart: x,
+    weekEnd: j,
+    weekDates: k,
+    isCurrentWeek: v,
+    goToPreviousWeek: S,
+    goToNextWeek: T,
+    goToCurrentWeek: A,
+    appointments: l,
+    appointmentsByDay: n,
+    groupedAppointmentsByDay: E,
+    enableGrouping: i,
+    groupLabel: O,
+    showNavigation: M,
+    customActions: w,
+    onWeekChange: r,
+    todayString: b
+  }, children: /* @__PURE__ */ y("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ f(B, {}),
+    /* @__PURE__ */ y("div", { className: "border-d-border relative flex flex-1 border-t border-l", children: [
+      /* @__PURE__ */ f(C, {}),
+      /* @__PURE__ */ f(z, {}),
+      /* @__PURE__ */ f("div", { className: "flex flex-1 overflow-x-auto", children: k.map((e, t) => /* @__PURE__ */ f(
+        V,
+        {
+          date: e,
+          weekdayInfo: L[t]
+        },
+        e.format("YYYY-MM-DD")
+      )) })
+    ] })
+  ] }) });
+}
+export {
+  Q as WeeklyCalendar
+};