@base-framework/ui 1.0.300 → 1.0.302

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-DD5l7kTI.js";
+import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-EO3J6QFR.js";
 import { B as d, I as g, L as C } from "./buttons-CHEs54Wl.js";
-import { C as T, F as D, V as I, a as b } from "./veil-B1pwIy-D.js";
-import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DJhlHvWE.js";
+import { C as T, F as D, V as I, a as b } from "./veil-fLMV40Wv.js";
+import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-9udyzkHR.js";
 import { Icons as G } from "./icons.es.js";
-import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-KJX3HcJo.js";
-import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-CcFEHyEp.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-C2lrBRBh.js";
+import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-BunnaSN9.js";
+import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-CnBylqhu.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-CEqzd6Sa.js";
 import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-CWqhZ0qz.js";
 import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-UmKsAvjb.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-sUm-F2f0.js";

package/dist/{inputs-DJhlHvWE.js → inputs-9udyzkHR.js}

@@ -1,7 +1,7 @@
-import { Div as u, Label as h, Checkbox as f, Span as $, OnState as p, I as x, Input as n, Textarea as k } from "@base-framework/atoms";
+import { Div as u, Label as h, Checkbox as m, Span as $, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
 import { Jot as g, Atom as s } from "@base-framework/base";
 import { Icons as y } from "./icons.es.js";
-const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", m = `${I} ${r} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => f({
+const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", f = `${I} ${n} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => m({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -28,7 +28,7 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
     "checked",
     {
       "bg-primary": !0,
-      "text-foreground": !0,
+      "text-primary-foreground": !0,
       "border-primary": !0
     }
   ],
