@dimasbaguspm/versaur 0.0.12 → 0.0.14

package/dist/js/{calendar-De5dCVnE.js → calendar-B9rIZCdo.js}

@@ -1,5 +1,6 @@
-import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
-import React__default, { forwardRef, useState, useRef, useEffect, useCallback } from "react";
+import { a as cva, j as jsxRuntimeExports } from "./index-Dmu_fHni.js";
+import React__default, { forwardRef, useState, useRef, useEffect, useCallback, createContext, useContext } from "react";
+import { c as cn } from "./cn-BKwT3erk.js";
 import { X, ChevronLeft, ChevronRight } from "lucide-react";
 const calculatorRootVariants = cva(
   "flex flex-col w-full max-w-xs rounded-lg bg-background",
@@ -34,10 +35,10 @@ const calculatorRootVariants = cva(
       disabled: !1
     }
   }
-), CalculatorButton = forwardRef(({ variant: r = "default", className: e, ...t }, l) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+), CalculatorButton = forwardRef(({ variant: r = "default", className: e, ...t }, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "button",
   {
-    ref: l,
+    ref: i,
     type: "button",
     className: cn(
       calculatorButtonVariants({ variant: r, disabled: t.disabled }),
@@ -165,49 +166,49 @@ const buttonIconVariants = cva(
     size: "md",
     color: "primary"
   }
-}), Icon = React__default.forwardRef(function({ as: e, color: t = "primary", size: l = "md", className: c, ...i }, f) {
+}), Icon = React__default.forwardRef(function({ as: e, color: t = "primary", size: i = "md", className: l, ...n }, a) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     e,
     {
-      ref: f,
-      className: iconVariants({ color: t, size: l, className: c }),
-      ...i
+      ref: a,
+      className: iconVariants({ color: t, size: i, className: l }),
+      ...n
     }
   );
 }), ButtonIcon = React__default.forwardRef(
   function({
     className: e,
     variant: t = "primary",
-    size: l = "md",
-    shape: c = "rounded",
-    disabled: i = !1,
-    as: f,
-    "aria-label": s,
-    ...g
-  }, h) {
+    size: i = "md",
+    shape: l = "rounded",
+    disabled: n = !1,
+    as: a,
+    "aria-label": c,
+    ...f
+  }, d) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
-        ref: h,
+        ref: d,
         type: "button",
         className: cn(
           buttonIconVariants({
             variant: t,
-            size: l,
-            shape: c
+            size: i,
+            shape: l
           }),
           e
         ),
-        disabled: i,
-        "aria-disabled": i,
-        "aria-label": s,
-        inert: i ? !0 : void 0,
-        ...g,
+        disabled: n,
+        "aria-disabled": n,
+        "aria-label": c,
+        inert: n ? !0 : void 0,
+        ...f,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {
-            as: f,
-            size: l,
+            as: a,
+            size: i,
             color: getIconColorFromVariant(t)
           }
         )
