@base-framework/ui 1.0.21 → 1.0.22

package/dist/calendar-BBscVRVI.js

@@ -0,0 +1,431 @@
+import { Div as i, Img as I, Span as M, Button as Y } from "@base-framework/atoms";
+import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-framework/base";
+import { B as A } from "./buttons-CVEwmPAi.js";
+import { Icons as P } from "./icons.es.js";
+const W = (e, t) => {
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = window.scrollX, l = window.scrollY;
+  let c = n.left + a, f = n.bottom + l;
+  const h = window.innerHeight - n.bottom, d = n.top;
+  return c + s.width > window.innerWidth && (c = window.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
+};
+class lt extends N {
+  /**
+   * This will set up the data.
+   *
+   * @returns {object}
+   */
+  setData() {
+    const t = this.parent.data || new z();
+    return t.set({
+      position: { x: 0, y: 0 }
+    }), t;
+  }
+  /**
+   * This will get the class size.
+   *
+   * @returns {string}
+   */
+  getSize() {
+    switch (this.size || "lg") {
+      case "sm":
+        return "w-48";
+      case "md":
+        return "w-64";
+      case "lg":
+        return "w-[250px]";
+      case "xl":
+        return "w-96";
+      case "2xl":
+        return "w-[400px]";
+      case "fit":
+        return "w-fit";
+      case "full":
+        return "w-full";
+    }
+  }
+  /**
+   * This will render the modal component.
+   *
+   * @returns {object}
+   */
+  render() {
+    const t = this.getSize();
+    return i({
+      class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
+      popover: "auto",
+      toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
+      style: "top: [[position.y]]px; left: [[position.x]]px"
+    }, this.children);
+  }
+  /**
+   * This will setup the states.
+   *
+   * @returns {object}
+   */
+  setupStates() {
+    return {
+      open: {
+        id: this.parent.getId(),
+        callBack: (s) => {
+          this.state.open === !1 && this.destroy();
+        }
+      }
+    };
+  }
+  /**
+   * Updates the dropdown position.
+   *
+   * @returns {void}
+   */
+  updatePosition() {
+    const t = this.button ?? null, n = this.panel, s = W(t, n);
+    this.data.position = s;
+  }
+  /**
+   * This will run after the setup.
+   *
+   * @returns {void}
+   */
+  afterSetup() {
+    this.panel.showPopover(), this.updatePosition();
+  }
+  /**
+   * This will check if the element clicked was in the
+   * component of the button.
+   *
+   * @param {object} element
+   * @returns {boolean}
+   */
+  isOutsideClick(t) {
+    return !this.panel.contains(t) && this.button && !this.button.contains(t);
+  }
+  /**
+   * This will set up the events.
+   *
+   * @returns {array}
+   */
+  setupEvents() {
+    return [
+      ["click", document, (t) => {
+        this.isOutsideClick(t.target) && (this.state.open = !1);
+      }],
+      ["resize", window, (t) => this.updatePosition()],
+      ["scroll", document, (t) => this.updatePosition()]
+    ];
+  }
+  /**
+   * This will override the set up to use the app shell.
+   *
+   * @param {object} container
+   */
+  setContainer(t) {
+    this.container = app.root;
+  }
+  /**
+   * This will hide the popover before destroying.
+   *
+   * @returns {void}
+   */
+  beforeDestroy() {
+    this.panel.hidePopover();
+  }
+}
+const H = k(({ src: e, alt: t }) => e ? I({
+  class: "absolute w-full h-full rounded-full object-cover fadeIn",
+  src: e,
+  alt: t,
+  /**
+   * If there's an error loading the image, hide it.
+   */
+  error: (n) => n.target.style.display = "none"
+}) : null), R = (e) => e.split(" ").map((t) => t.charAt(0)).join(""), B = (e) => !e || e.length < 2 ? e : R(e), X = (e) => M([e, (t, n) => {
+  n.textContent = B(t);
+}]), S = {
+  xs: "h-6 w-6",
+  sm: "h-8 w-8",
+  md: "h-12 w-12",
+  lg: "h-16 w-16",
+  xl: "h-24 w-24",
+  "2xl": "h-32 w-32",
+  "3xl": "h-48 w-48",
+  default: "h-12 w-12"
+}, T = {
+  xs: "text-[7px]",
+  sm: "text-xs",
+  md: "text-base",
+  lg: "text-xl",
+  xl: "text-2xl",
+  "2xl": "text-3xl",
+  "3xl": "text-4xl",
+  default: "text-base"
+}, E = (e) => S[e] || S.default, G = (e) => T[e] || T.default, L = (e, t = null, n = "md") => {
+  const s = B(e), o = G(n);
+  return i(
+    {
+      class: `
+            flex items-center justify-center w-full h-full rounded-full
+            bg-muted text-muted-foreground font-medium
+            ${o}
+        `
+    },
+    [
+      t ? X(t) : M(s)
+    ]
+  );
+}, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
+  const a = E(o);
+  return i(
+    {
+      class: `relative flex items-center justify-center ${a}`
+    },
+    [
+      H({ src: e, alt: t }),
+      L(n, s, o)
+    ]
+  );
+}), x = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), q = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), p = (e, t, n) => `${e}-${x(t + 1)}-${x(n)}`, J = (e) => e ? "bg-accent text-primary" : "", K = (e) => e ? "text-muted-foreground opacity-50" : "", Q = (e, t) => e === t, U = (e, t) => Q(e, t) ? "bg-primary text-primary-foreground" : "", V = (e, t, n, s) => {
+  const o = U(t, s);
+  return o || (e ? J(e) : n ? K(n) : "text-foreground");
+}, v = (e) => {
+  const {
+    day: t,
+    currentDate: n,
+    date: s,
+    isToday: o,
+    isOutsideMonth: a,
+    select: l,
+    disabled: c
+  } = e;
+  return Y(
+    {
+      class: `
+				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
+				${V(o, n, a, s)}
+				hover:bg-muted/50 focus:z-10
+			`,
+      disabled: c || t === null,
+      "aria-label": t ? `Day ${t}` : null,
+      // Only call select if it's not disabled.
+      click: () => !c && l(s)
+    },
+    t.toString()
+  );
+}, b = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
+  const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, w = a === 0 ? o - 1 : o;
+  for (let r = c - 1; r >= 0; r--) {
+    const u = h - r, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
+    d.push(
+      v({
+        day: u,
+        currentDate: l,
+        date: p(w, D, u),
+        isToday: g,
+        isOutsideMonth: !0,
+        select: n,
+        disabled: F
+      })
+    );
+  }
+  for (let r = 1; r <= f; r++) {
+    const u = b(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
+    d.push(
+      v({
+        day: r,
+        currentDate: l,
+        date: p(o, a, r),
+        isToday: u,
+        isOutsideMonth: !1,
+        select: n,
+        disabled: m
+      })
+    );
+  }
+  const y = a === 11 ? 0 : a + 1, C = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
+  for (let r = 1; r <= O; r++) {
+    const u = b(r, y, C, t), g = new Date(C, y, r) < new Date(t.year, t.month, t.date), m = s && g;
+    d.push(
+      v({
+        day: r,
+        currentDate: l,
+        date: p(C, y, r),
+        isToday: u,
+        isOutsideMonth: !0,
+        select: n,
+        disabled: m
+      })
+    );
+  }
+  return d;
+}, _ = (e) => i(
+  { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
+  e
+), $ = ({ label: e, click: t }) => A(
+  {
+    class: `
+            inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
+            opacity-50 hover:opacity-100 text-muted-foreground absolute
+            ${e === "Previous" ? "left-1" : "right-1"}
+            focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
+          `,
+    click: t,
+    "aria-label": `${e} month`,
+    variant: "icon",
+    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
+  }
+), tt = ({ next: e, previous: t }) => i({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
+  M("[[monthName]] [[current.year]]"),
+  $({
+    label: "Previous",
+    click: t
+  }),
+  $({
+    label: "Next",
+    click: e
+  })
+]), et = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(_), nt = (e) => i({ class: "rdp w-full space-y-1" }, [
+  tt({
+    next: e.next,
+    previous: e.previous
+  }),
+  i({
+    class: "flex flex-auto flex-col w-full",
+    onSet: [
+      "currentDate",
+      () => [
+        i({ class: "grid grid-cols-7" }, et()),
+        i(
+          { class: "grid grid-cols-7" },
+          Z(
+            e.current,
+            e.today,
+            e.select,
+            e.blockPriorDates
+          )
+        )
+      ]
+    ]
+  })
+]);
+class ut extends N {
+  /**
+  * This will declare the props for the compiler.
+  *
+  * @returns {void}
+  */
+  declareProps() {
+    this.selectedDate = null, this.selectedCallBack = null, this.blockPriorDates = !1;
+  }
+  /**
+   * This will get the selected data.
+   *
+   * @param {object} today
+   * @returns {Date}
+   */
+  getSelectedDate(t) {
+    const n = this.selectedDate ? new Date(q(this.selectedDate)) : t;
+    return new Date(n.getFullYear(), n.getMonth(), n.getDate());
+  }
+  /**
+   * This will set up the data for the calendar.
+   *
+   * @returns {Data}
+   */
+  setData() {
+    const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), s = n.getMonth();
+    return new z({
+      monthName: this.getMonthName(s),
+      currentDate: `${n.getFullYear()}-${s + 1}-${n.getDate()}`,
+      current: {
+        date: n.getDate(),
+        year: n.getFullYear(),
+        month: s
+      },
+      today: {
+        date: t.getDate(),
+        month: t.getMonth(),
+        year: t.getFullYear()
+      }
+    });
+  }
+  /**
+   * This will get the name of the month.
+   *
+   * @param {number} month
+   * @returns {string}
+   */
+  getMonthName(t) {
+    return j.monthNames[t];
+  }
+  /**
+   * This will go to the previous month.
+   *
+   * @returns {void}
+   */
+  goToPreviousMonth() {
+    const t = this.data;
+    let n = t.current.month, s = t.current.year;
+    n === 0 ? (n = 11, s--) : n--, this.setCurrentDate(n, s);
+  }
+  /**
+   * This will go to the next month.
+   *
+   * @returns {void}
+   */
+  goToNextMonth() {
+    const t = this.data;
+    let n = t.current.month, s = t.current.year;
+    n === 11 ? (n = 0, s++) : n++, this.setCurrentDate(n, s);
+  }
+  /**
+   * This will set the current month and year.
+   *
+   * @param {number} month
+   * @param {number} year
+   * @param {number} [date=null]
+   * @returns {void}
+   */
+  setCurrentDate(t, n, s = null) {
+    const o = this.data;
+    o.current.month = t, o.current.year = n, typeof s == "number" && (o.current.date = x(s)), o.currentDate = `${n}-${x(t + 1)}-${o.current.date}`, o.monthName = this.getMonthName(t);
+  }
+  /**
+   * This will select a date.
+   *
+   * @param {string} date
+   * @returns {void}
+   */
+  selectDate(t) {
+    const n = /* @__PURE__ */ new Date(t + "T00:00:00");
+    this.setCurrentDate(n.getMonth(), n.getFullYear(), n.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
+  }
+  /**
+   * This will render the calendar.
+   *
+   * @returns {object}
+   */
+  render() {
+    return i({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
+      nt({
+        current: this.data.current,
+        today: this.data.today,
+        select: (t) => this.selectDate(t),
+        next: () => this.goToNextMonth(),
+        previous: () => this.goToPreviousMonth(),
+        blockPriorDates: this.blockPriorDates || !1
+      })
+    ]);
+  }
+}
+export {
+  ct as A,
+  Z as C,
+  v as D,
+  p as F,
+  nt as M,
+  lt as P,
+  _ as a,
+  ut as b,
+  q as c,
+  W as g,
+  x as p
+};

package/dist/{confirmation-34GijCiu.js → confirmation-B5mxZK4X.js}

@@ -1,6 +1,6 @@
 import { Div as n, I as f, H5 as _, P as p, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
 import { Atom as c, Component as b, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
-import { P as D, b as te } from "./calendar-BjUju8_5.js";
+import { P as D, b as te } from "./calendar-BBscVRVI.js";
 import { B as u, I as x } from "./buttons-CVEwmPAi.js";
 import { Icons as d } from "./icons.es.js";
 import { a as w } from "./veil-DSQdR6CM.js";

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
 import { C as D, d as I, D as S, c as b, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-C1dvFQuB.js";
 import { V as w, a as U } from "./veil-DSQdR6CM.js";
 import { Icons as R } from "./icons.es.js";
-import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-34GijCiu.js";
-import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BjUju8_5.js";
-import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-DHDNfCGU.js";
+import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-B5mxZK4X.js";
+import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BBscVRVI.js";
+import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-C1bUEMdU.js";
 import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-DyNFnla-.js";
 import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-lAu74WTl.js";
 import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-McEj_Gxc.js";

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-34GijCiu.js";
-import { A as O, P as R, g as _ } from "./calendar-BjUju8_5.js";
+import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-B5mxZK4X.js";
+import { A as O, P as R, g as _ } from "./calendar-BBscVRVI.js";
 export {
   o as Alert,
   O as Avatar,

package/dist/organisms.es.js

@@ -1,5 +1,5 @@
-import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-DHDNfCGU.js";
-import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-BjUju8_5.js";
+import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-C1bUEMdU.js";
+import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-BBscVRVI.js";
 import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-DyNFnla-.js";
 export {
   s as BackButton,

package/dist/{signature-panel-DHDNfCGU.js → signature-panel-C1bUEMdU.js}

@@ -4,7 +4,7 @@ import { B as C, I as z } from "./buttons-CVEwmPAi.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as _, List as G, IntervalTimer as V } from "@base-framework/organisms";
 import { C as J, I as Z, H as ee } from "./inputs-C1dvFQuB.js";
-import { A as te, P as se } from "./calendar-BjUju8_5.js";
+import { A as te, P as se } from "./calendar-BBscVRVI.js";
 u((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/dist/types/components/organisms/calendar/calendar.d.ts

@@ -18,6 +18,13 @@ export class Calendar extends Component {
      * @default null
      */
     selectedCallBack: any;
+    /**
+     * This will block prior dates.
+     *
+     * @member {boolean} blockPriorDates
+     * @default false
+     */
+    blockPriorDates: boolean;
     /**
      * This will get the selected data.
      *

package/dist/types/components/organisms/calendar/month/calendar-cells.d.ts

@@ -1 +1 @@
-export function CalendarCells(current: object, today: object, selectCallBack: Function): object;
+export function CalendarCells(current: object, today: object, selectCallBack: Function, blockPriorDates?: boolean): object[];

package/dist/types/components/organisms/calendar/month/day-cell.d.ts

@@ -1 +1 @@
-export function DayCell({ day, currentDate, date, isToday, isOutsideMonth, select }: object): object;
+export function DayCell(props: object): object;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.21",
+	"version": "1.0.22",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {

package/dist/calendar-BjUju8_5.js

@@ -1,414 +0,0 @@
-import { Div as l, Img as k, Span as D, Button as F } from "@base-framework/atoms";
-import { Component as $, Data as P, Atom as z, DateTime as O } from "@base-framework/base";
-import { B } from "./buttons-CVEwmPAi.js";
-import { Icons as v } from "./icons.es.js";
-const I = (t, e) => {
-  const n = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = e.getBoundingClientRect(), o = 10, a = window.scrollX, c = window.scrollY;
-  let d = n.left + a, u = n.bottom + c;
-  const i = window.innerHeight - n.bottom, f = n.top;
-  return d + s.width > window.innerWidth && (d = window.innerWidth - s.width - o), i < s.height && f > i ? u = n.top + c - s.height - o : i < s.height && (u = n.bottom + c - (s.height - i) - o), { x: d, y: u };
-};
-class ot extends $ {
-  /**
-   * This will set up the data.
-   *
-   * @returns {object}
-   */
-  setData() {
-    const e = this.parent.data || new P();
-    return e.set({
-      position: { x: 0, y: 0 }
-    }), e;
-  }
-  /**
-   * This will get the class size.
-   *
-   * @returns {string}
-   */
-  getSize() {
-    switch (this.size || "lg") {
-      case "sm":
-        return "w-48";
-      case "md":
-        return "w-64";
-      case "lg":
-        return "w-[250px]";
-      case "xl":
-        return "w-96";
-      case "2xl":
-        return "w-[400px]";
-      case "fit":
-        return "w-fit";
-      case "full":
-        return "w-full";
-    }
-  }
-  /**
-   * This will render the modal component.
-   *
-   * @returns {object}
-   */
-  render() {
-    const e = this.getSize();
-    return l({
-      class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${e}`,
-      popover: "auto",
-      toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
-      style: "top: [[position.y]]px; left: [[position.x]]px"
-    }, this.children);
-  }
-  /**
-   * This will setup the states.
-   *
-   * @returns {object}
-   */
-  setupStates() {
-    return {
-      open: {
-        id: this.parent.getId(),
-        callBack: (s) => {
-          this.state.open === !1 && this.destroy();
-        }
-      }
-    };
-  }
-  /**
-   * Updates the dropdown position.
-   *
-   * @returns {void}
-   */
-  updatePosition() {
-    const e = this.button ?? null, n = this.panel, s = I(e, n);
-    this.data.position = s;
-  }
-  /**
-   * This will run after the setup.
-   *
-   * @returns {void}
-   */
-  afterSetup() {
-    this.panel.showPopover(), this.updatePosition();
-  }
-  /**
-   * This will check if the element clicked was in the
-   * component of the button.
-   *
-   * @param {object} element
-   * @returns {boolean}
-   */
-  isOutsideClick(e) {
-    return !this.panel.contains(e) && this.button && !this.button.contains(e);
-  }
-  /**
-   * This will set up the events.
-   *
-   * @returns {array}
-   */
-  setupEvents() {
-    return [
-      ["click", document, (e) => {
-        this.isOutsideClick(e.target) && (this.state.open = !1);
-      }],
-      ["resize", window, (e) => this.updatePosition()],
-      ["scroll", document, (e) => this.updatePosition()]
-    ];
-  }
-  /**
-   * This will override the set up to use the app shell.
-   *
-   * @param {object} container
-   */
-  setContainer(e) {
-    this.container = app.root;
-  }
-  /**
-   * This will hide the popover before destroying.
-   *
-   * @returns {void}
-   */
-  beforeDestroy() {
-    this.panel.hidePopover();
-  }
-}
-const Y = z(({ src: t, alt: e }) => t ? k({
-  class: "absolute w-full h-full rounded-full object-cover fadeIn",
-  src: t,
-  alt: e,
-  /**
-   * If there's an error loading the image, hide it.
-   */
-  error: (n) => n.target.style.display = "none"
-}) : null), j = (t) => t.split(" ").map((e) => e.charAt(0)).join(""), N = (t) => !t || t.length < 2 ? t : j(t), A = (t) => D([t, (e, n) => {
-  n.textContent = N(e);
-}]), M = {
-  xs: "h-6 w-6",
-  sm: "h-8 w-8",
-  md: "h-12 w-12",
-  lg: "h-16 w-16",
-  xl: "h-24 w-24",
-  "2xl": "h-32 w-32",
-  "3xl": "h-48 w-48",
-  default: "h-12 w-12"
-}, b = {
-  xs: "text-[7px]",
-  sm: "text-xs",
-  md: "text-base",
-  lg: "text-xl",
-  xl: "text-2xl",
-  "2xl": "text-3xl",
-  "3xl": "text-4xl",
-  default: "text-base"
-}, W = (t) => M[t] || M.default, H = (t) => b[t] || b.default, R = (t, e = null, n = "md") => {
-  const s = N(t), o = H(n);
-  return l(
-    {
-      class: `
-            flex items-center justify-center w-full h-full rounded-full
-            bg-muted text-muted-foreground font-medium
-            ${o}
-        `
-    },
-    [
-      e ? A(e) : D(s)
-    ]
-  );
-}, rt = z(({ src: t, alt: e, fallbackText: n, watcherFallback: s, size: o }) => {
-  const a = W(o);
-  return l(
-    {
-      class: `relative flex items-center justify-center ${a}`
-    },
-    [
-      Y({ src: t, alt: e }),
-      R(n, s, o)
-    ]
-  );
-}), p = (t) => (t *= 1, t < 10 ? `0${t}` : String(t)), X = (t) => (t.indexOf("T") === -1 && t.indexOf(" ") === -1 && (t += "T00:00:01"), t.replace(" ", "T"), t), g = (t, e, n) => `${t}-${p(e + 1)}-${p(n)}`, E = (t) => t ? "bg-accent text-primary" : "", G = (t) => t ? "text-muted-foreground opacity-50" : "", L = (t, e) => t === e, q = (t, e) => L(t, e) ? "bg-primary text-primary-foreground" : "", J = (t, e, n, s) => {
-  const o = q(e, s);
-  if (o)
-    return o;
-  const a = E(t);
-  if (t)
-    return a;
-  const c = G(n);
-  return n ? c : "text-foreground";
-}, m = ({ day: t, currentDate: e, date: n, isToday: s, isOutsideMonth: o, select: a }) => F(
-  {
-    class: `
-        flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-        ${J(s, e, o, n)}
-        hover:bg-muted/50 focus:z-10
-      `,
-    disabled: t === null,
-    "aria-label": t ? `Day ${t}` : null,
-    click: () => a(n)
-  },
-  t.toString()
-), x = (t, e, n, s) => t === s.date && e === s.month && n === s.year, K = (t, e, n) => {
-  const { year: s, month: o } = t, a = g(s, o, t.date), c = new Date(s, o, 1).getDay(), d = new Date(s, o + 1, 0).getDate(), u = new Date(s, o, 0).getDate(), i = [], f = o === 0 ? 11 : o - 1, w = o === 0 ? s - 1 : s;
-  for (let r = c - 1; r >= 0; r--) {
-    const h = x(u - r, f, w, e);
-    i.push(
-      m({
-        day: u - r,
-        currentDate: a,
-        date: g(w, f, u - r),
-        isToday: h,
-        isOutsideMonth: !0,
-        select: n
-      })
-    );
-  }
-  for (let r = 1; r <= d; r++) {
-    const h = x(r, o, s, e);
-    i.push(
-      m({
-        day: r,
-        currentDate: a,
-        date: g(s, o, r),
-        isToday: h,
-        isOutsideMonth: !1,
-        select: n
-      })
-    );
-  }
-  const y = o === 11 ? 0 : o + 1, C = o === 11 ? s + 1 : s, T = (7 - i.length % 7) % 7;
-  for (let r = 1; r <= T; r++) {
-    const h = x(r, y, C, e);
-    i.push(
-      m({
-        day: r,
-        currentDate: a,
-        date: g(C, y, r),
-        isToday: h,
-        isOutsideMonth: !0,
-        select: n
-      })
-    );
-  }
-  return i;
-}, Q = (t) => l(
-  { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
-  t
-), S = ({ label: t, click: e }) => B(
-  {
-    class: `
-            inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
-            opacity-50 hover:opacity-100 text-muted-foreground absolute
-            ${t === "Previous" ? "left-1" : "right-1"}
-            focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
-          `,
-    click: e,
-    "aria-label": `${t} month`,
-    variant: "icon",
-    icon: t === "Previous" ? v.chevron.single.left : v.chevron.single.right
-  }
-), U = ({ next: t, previous: e }) => l({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
-  D("[[monthName]] [[current.year]]"),
-  S({
-    label: "Previous",
-    click: e
-  }),
-  S({
-    label: "Next",
-    click: t
-  })
-]), V = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(Q), Z = (t) => l({ class: "rdp w-full space-y-1" }, [
-  U({
-    next: t.next,
-    previous: t.previous
-  }),
-  l({
-    class: "flex flex-auto flex-col w-full",
-    onSet: ["currentDate", () => [
-      l({ class: "grid grid-cols-7" }, V()),
-      l({ class: "grid grid-cols-7" }, K(
-        t.current,
-        t.today,
-        t.select
-      ))
-    ]]
-  })
-]);
-class at extends $ {
-  /**
-  * This will declare the props for the compiler.
-  *
-  * @returns {void}
-  */
-  declareProps() {
-    this.selectedDate = null, this.selectedCallBack = null;
-  }
-  /**
-   * This will get the selected data.
-   *
-   * @param {object} today
-   * @returns {Date}
-   */
-  getSelectedDate(e) {
-    const n = this.selectedDate ? new Date(X(this.selectedDate)) : e;
-    return new Date(n.getFullYear(), n.getMonth(), n.getDate());
-  }
-  /**
-   * This will set up the data for the calendar.
-   *
-   * @returns {Data}
-   */
-  setData() {
-    const e = /* @__PURE__ */ new Date(), n = this.getSelectedDate(e), s = n.getMonth();
-    return new P({
-      monthName: this.getMonthName(s),
-      currentDate: `${n.getFullYear()}-${s + 1}-${n.getDate()}`,
-      current: {
-        date: n.getDate(),
-        year: n.getFullYear(),
-        month: s
-      },
-      today: {
-        date: e.getDate(),
-        month: e.getMonth(),
-        year: e.getFullYear()
-      }
-    });
-  }
-  /**
-   * This will get the name of the month.
-   *
-   * @param {number} month
-   * @returns {string}
-   */
-  getMonthName(e) {
-    return O.monthNames[e];
-  }
-  /**
-   * This will go to the previous month.
-   *
-   * @returns {void}
-   */
-  goToPreviousMonth() {
-    const e = this.data;
-    let n = e.current.month, s = e.current.year;
-    n === 0 ? (n = 11, s--) : n--, this.setCurrentDate(n, s);
-  }
-  /**
-   * This will go to the next month.
-   *
-   * @returns {void}
-   */
-  goToNextMonth() {
-    const e = this.data;
-    let n = e.current.month, s = e.current.year;
-    n === 11 ? (n = 0, s++) : n++, this.setCurrentDate(n, s);
-  }
-  /**
-   * This will set the current month and year.
-   *
-   * @param {number} month
-   * @param {number} year
-   * @param {number} [date=null]
-   * @returns {void}
-   */
-  setCurrentDate(e, n, s = null) {
-    const o = this.data;
-    o.current.month = e, o.current.year = n, typeof s == "number" && (o.current.date = p(s)), o.currentDate = `${n}-${p(e + 1)}-${o.current.date}`, o.monthName = this.getMonthName(e);
-  }
-  /**
-   * This will select a date.
-   *
-   * @param {string} date
-   * @returns {void}
-   */
-  selectDate(e) {
-    const n = /* @__PURE__ */ new Date(e + "T00:00:00");
-    this.setCurrentDate(n.getMonth(), n.getFullYear(), n.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
-  }
-  /**
-   * This will render the calendar.
-   *
-   * @returns {object}
-   */
-  render() {
-    return l({ class: "calendar-container p-3 rounded-md border min-w-80" }, [
-      Z({
-        current: this.data.current,
-        today: this.data.today,
-        select: (e) => this.selectDate(e),
-        next: () => this.goToNextMonth(),
-        previous: () => this.goToPreviousMonth()
-      })
-    ]);
-  }
-}
-export {
-  rt as A,
-  K as C,
-  m as D,
-  g as F,
-  Z as M,
-  ot as P,
-  Q as a,
-  at as b,
-  X as c,
-  I as g,
-  p
-};