@@ -83,7 +83,7 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
      */
     render() {
       const e = this.getId(), c = (t) => this.clickHandler(t);
-      return u({ class: `flex items-center space-x-2 cursor-pointer ${this.class || ""}` }, [
+      return u({ class: `flex items-center gap-x-2 cursor-pointer ${this.class || ""}` }, [
         w({
           id: e,
           // @ts-ignore
@@ -107,9 +107,9 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
 }, D = (e) => {
   const c = e.target, t = H(c.value);
   t && (c.value = t);
-}, i = s((e) => n({
+}, i = s((e) => r({
   ...e,
-  class: `${m} ${e.class || ""}`.trim()
+  class: `${f} ${e.class || ""}`.trim()
 })), M = s((e) => i({
   ...e,
   type: "tel",
@@ -127,34 +127,34 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
 })), q = s((e) => k({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${o} ${l} ${a} ${e.class || ""}`.trim()
-})), R = (e = {}) => u({ class: "flex items-center space-x-2" }, [
-  n({
+  class: `flex w-full h-24 px-3 py-2 text-sm ${n} ${o} ${l} ${a} ${e.class || ""}`.trim()
+})), R = (e = {}) => u({ class: "flex items-center gap-x-2" }, [
+  r({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
   e.label && h({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), U = s((e) => n({
+]), U = s((e) => r({
   ...e,
   type: "date",
-  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => r({
   ...e,
   type: "time",
-  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), j = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), j = s((e) => r({
   ...e,
   type: "datetime-local",
-  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => r({
   ...e,
   type: "month",
-  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => r({
   ...e,
   type: "week",
-  class: `${r} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), B = s((e) => i({
   ...e,
   type: "number"
@@ -172,19 +172,19 @@ const O = s((e) => i({
 })), G = s((e) => i({
   ...e,
   type: "hidden"
-})), K = s((e) => n({
+})), K = s((e) => r({
   ...e,
   type: "color",
-  class: `${r} text-foreground p-0 ${a} ${e.class || ""}`.trim()
+  class: `${n} text-foreground p-0 ${a} ${e.class || ""}`.trim()
 }));
-s((e) => f({
+s((e) => m({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${r} ${o} ${a} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${n} ${o} ${a} ${e.class || ""}`.trim()
 }));
-const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => n({
+const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
   ...e,
   type: "file",
-  class: `${m} ${E} ${e.class || ""}`.trim()
+  class: `${f} ${E} ${e.class || ""}`.trim()
 }));
 export {
   L as C,
@@ -206,5 +206,5 @@ export {
   K as d,
   a as e,
   o as f,
-  m as g
+  f as g
 };

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-KJX3HcJo.js";
-import { A as V, P as W, g as X } from "./range-calendar-CcFEHyEp.js";
+import { A as s, B as t, C as r, w as e, J as i, y as n, z as m, E as l, G as C, D as d, m as S, n as p, O as u, K as D, v as c, c as g, a as F, b as T, Q as P, l as A, g as f, i as w, h as I, j as b, e as y, k as B, F as M, d as k, f as x, L, x as v, M as E, o as N, N as R, P as U, s as h, t as G, S as O, q as j, r as q, T as z, H, I as J, p as K, u as Q } from "./empty-state-BunnaSN9.js";
+import { A as V, P as W, g as X } from "./range-calendar-CnBylqhu.js";
 export {
   s as Alert,
   V as Avatar,

package/dist/organisms.es.js

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

package/dist/{range-calendar-CcFEHyEp.js → range-calendar-CnBylqhu.js}

@@ -3,10 +3,10 @@ import { Component as O, Data as B, Atom as j, DateTime as T } from "@base-frame
 import { B as f } from "./buttons-CHEs54Wl.js";
 import { Icons as P } from "./icons.es.js";
 const U = (n, t) => {
-  const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, c = globalThis.scrollY;
-  let i = e.left + r, d = e.bottom + c;
+  const e = n ? n.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;
+  let i = e.left + r, d = e.bottom + l;
   const g = globalThis.innerHeight - e.bottom, m = e.top;
-  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && m > g ? d = e.top + c - a.height - s : g < a.height && (d = e.bottom + c - (a.height - g) - s), { x: i, y: d };
+  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && m > g ? d = e.top + l - a.height - s : g < a.height && (d = e.bottom + l - (a.height - g) - s), { x: i, y: d };
 };
 class Pt extends O {
   /**
@@ -205,7 +205,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
       a.substring(0, 3)
     )
   )
-), D = (n) => (n *= 1, n < 10 ? `0${n}` : String(n)), nt = (n) => (n.indexOf("T") === -1 && n.indexOf(" ") === -1 && (n += "T00:00:01"), n.replace(" ", "T"), n), w = (n, t, e) => `${n}-${D(t + 1)}-${D(e)}`, at = (n) => n ? "bg-accent text-primary" : "", st = (n) => n ? "text-muted-foreground opacity-50" : "", rt = (n, t) => n === t, ot = (n, t) => rt(n, t) ? "bg-primary text-foreground" : "", it = (n, t, e, a) => {
+), D = (n) => (n *= 1, n < 10 ? `0${n}` : String(n)), nt = (n) => (n.indexOf("T") === -1 && n.indexOf(" ") === -1 && (n += "T00:00:01"), n.replace(" ", "T"), n), w = (n, t, e) => `${n}-${D(t + 1)}-${D(e)}`, at = (n) => n ? "bg-accent text-primary" : "", st = (n) => n ? "text-muted-foreground opacity-50" : "", rt = (n, t) => n === t, ot = (n, t) => rt(n, t) ? "bg-primary text-primary-foreground" : "", it = (n, t, e, a) => {
   const s = ot(t, a);
   return s || (n ? at(n) : e ? st(e) : "text-foreground");
 }, N = (n) => {
@@ -215,7 +215,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     date: a,
     isToday: s,
     isOutsideMonth: r,
-    select: c,
+    select: l,
     disabled: i
   } = n;
   return L(
@@ -229,18 +229,18 @@ const q = j(({ src: n, alt: t }) => n ? _({
       disabled: i || t === null,
       "aria-label": t ? `Day ${t}` : null,
       // Only call select if it's not disabled.
-      click: () => !i && c(a)
+      click: () => !i && l(a)
     },
     t.toString()
   );
-}, Y = (n, t, e, a) => n === a.date && t === a.month && e === a.year, ct = (n, t, e, a = !1) => {
-  const { year: s, month: r } = n, c = w(s, r, n.date), i = new Date(s, r, 1).getDay(), d = new Date(s, r + 1, 0).getDate(), g = new Date(s, r, 0).getDate(), m = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
+}, Y = (n, t, e, a) => n === a.date && t === a.month && e === a.year, lt = (n, t, e, a = !1) => {
+  const { year: s, month: r } = n, l = w(s, r, n.date), i = new Date(s, r, 1).getDay(), d = new Date(s, r + 1, 0).getDate(), g = new Date(s, r, 0).getDate(), m = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
   for (let o = i - 1; o >= 0; o--) {
     const u = g - o, p = Y(u, C, v, t), y = new Date(v, C, u) < new Date(t.year, t.month, t.date), x = a && y;
     m.push(
       N({
         day: u,
-        currentDate: c,
+        currentDate: l,
         date: w(v, C, u),
         isToday: p,
         isOutsideMonth: !0,
@@ -254,7 +254,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     m.push(
       N({
         day: o,
-        currentDate: c,
+        currentDate: l,
         date: w(s, r, o),
         isToday: u,
         isOutsideMonth: !1,
@@ -263,13 +263,13 @@ const q = j(({ src: n, alt: t }) => n ? _({
       })
     );
   }
-  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, l = (7 - m.length % 7) % 7;
-  for (let o = 1; o <= l; o++) {
+  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - m.length % 7) % 7;
+  for (let o = 1; o <= c; o++) {
     const u = Y(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
     m.push(
       N({
         day: o,
-        currentDate: c,
+        currentDate: l,
         date: w($, b, o),
         isToday: u,
         isOutsideMonth: !0,
@@ -292,7 +292,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
     variant: "icon",
     icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), lt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
+), ct = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   f({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   R({ label: "Previous", click: a }),
@@ -300,8 +300,8 @@ const q = j(({ src: n, alt: t }) => n ? _({
 ]), ht = (n) => h(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   n
-), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (n) => h({ class: "rdp w-full space-y-1" }, [
-  lt({
+), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (n) => h({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
+  ct({
     onMonthClick: n.onMonthClick,
     onYearClick: n.onYearClick,
     next: n.next,
@@ -315,7 +315,7 @@ const q = j(({ src: n, alt: t }) => n ? _({
         h({ class: "grid grid-cols-7" }, ut()),
         h(
           { class: "grid grid-cols-7" },
-          ct(
+          lt(
             n.current,
             n.today,
             n.select,
@@ -326,14 +326,14 @@ const q = j(({ src: n, alt: t }) => n ? _({
     ]
   })
 ]), gt = ({ currentMonth: n, currentYear: t, onSelect: e }) => {
-  const a = t - 50, s = Array.from({ length: 101 }, (r, c) => a + c);
+  const a = t - 50, s = Array.from({ length: 101 }, (r, l) => a + l);
   return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     s.map(
       (r) => f(
         {
-          click: (c) => {
-            c.preventDefault(), c.stopPropagation(), e(r);
+          click: (l) => {
+            l.preventDefault(), l.stopPropagation(), e(r);
           },
           variant: r === t ? "primary" : "ghost",
           "aria-label": `Select ${r}`
@@ -508,7 +508,7 @@ const W = ({ label: n, click: t }) => f(
     variant: "icon",
     icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), mt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center space-x-2 relative min-h-12 text-sm font-medium" }, [
+), mt = ({ onMonthClick: n, onYearClick: t, next: e, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
   f({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
   f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   W({ label: "Previous", click: a }),
@@ -516,9 +516,9 @@ const W = ({ label: n, click: t }) => f(
 ]), ft = (n) => h({ class: "h-9 flex items-center justify-center font-medium" }, n), pt = () => h(
   { class: "grid grid-cols-7 gap-1 text-center text-xs font-medium text-muted-foreground mb-2" },
   ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ft)
-), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: c, click: i }) => {
+), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: l, click: i }) => {
   let d = "ghost", g = "";
-  return a || s ? (d = "default", g = "bg-primary text-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), e && (g += " opacity-50 cursor-not-allowed"), c && (g += " text-muted-foreground opacity-50"), f(
+  return a || s ? (d = "default", g = "bg-primary text-primary-foreground hover:bg-primary/90") : r && (g = "bg-accent text-accent-foreground hover:bg-accent/80"), e && (g += " opacity-50 cursor-not-allowed"), l && (g += " text-muted-foreground opacity-50"), f(
     {
       class: `flex items-center justify-center p-0 text-sm font-medium rounded-md transition-colors ${g}`,
       variant: d,
@@ -530,9 +530,9 @@ const W = ({ label: n, click: t }) => f(
     n.toString()
   );
 }, Dt = ({ today: n, current: t, blockPriorDates: e, onDateClick: a }) => {
-  const { start: s, end: r } = t, c = new Date(t.year, t.month, 1).getDay(), i = new Date(t.year, t.month + 1, 0).getDate(), d = [], g = t.month === 0 ? 11 : t.month - 1, m = t.month === 0 ? t.year - 1 : t.year, C = new Date(m, g + 1, 0).getDate(), v = t.month === 11 ? 0 : t.month + 1, b = t.month === 11 ? t.year + 1 : t.year;
-  for (let l = c - 1; l >= 0; l--) {
-    const o = C - l, u = w(m, g, o), p = new Date(m, g, o), y = new Date(n.year, n.month, n.date), x = p < y, M = e && x, S = s === u, k = r === u, X = s && r && u > s && u < r;
+  const { start: s, end: r } = t, l = new Date(t.year, t.month, 1).getDay(), i = new Date(t.year, t.month + 1, 0).getDate(), d = [], g = t.month === 0 ? 11 : t.month - 1, m = t.month === 0 ? t.year - 1 : t.year, C = new Date(m, g + 1, 0).getDate(), v = t.month === 11 ? 0 : t.month + 1, b = t.month === 11 ? t.year + 1 : t.year;
+  for (let c = l - 1; c >= 0; c--) {
+    const o = C - c, u = w(m, g, o), p = new Date(m, g, o), y = new Date(n.year, n.month, n.date), x = p < y, M = e && x, S = s === u, k = r === u, X = s && r && u > s && u < r;
     d.push({
       day: o,
       iso: u,
@@ -544,10 +544,10 @@ const W = ({ label: n, click: t }) => f(
       click: () => a(u)
     });
   }
-  for (let l = 1; l <= i; l++) {
-    const o = w(t.year, t.month, l), u = new Date(t.year, t.month, l), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
+  for (let c = 1; c <= i; c++) {
+    const o = w(t.year, t.month, c), u = new Date(t.year, t.month, c), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
-      day: l,
+      day: c,
       iso: o,
       disabled: x,
       isStart: M,
@@ -560,10 +560,10 @@ const W = ({ label: n, click: t }) => f(
     });
   }
   const F = (7 - d.length % 7) % 7;
-  for (let l = 1; l <= F; l++) {
-    const o = w(b, v, l), u = new Date(b, v, l), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
+  for (let c = 1; c <= F; c++) {
+    const o = w(b, v, c), u = new Date(b, v, c), p = new Date(n.year, n.month, n.date), y = u < p, x = e && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
-      day: l,
+      day: c,
       iso: o,
       disabled: x,
       isStart: M,
@@ -576,15 +576,15 @@ const W = ({ label: n, click: t }) => f(
   return h(
     { class: "grid grid-cols-7 gap-1" },
     d.map(
-      (l, o) => yt({
-        day: l.day,
-        iso: l.iso,
-        disabled: l.disabled,
-        isStart: l.isStart,
-        isEnd: l.isEnd,
-        isBetween: l.isBetween,
-        isOtherMonth: l.isOtherMonth,
-        click: l.click
+      (c, o) => yt({
+        day: c.day,
+        iso: c.iso,
+        disabled: c.disabled,
+        isStart: c.isStart,
+        isEnd: c.isEnd,
+        isBetween: c.isBetween,
+        isOtherMonth: c.isOtherMonth,
+        click: c.click
       })
     )
   );
@@ -624,7 +624,7 @@ const W = ({ label: n, click: t }) => f(
       a.substring(0, 3)
     )
   )
-), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex space-x-2 mb-4" }, [
+), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex gap-x-2 mb-4" }, [
   z("selecting", (r) => f({
     click: a,
     variant: r === "start" ? "primary" : "outline",
@@ -761,15 +761,15 @@ class Yt extends O {
         start: s,
         end: r,
         selecting: a,
-        onSelectStart: (c) => {
-          c.preventDefault(), c.stopPropagation(), this.data.selecting = "start";
+        onSelectStart: (l) => {
+          l.preventDefault(), l.stopPropagation(), this.data.selecting = "start";
         },
-        onSelectEnd: (c) => {
-          c.preventDefault(), c.stopPropagation(), this.data.selecting = "end";
+        onSelectEnd: (l) => {
+          l.preventDefault(), l.stopPropagation(), this.data.selecting = "end";
         }
       }),
-      J("view", (c) => {
-        switch (c) {
+      J("view", (l) => {
+        switch (l) {
           case "months":
             return wt(
               {
@@ -819,7 +819,7 @@ class Yt extends O {
 }
 export {
   Tt as A,
-  ct as C,
+  lt as C,
   N as D,
   w as F,
   dt as M,