@@ -285,10 +286,10 @@ const BUTTONS = [
     initialValue: r = "",
     onChange: e,
     disabled: t,
-    className: l,
-    "aria-label": c
-  }, i) => {
-    const { input: f, inputRef: s, handleButton: g, handleInput: h } = useCalculator({
+    className: i,
+    "aria-label": l
+  }, n) => {
+    const { input: a, inputRef: c, handleButton: f, handleInput: d } = useCalculator({
       initialValue: r,
       disabled: t,
       onChange: e
@@ -296,44 +297,44 @@ const BUTTONS = [
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        ref: i,
-        className: cn(calculatorRootVariants({ disabled: t }), l),
-        "aria-label": c || "Calculator",
+        ref: n,
+        className: cn(calculatorRootVariants({ disabled: t }), i),
+        "aria-label": l || "Calculator",
         role: "region",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "input",
             {
-              ref: s,
+              ref: c,
               className: "w-full mb-3 px-3 py-2 rounded border border-[var(--color-neutral)] bg-[var(--color-neutral-soft)] text-right text-xl font-mono focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]",
-              value: f,
-              onChange: h,
+              value: a,
+              onChange: d,
               disabled: t,
               inputMode: "decimal",
               "aria-label": "Calculator input"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((b, v) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: b.map((u) => u === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1 mb-3", children: BUTTONS.map((m, v) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex w-full", children: m.map((h) => h === "⌫" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             ButtonIcon,
             {
               as: X,
               variant: "danger-ghost",
               "aria-label": "Backspace",
               size: "md",
-              onClick: () => g("⌫"),
+              onClick: () => f("⌫"),
               disabled: t
             },
             "backspace"
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
             CalculatorButton,
             {
-              variant: u === "=" ? "action" : u === "C" ? "danger" : ["/", "*", "-", "+", "/"].includes(u) ? "operator" : "default",
-              onClick: () => g(u),
+              variant: h === "=" ? "action" : h === "C" ? "danger" : ["/", "*", "-", "+", "/"].includes(h) ? "operator" : "default",
+              onClick: () => f(h),
               disabled: t,
-              "aria-label": u,
-              children: u
+              "aria-label": h,
+              children: h
             },
-            u
+            h
           )) }, v)) })
         ]
       }
@@ -395,23 +396,23 @@ const buttonVariants = cva(
   function r({
     className: e,
     variant: t = "primary",
-    size: l = "md",
-    disabled: c = !1,
-    type: i = "button",
-    children: f,
-    ...s
-  }, g) {
+    size: i = "md",
+    disabled: l = !1,
+    type: n = "button",
+    children: a,
+    ...c
+  }, f) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
-        ref: g,
-        type: i,
-        className: cn(buttonVariants({ variant: t, size: l }), e),
-        disabled: c,
-        "aria-disabled": c,
-        inert: c ? !0 : void 0,
-        ...s,
-        children: f
+        ref: f,
+        type: n,
+        className: cn(buttonVariants({ variant: t, size: i }), e),
+        disabled: l,
+        "aria-disabled": l,
+        inert: l ? !0 : void 0,
+        ...c,
+        children: a
       }
     );
   }
@@ -489,18 +490,18 @@ const buttonVariants = cva(
     as: r = "span",
     color: e = "ghost",
     hasUnderline: t = !1,
-    isCapitalize: l = !1,
-    align: c = "left",
-    italic: i = !1,
-    clamp: f = "none",
-    ellipsis: s = !1,
-    fontSize: g,
-    fontWeight: h,
-    className: b,
+    isCapitalize: i = !1,
+    align: l = "left",
+    italic: n = !1,
+    clamp: a = "none",
+    ellipsis: c = !1,
+    fontSize: f,
+    fontWeight: d,
+    className: m,
     children: v,
-    ...u
-  }, y) => {
-    const a = [
+    ...h
+  }, p) => {
+    const u = [
       "h1",
       "h2",
       "h3",
@@ -510,43 +511,51 @@ const buttonVariants = cva(
       "p",
       "span",
       "label"
-    ].includes(r) ? r : "span", w = g ? `text-${g}` : "", m = h ? `font-${h}` : "";
+    ].includes(r) ? r : "span", b = f ? `text-${f}` : "", w = d ? `font-${d}` : "";
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       r,
       {
-        ref: y,
+        ref: p,
         className: cn(
           textVariants({
             color: e,
             hasUnderline: t,
-            isCapitalize: l,
-            align: c,
-            italic: i,
-            clamp: f,
-            ellipsis: s,
+            isCapitalize: i,
+            align: l,
+            italic: n,
+            clamp: a,
+            ellipsis: c,
             // @ts-expect-error - `as` is not a valid variant
-            as: a
+            as: u
           }),
+          b,
           w,
-          m,
-          b
+          m
         ),
-        ...u,
+        ...h,
         children: v
       }
     );
   }
-), CalendarRoot = ({
-  value: r,
-  onChange: e,
-  className: t,
-  ...l
-}) => {
-  const c = /* @__PURE__ */ new Date(), [i, f] = useState(c.getMonth()), [s, g] = useState(c.getFullYear()), h = (n, a) => new Date(n, a + 1, 0).getDate(), b = (n, a) => new Date(n, a, 1).getDay(), v = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "base", fontWeight: "semibold", className: "ml-2", children: r ? r.toLocaleDateString(void 0, {
+), CalendarContext = createContext(null);
+function useCalendarContext() {
+  const r = useContext(CalendarContext);
+  if (!r)
+    throw new Error(
+      "useCalendarContext must be used within CalendarContext.Provider"
+    );
+  return r;
+}
+const CalendarHeader = () => {
+  const { value: r, year: e, month: t, setMonth: i } = useCalendarContext();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 pt-4 pb-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "base", fontWeight: "semibold", className: "ml-2", children: r ? r instanceof Date ? r.toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long"
+    }) : Array.isArray(r) && r[0] ? r[0].toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
-    }) : `${s} ${new Date(s, i).toLocaleString(void 0, { month: "long" })}` }),
+    }) : `${e} ${new Date(e, t).toLocaleString(void 0, { month: "long" })}` : `${e} ${new Date(e, t).toLocaleString(void 0, { month: "long" })}` }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ButtonIcon,
@@ -555,10 +564,7 @@ const buttonVariants = cva(
           variant: "ghost",
           size: "sm",
           "aria-label": "Previous month",
-          onClick: () => {
-            const n = i === 0 ? 11 : i - 1, a = i === 0 ? s - 1 : s;
-            f(n), g(a), e?.(new Date(a, n, 1));
-          }
+          onClick: () => i(t === 0 ? 11 : t - 1)
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -568,84 +574,233 @@ const buttonVariants = cva(
           variant: "ghost",
           size: "sm",
           "aria-label": "Next month",
-          onClick: () => {
-            const n = i === 11 ? 0 : i + 1, a = i === 11 ? s + 1 : s;
-            f(n), g(a), e?.(new Date(a, n, 1));
-          }
+          onClick: () => i(t === 11 ? 0 : t + 1)
         }
       )
     ] })
-  ] }), u = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 px-4 text-ghost-500 mb-3", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((n) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: n }, n)) }), y = () => {
-    const n = [], a = b(s, i), w = h(s, i), m = h(s, i - 1 < 0 ? 11 : i - 1);
-    for (let o = 0; o < a; o++) {
-      const d = m - a + o + 1;
-      n.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ButtonIcon,
-          {
-            as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: d }),
-            size: "sm",
-            "aria-label": "Previous month day",
-            variant: "ghost",
-            onClick: () => {
-              const x = i === 0 ? 11 : i - 1, p = i === 0 ? s - 1 : s, R = m - a + o + 1;
-              e?.(new Date(p, x, R)), f(x), g(p);
+  ] });
+}, CalendarWeekdays = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 px-4 text-ghost-500 mb-3", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((r) => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fontSize: "xs", color: "ghost", align: "center", children: r }, r)) }), CalendarDaysSingle = () => {
+  const r = useCalendarContext(), { year: e, month: t, value: i, onChange: l, setMonth: n, setYear: a } = r, c = (o, x) => new Date(o, x + 1, 0).getDate(), d = ((o, x) => new Date(o, x, 1).getDay())(e, t), m = c(e, t), v = t - 1 < 0 ? 11 : t - 1, h = t === 0 ? e - 1 : e, p = c(e, v), y = t === 11 ? 0 : t + 1, u = t === 11 ? e + 1 : e, b = [];
+  for (let o = 0; o < d; o++) {
+    const x = p - d + o + 1;
+    b.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: x }),
+          size: "sm",
+          "aria-label": "Previous month day",
+          variant: "ghost",
+          onClick: () => {
+            l?.(new Date(h, v, x)), n(v), a(h);
+          }
+        },
+        "prev-" + o
+      )
+    );
+  }
+  for (let o = 1; o <= m; o++) {
+    const x = i instanceof Date && i.getFullYear() === e && i.getMonth() === t && i.getDate() === o;
+    b.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Text,
+            {
+              as: "span",
+              fontSize: "sm",
+              color: x ? "inherit" : "ghost",
+              className: x ? "bg-primary text-white rounded-full" : "",
+              children: o
             }
-          },
-          "prev-" + o
-        )
-      );
-    }
-    for (let o = 1; o <= w; o++) {
-      const d = r && r.getFullYear() === s && r.getMonth() === i && r.getDate() === o;
-      n.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ButtonIcon,
-          {
-            as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Text,
-              {
-                as: "span",
-                fontSize: "sm",
-                color: d ? "inherit" : "ghost",
-                children: o
-              }
-            ),
-            variant: d ? "primary" : "ghost",
-            size: "sm",
-            "aria-label": `Select ${s}-${i + 1}-${o}`,
-            "aria-current": d ? "date" : void 0,
-            onClick: () => e?.(new Date(s, i, o))
-          },
-          o
-        )
-      );
-    }
-    const j = a + w;
-    for (let o = 0; o < (j % 7 === 0 ? 0 : 7 - j % 7); o++)
-      n.push(
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ButtonIcon,
-          {
-            as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: o + 1 }),
-            size: "sm",
-            "aria-label": "Next month day",
-            variant: "ghost",
-            onClick: () => {
-              const d = i === 11 ? 0 : i + 1, x = i === 11 ? s + 1 : s, p = o + 1;
-              e?.(new Date(x, d, p)), f(d), g(x);
+          ),
+          variant: x ? "primary" : "ghost",
+          size: "sm",
+          "aria-label": `Select ${e}-${t + 1}-${o}`,
+          "aria-current": x ? "date" : void 0,
+          onClick: () => {
+            l?.(new Date(e, t, o));
+          }
+        },
+        o
+      )
+    );
+  }
+  const w = d + m;
+  for (let o = 0; o < (w % 7 === 0 ? 0 : 7 - w % 7); o++)
+    b.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: o + 1 }),
+          size: "sm",
+          "aria-label": "Next month day",
+          variant: "ghost",
+          onClick: () => {
+            l?.(new Date(u, y, o + 1)), n(y), a(u);
+          }
+        },
+        "next-" + o
+      )
+    );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: b });
+}, CalendarDaysRange = () => {
+  const { year: r, month: e, value: t, onChange: i, setMonth: l, setYear: n } = useCalendarContext(), a = (s, g) => new Date(s, g + 1, 0).getDate(), f = ((s, g) => new Date(s, g, 1).getDay())(r, e), d = a(r, e), m = e - 1 < 0 ? 11 : e - 1, v = e === 0 ? r - 1 : r, h = a(r, m), p = e === 11 ? 0 : e + 1, y = e === 11 ? r + 1 : r, u = [], b = () => {
+    if (!Array.isArray(t)) return [null, null];
+    const [s, g] = t;
+    return !s && !g ? [null, null] : s && g ? s <= g ? [s, g] : [g, s] : [s, g];
+  }, [w, o] = b(), x = (s) => {
+    if (!w || !o) return !1;
+    const g = new Date(r, e, s);
+    return g >= w && g <= o;
+  }, I = (s) => w ? w.getFullYear() === r && w.getMonth() === e && w.getDate() === s : !1, B = (s) => o ? o.getFullYear() === r && o.getMonth() === e && o.getDate() === s : !1;
+  for (let s = 0; s < f; s++) {
+    const g = h - f + s + 1;
+    u.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: g }),
+          size: "sm",
+          "aria-label": "Previous month day",
+          variant: "ghost",
+          onClick: () => {
+            i?.([null, null]), l(m), n(v);
+          }
+        },
+        "prev-" + s
+      )
+    );
+  }
+  for (let s = 1; s <= d; s++) {
+    const g = x(s), R = I(s), E = B(s);
+    u.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Text,
+            {
+              as: "span",
+              fontSize: "sm",
+              color: g || R || E ? "inherit" : "ghost",
+              className: cn(
+                g && " bg-primary text-white",
+                R && "rounded-l-full bg-primary text-white",
+                E && "rounded-r-full bg-primary text-white"
+              ),
+              children: s
             }
-          },
-          "next-" + o
-        )
-      );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: n });
+          ),
+          variant: R || E || g ? "primary" : "ghost",
+          size: "sm",
+          "aria-label": `Select ${r}-${e + 1}-${s}`,
+          "aria-current": R || E ? "date" : void 0,
+          onClick: () => {
+            if (!Array.isArray(t) || !t[0] || t[0] && t[1])
+              i?.([new Date(r, e, s), null]);
+            else if (t[0] && !t[1]) {
+              const j = t[0], C = new Date(r, e, s);
+              j.getTime() === C.getTime() ? i?.([j, C]) : i?.(j < C ? [j, C] : [C, j]);
+            }
+          }
+        },
+        s
+      )
+    );
+  }
+  const D = f + d;
+  for (let s = 0; s < (D % 7 === 0 ? 0 : 7 - D % 7); s++)
+    u.push(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonIcon,
+        {
+          as: () => /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { as: "span", fontSize: "sm", color: "tertiary", children: s + 1 }),
+          size: "sm",
+          "aria-label": "Next month day",
+          variant: "ghost",
+          onClick: () => {
+            i?.([null, null]), l(p), n(y);
+          }
+        },
+        "next-" + s
+      )
+    );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-7 gap-2 px-4 pb-4", children: u });
+}, CalendarDays = () => {
+  const { type: r } = useCalendarContext();
+  return r === "range" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDaysRange, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDaysSingle, {});
+};
+function useCalendar({
+  value: r,
+  type: e,
+  onChange: t,
+  initialYear: i,
+  initialMonth: l
+}) {
+  const [n, a] = useState(l), [c, f] = useState(i), [d, m] = useState([
+    null,
+    null
+  ]);
+  let v = r;
+  e === "range" && !r && (v = d);
+  const h = useCallback(() => {
+    const u = n === 0 ? 11 : n - 1, b = n === 0 ? c - 1 : c;
+    a(u), f(b), e === "single" && t?.(new Date(b, u, 1));
+  }, [n, c, e, t]), p = useCallback(() => {
+    const u = n === 11 ? 0 : n + 1, b = n === 11 ? c + 1 : c;
+    a(u), f(b), e === "single" && t?.(new Date(b, u, 1));
+  }, [n, c, e, t]), y = useCallback(
+    (u) => {
+      e === "single" ? t?.(u) : e === "range" && (m(u), t?.(u));
+    },
+    [e, t]
+  );
+  return {
+    year: c,
+    month: n,
+    value: v,
+    setMonth: a,
+    setYear: f,
+    onChange: y,
+    handlePrevMonth: h,
+    handleNextMonth: p
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("select-none", t), ...l, children: [
-    v(),
-    u(),
-    y()
-  ] });
+}
+const CalendarRoot = ({
+  value: r,
+  onChange: e,
+  className: t,
+  type: i = "single",
+  ...l
+}) => {
+  const n = /* @__PURE__ */ new Date(), a = useCalendar({
+    value: r,
+    onChange: e,
+    type: i,
+    initialYear: n.getFullYear(),
+    initialMonth: n.getMonth()
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    CalendarContext.Provider,
+    {
+      value: {
+        year: a.year,
+        month: a.month,
+        value: a.value,
+        type: i,
+        setMonth: a.setMonth,
+        setYear: a.setYear,
+        onChange: a.onChange
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("select-none", t), ...l, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarHeader, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarWeekdays, {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CalendarDays, {})
+      ] })
+    }
+  );
 }, Calendar = Object.assign(CalendarRoot, {});
 export {
   Button as B,