@base-framework/ui 1.0.2015 → 1.0.2017

package/dist/atoms.es.js

@@ -1,23 +1,24 @@
-import { B as e, C as t, F as o, L as r, P as n, R as p, S as u, a as I, T as i } from "./tooltip-PupzYM1r.js";
+import { B as e, C as t, F as o, L as r, P as n, R as p, S as I, a as u, T as i } from "./tooltip-BP1ZmWxs.js";
 import { B as d, I as m, L as x } from "./buttons-CHEs54Wl.js";
-import { C as T, F as B } from "./form-group-CJzpq9Us.js";
-import { C as c, d as f, D as g, c as L, E as P, F as R, H as S, I as b, M as h, N as k, P as D, R as V, T as E, a as G, b as H, U as M, W as N } from "./inputs-9udyzkHR.js";
-import { V as W, a as w } from "./veil-CqnAmj-D.js";
+import { C as T, F as g } from "./form-group-CJzpq9Us.js";
+import { C as F, d as c, D as f, c as L, E as P, F as R, H as S, I as b, M as h, N as k, P as D, R as V, T as E, a as G, b as H, U as M, W as N } from "./inputs-9udyzkHR.js";
+import { I as W, V as w, a as J } from "./image-DGInMcvV.js";
 export {
   e as Badge,
   d as Button,
   T as Card,
-  c as Checkbox,
+  F as Checkbox,
   t as CircleGraph,
-  f as ColorInput,
-  g as DateInput,
+  c as ColorInput,
+  f as DateInput,
   L as DateTimeInput,
   P as EmailInput,
   o as Fieldset,
   R as FileInput,
-  B as FormGroup,
+  g as FormGroup,
   S as HiddenInput,
   m as Icon,
+  W as Image,
   b as Input,
   r as Legend,
   x as LoadingButton,
@@ -27,14 +28,14 @@ export {
   n as ProgressBar,
   V as Radio,
   p as RangeSlider,
-  u as Select,
-  I as Skeleton,
+  I as Select,
+  u as Skeleton,
   E as TelInput,
   G as Textarea,
   H as TimeInput,
   i as Tooltip,
   M as UrlInput,
-  W as Veil,
-  w as VeilJot,
+  w as Veil,
+  J as VeilJot,
   N as WeekInput
 };

package/dist/{empty-state-CkoAZpy0.js → empty-state-E4ZW72TQ.js}

@@ -1,11 +1,11 @@
 import { Div as n, H5 as X, P as b, I as x, Li as q, Span as a, Ul as Y, Button as m, OnState as D, Label as A, H2 as S, Form as Z, Header as F, Footer as M, A as V, H3 as ee, Checkbox as te, Input as f, Img as _, Nav as se, UseParent as W, OnStateOpen as P, Time as oe, Dialog as ne } from "@base-framework/atoms";
 import { Atom as c, Component as y, Html as O, Dom as re, base as le, Data as T, Builder as G, Jot as w, Events as p, DateTime as L } from "@base-framework/base";
-import { P as I, b as ie, R as ae } from "./range-calendar-CCVC3e9d.js";
+import { P as I, b as ie, R as ae } from "./range-calendar-KNBY64Zx.js";
 import { C as ce, F as ue } from "./form-group-CJzpq9Us.js";
 import { B as h, I as g } from "./buttons-CHEs54Wl.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as de, List as he, DynamicTime as fe } from "@base-framework/organisms";
-import { a as C } from "./veil-CqnAmj-D.js";
+import { a as C } from "./image-DGInMcvV.js";
 import { F as j } from "./format-BmrNQptv.js";
 const z = {
   info: {

package/dist/image-DGInMcvV.js

@@ -0,0 +1,31 @@
+import { Jot as i, Component as r, Atom as o } from "@base-framework/base";
+import { Img as a } from "@base-framework/atoms";
+class s extends r {
+  /**
+   * This will set the component context.
+   *
+   * @param {object|null} context
+   * @returns {object|null}
+   */
+  setContext(l) {
+    if (this.data)
+      return null;
+    const e = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
+    return e ? { data: e } : null;
+  }
+}
+const f = (t) => i(t, s), p = o(({ src: t, alt: l, class: e }) => !t || (e = e || "", t.indexOf(".") === -1 && t.indexOf("[[") === -1) ? null : a({
+  class: `absolute w-full h-full rounded-full object-cover fadeIn ${e}`,
+  src: t,
+  alt: l,
+  load: (n) => n.target.style.visibility = "visible",
+  /**
+   * If there's an error loading the image, hide it.
+   */
+  error: (n) => n.target.style.visibility = "hidden"
+}));
+export {
+  p as I,
+  s as V,
+  f as a
+};

package/dist/index.es.js

@@ -1,177 +1,178 @@
-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 d } from "./tooltip-PupzYM1r.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-BP1ZmWxs.js";
 import { B as u, I as g, L as C } from "./buttons-CHEs54Wl.js";
 import { C as T, F as b } from "./form-group-CJzpq9Us.js";
-import { C as I, d as S, D as F, c as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, a as U, b as L, U as W, W as H } from "./inputs-9udyzkHR.js";
-import { V as w, a as A } from "./veil-CqnAmj-D.js";
-import { Icons as O } from "./icons.es.js";
-import { A as V, B as j, C as q, w as J, K as z, y as K, z as Q, E as _, G as X, D as Y, m as Z, n as $, Q as aa, O as ea, v as sa, c as oa, a as ta, b as ra, R as na, l as la, g as ia, i as pa, h as da, j as ma, e as ua, k as ga, F as Ca, d as ca, f as Ta, I as ba, L as Da, x as Ia, M as Sa, o as Fa, N as Ba, P as Pa, s as ka, t as Ma, S as xa, q as fa, r as va, T as Na, H as ya, J as ha, p as Ua, u as La } from "./empty-state-CkoAZpy0.js";
-import { A as Ha, b as Ra, C as wa, D as Aa, a as Ga, F as Oa, M as Ea, P as Va, R as ja, c as qa, g as Ja, p as za } from "./range-calendar-CCVC3e9d.js";
-import { B as Qa, p as _a, C as Xa, j as Ya, D as Za, m as $a, k as ae, H as ee, I as se, N as oe, O as te, P as re, S as ne, n as le, o as ie, x as pe, s as de, q as me, r as ue, T as ge, t as Ce, w as ce, u as Te, v as be, l as De, U as Ie, W as Se, f as Fe, h as Be, i as Pe, c as ke, d as Me, b as xe, e as fe, a as ve, g as Ne } from "./signature-panel-DIFmtS0f.js";
-import { B as he, I as Ue, M as Le, d as We, e as He, g as Re, N as we, b as Ae, a as Ge, f as Oe, P as Ee, c as Ve, S as je, T as qe } from "./mobile-nav-wrapper-Dm9DinRD.js";
-import { B as ze, a as Ke, C as Qe, F as _e, b as Xe, c as Ye, M as Ze, P as $e, S as as } from "./sidebar-menu-page-D4WMgz5U.js";
-import { A as ss, F as os, M as ts, a as rs, T as ns } from "./aside-template-sUm-F2f0.js";
-import { B as is } from "./bside-template-do_hXebn.js";
-import { F as ds, c as ms } from "./format-BmrNQptv.js";
-import { I as gs } from "./image-scaler-1G-JzJVG.js";
+import { C as D, d as S, D as F, c as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, a as U, b as L, U as W, W as H } from "./inputs-9udyzkHR.js";
+import { I as w, V as A, a as G } from "./image-DGInMcvV.js";
+import { Icons as E } from "./icons.es.js";
+import { A as j, B as q, C as J, w as z, K, y as Q, z as _, E as X, G as Y, D as Z, m as $, n as aa, Q as ea, O as sa, v as oa, c as ta, a as ra, b as na, R as la, l as ia, g as pa, i as ma, h as da, j as ua, e as ga, k as Ca, F as ca, d as Ta, f as ba, I as Ia, L as Da, x as Sa, M as Fa, o as Ba, N as Pa, P as ka, s as Ma, t as xa, S as fa, q as va, r as Na, T as ya, H as ha, J as Ua, p as La, u as Wa } from "./empty-state-E4ZW72TQ.js";
+import { A as Ra, b as wa, C as Aa, D as Ga, a as Oa, F as Ea, M as Va, P as ja, R as qa, c as Ja, g as za, p as Ka } from "./range-calendar-KNBY64Zx.js";
+import { B as _a, p as Xa, C as Ya, j as Za, D as $a, m as ae, k as ee, H as se, I as oe, N as te, O as re, P as ne, S as le, n as ie, o as pe, x as me, s as de, q as ue, r as ge, T as Ce, t as ce, w as Te, u as be, v as Ie, l as De, U as Se, W as Fe, f as Be, h as Pe, i as ke, c as Me, d as xe, b as fe, e as ve, a as Ne, g as ye } from "./signature-panel-BrbTbt2g.js";
+import { B as Ue, I as Le, M as We, d as He, e as Re, g as we, N as Ae, b as Ge, a as Oe, f as Ee, P as Ve, c as je, S as qe, T as Je } from "./mobile-nav-wrapper-Dm9DinRD.js";
+import { B as Ke, a as Qe, C as _e, F as Xe, b as Ye, c as Ze, M as $e, P as as, S as es } from "./sidebar-menu-page-D4WMgz5U.js";
+import { A as os, F as ts, M as rs, a as ns, T as ls } from "./aside-template-sUm-F2f0.js";
+import { B as ps } from "./bside-template-do_hXebn.js";
+import { F as ds, c as us } from "./format-BmrNQptv.js";
+import { I as Cs } from "./image-scaler-1G-JzJVG.js";
 export {
-  V as Alert,
-  ss as AsideTemplate,
-  Ha as Avatar,
-  Qa as BackButton,
-  he as Backdrop,
+  j as Alert,
+  os as AsideTemplate,
+  Ra as Avatar,
+  _a as BackButton,
+  Ue as Backdrop,
   s as Badge,
-  ze as BasicPage,
-  Ke as BlankPage,
-  j as Breadcrumb,
-  is as BsideTemplate,
+  Ke as BasicPage,
+  Qe as BlankPage,
+  q as Breadcrumb,
+  ps as BsideTemplate,
   u as Button,
-  _a as ButtonTab,
-  Ra as Calendar,
-  wa as CalendarCells,
+  Xa as ButtonTab,
+  wa as Calendar,
+  Aa as CalendarCells,
   T as Card,
-  Qe as CenterPage,
-  I as Checkbox,
-  Xa as CheckboxCol,
+  _e as CenterPage,
+  D as Checkbox,
+  Ya as CheckboxCol,
   o as CircleGraph,
   S as ColorInput,
-  q as ColumnRow,
-  J as Combobox,
-  z as Confirmation,
-  K as CountDisplay,
-  Q as Counter,
-  Ya as DataTable,
-  Za as DataTableBody,
+  J as ColumnRow,
+  z as Combobox,
+  K as Confirmation,
+  Q as CountDisplay,
+  _ as Counter,
+  Za as DataTable,
+  $a as DataTableBody,
   F as DateInput,
-  _ as DatePicker,
-  X as DateRangePicker,
+  X as DatePicker,
+  Y as DateRangePicker,
   B as DateTimeInput,
-  Aa as DayCell,
-  Ga as DayHeader,
-  Y as DelayComponent,
-  Z as DetailBody,
-  $ as DetailSection,
-  aa as Dialog,
-  ea as DialogContainer,
-  $a as DockableOverlay,
-  sa as DotsIndicator,
-  oa as Dropdown,
-  ta as DropdownItem,
-  ra as DropdownMenu,
-  ae as DynamicDataTable,
+  Ga as DayCell,
+  Oa as DayHeader,
+  Z as DelayComponent,
+  $ as DetailBody,
+  aa as DetailSection,
+  ea as Dialog,
+  sa as DialogContainer,
+  ae as DockableOverlay,
+  oa as DotsIndicator,
+  ta as Dropdown,
+  ra as DropdownItem,
+  na as DropdownMenu,
+  ee as DynamicDataTable,
   P as EmailInput,
-  na as EmptyState,
+  la as EmptyState,
   t as Fieldset,
   k as FileInput,
-  la as Form,
-  ia as FormCard,
-  pa as FormCardContent,
+  ia as Form,
+  pa as FormCard,
+  ma as FormCardContent,
   da as FormCardGroup,
-  ma as FormControl,
-  ua as FormDescription,
-  ga as FormField,
+  ua as FormControl,
+  ga as FormDescription,
+  Ca as FormField,
   b as FormGroup,
-  Ca as FormItem,
-  ca as FormLabel,
-  Ta as FormMessage,
+  ca as FormItem,
+  Ta as FormLabel,
+  ba as FormMessage,
   ds as Format,
-  Oa as FormatDate,
-  _e as FullContainPage,
-  Xe as FullPage,
-  os as FullTemplate,
-  Ye as FullscreenPage,
-  ee as HeaderCol,
+  Ea as FormatDate,
+  Xe as FullContainPage,
+  Ye as FullPage,
+  ts as FullTemplate,
+  Ze as FullscreenPage,
+  se as HeaderCol,
   M as HiddenInput,
   g as Icon,
-  O as Icons,
-  gs as ImageScaler,
-  ba as ImageUploader,
-  Ue as InlineNavigation,
-  se as InlineOverlay,
+  E as Icons,
+  w as Image,
+  Cs as ImageScaler,
+  Ia as ImageUploader,
+  Le as InlineNavigation,
+  oe as InlineOverlay,
   x as Input,
   r as Legend,
   C as LoadingButton,
   Da as LogoUploader,
-  ts as MainColumn,
-  Le as MainLink,
-  Ze as MainSection,
-  Ia as MinusButton,
-  We as MobileNavButton,
-  He as MobileNavWrapper,
-  Sa as Modal,
-  Ea as MonthCalendar,
+  rs as MainColumn,
+  We as MainLink,
+  $e as MainSection,
+  Sa as MinusButton,
+  He as MobileNavButton,
+  Re as MobileNavWrapper,
+  Fa as Modal,
+  Va as MonthCalendar,
   f as MonthInput,
-  Re as NavButton,
-  we as NavButtonLink,
-  Ae as Navigation,
-  Ge as NavigationGroup,
-  oe as NavigationMenu,
-  Oe as NavigationPopover,
-  Fa as Notification,
-  Ba as NotificationContainer,
+  we as NavButton,
+  Ae as NavButtonLink,
+  Ge as Navigation,
+  Oe as NavigationGroup,
+  te as NavigationMenu,
+  Ee as NavigationPopover,
+  Ba as Notification,
+  Pa as NotificationContainer,
   v as NumberInput,
-  te as Overlay,
-  $e as Page,
-  re as Panel,
+  re as Overlay,
+  as as Page,
+  ne as Panel,
   N as PasswordInput,
-  Pa as PlusButton,
-  Va as PopOver,
-  Ee as PopupHeader,
+  ka as PlusButton,
+  ja as PopOver,
+  Ve as PopupHeader,
   n as ProgressBar,
   y as Radio,
-  ja as RangeCalendar,
+  qa as RangeCalendar,
   l as RangeSlider,
-  ka as STATUSES,
-  Ma as STATUS_CLASS,
-  ne as ScrollableDataTable,
-  le as SearchDropdown,
-  ie as SearchInput,
+  Ma as STATUSES,
+  xa as STATUS_CLASS,
+  le as ScrollableDataTable,
+  ie as SearchDropdown,
+  pe as SearchInput,
   i as Select,
-  Ve as SidebarMenu,
-  as as SidebarMenuPage,
-  pe as SignaturePanel,
+  je as SidebarMenu,
+  es as SidebarMenuPage,
+  me as SignaturePanel,
   p as Skeleton,
-  xa as SplitRow,
-  fa as StaticStatusIndicator,
-  va as StatusIndicator,
-  je as SubNavigation,
+  fa as SplitRow,
+  va as StaticStatusIndicator,
+  Na as StatusIndicator,
+  qe as SubNavigation,
   de as Tab,
-  me as TabGroup,
-  ue as TabNavigation,
-  ge as TableHeader,
+  ue as TabGroup,
+  ge as TabNavigation,
+  Ce as TableHeader,
   h as TelInput,
-  rs as Template,
+  ns as Template,
   U as Textarea,
-  Na as ThemeToggle,
-  ya as TimeFrame,
+  ya as ThemeToggle,
+  ha as TimeFrame,
   L as TimeInput,
-  ha as TimePicker,
-  qe as TitleHeader,
-  Ua as Toggle,
-  d as Tooltip,
-  ns as TopBar,
-  Ce as UnderlinedButtonTab,
-  ce as UnderlinedTab,
-  Te as UnderlinedTabGroup,
-  be as UnderlinedTabNavigation,
+  Ua as TimePicker,
+  Je as TitleHeader,
+  La as Toggle,
+  m as Tooltip,
+  ls as TopBar,
+  ce as UnderlinedButtonTab,
+  Te as UnderlinedTab,
+  be as UnderlinedTabGroup,
+  Ie as UnderlinedTabNavigation,
   W as UrlInput,
   De as UserList,
-  Ie as UserListItem,
-  w as Veil,
-  A as VeilJot,
-  Se as WeekCalendar,
-  Fe as WeekCell,
-  Be as WeekCells,
-  Pe as WeekHeader,
+  Se as UserListItem,
+  A as Veil,
+  G as VeilJot,
+  Fe as WeekCalendar,
+  Be as WeekCell,
+  Pe as WeekCells,
+  ke as WeekHeader,
   H as WeekInput,
-  qa as addTime,
-  ke as calculateWeekNumber,
-  ms as createWatcherCallback,
-  Me as generateWeeks,
-  xe as getDateFromWeek,
-  fe as getMonthDays,
-  ve as getNextMonthDays,
-  Ja as getPosition,
-  Ne as getPreviousMonthDays,
-  La as getStatusClass,
-  za as pad
+  Ja as addTime,
+  Me as calculateWeekNumber,
+  us as createWatcherCallback,
+  xe as generateWeeks,
+  fe as getDateFromWeek,
+  ve as getMonthDays,
+  Ne as getNextMonthDays,
+  za as getPosition,
+  ye as getPreviousMonthDays,
+  Wa as getStatusClass,
+  Ka as pad
 };

package/dist/molecules.es.js

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

package/dist/organisms.es.js

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

package/dist/{range-calendar-CCVC3e9d.js → range-calendar-KNBY64Zx.js}

@@ -1,14 +1,15 @@
-import { Div as h, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
+import { Div as h, Span as H, Button as _, OnState as J, On as z } from "@base-framework/atoms";
 import { Component as Y, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
-import { B as m } from "./buttons-CHEs54Wl.js";
+import { I as L } from "./image-DGInMcvV.js";
+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, l = globalThis.scrollY;
-  let i = e.left + r, d = e.bottom + l;
-  const g = globalThis.innerHeight - e.bottom, f = e.top;
-  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && f > g ? d = e.top + l - a.height - s : g < a.height && (d = e.bottom + l - (a.height - g) - s), { x: i, y: d };
+const U = (e, t) => {
+  const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;
+  let i = n.left + r, d = n.bottom + l;
+  const g = globalThis.innerHeight - n.bottom, m = n.top;
+  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && m > g ? d = n.top + l - a.height - s : g < a.height && (d = n.bottom + l - (a.height - g) - s), { x: i, y: d };
 };
-class Pt extends Y {
+class Tt extends Y {
   /**
    * This will set up the data.
    *
@@ -59,7 +60,7 @@ class Pt extends Y {
     return h({
       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: "manual",
-      toggle: (e, { state: a }) => e.newState === "closed" ? a.open = !1 : null,
+      toggle: (n, { state: a }) => n.newState === "closed" ? a.open = !1 : null,
       style: "top: [[position.y]]px; left: [[position.x]]px"
     }, this.children);
   }
@@ -84,7 +85,7 @@ class Pt extends Y {
    * @returns {void}
    */
   updatePosition() {
-    const t = this.button ?? null, e = this.panel, a = U(t, e);
+    const t = this.button ?? null, n = this.panel, a = U(t, n);
     this.data.position = a;
   }
   /**
@@ -136,17 +137,11 @@ class Pt extends Y {
     this.panel.hidePopover();
   }
 }
-const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[") === -1 ? null : _({
-  class: "absolute w-full h-full rounded-full object-cover fadeIn",
-  src: n,
-  alt: t,
-  load: (e) => e.target.style.visibility = "visible",
-  /**
-   * If there's an error loading the image, hide it.
-   */
-  error: (e) => e.target.style.visibility = "hidden"
-})), K = (n) => n && (Array.isArray(n) && (n = n.join(" ")), typeof n != "string" && (n = String(n)), n.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), G = (n) => !n || n.length < 2 ? n : K(n), Q = (n) => H([n, (t, e) => {
-  e.textContent = G(t);
+const q = j(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : L({
+  src: e,
+  alt: t
+})), K = (e) => e && (Array.isArray(e) && (e = e.join(" ")), typeof e != "string" && (e = String(e)), e.split(" ").map((t) => t.charAt(0)).join("").toUpperCase()), G = (e) => !e || e.length < 2 ? e : K(e), Q = (e) => H([e, (t, n) => {
+  n.textContent = G(t);
 }]), A = {
   xs: "h-6 w-6",
   sm: "h-8 w-8",
@@ -167,8 +162,8 @@ const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, V = (n) => A[n] || A.default, Z = (n) => I[n] || I.default, tt = (n, t = null, e = "md") => {
-  const a = G(n), s = Z(e);
+}, V = (e) => A[e] || A.default, Z = (e) => I[e] || I.default, tt = (e, t = null, n = "md") => {
+  const a = G(e), s = Z(n);
   return h(
     {
       class: `
@@ -181,49 +176,49 @@ const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[
       t ? Q(t) : H({ class: "uppercase" }, a)
     ]
   );
-}, Tt = j(({ src: n, alt: t, fallbackText: e, watcherFallback: a, size: s }) => {
+}, Nt = j(({ src: e, alt: t, fallbackText: n, watcherFallback: a, size: s }) => {
   const r = V(s);
   return h(
     {
       class: `relative flex items-center justify-center ${r}`
     },
     [
-      q({ src: n, alt: t }),
-      tt(e, a, s)
+      q({ src: e, alt: t }),
+      tt(n, a, s)
     ]
   );
-}), et = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
+}), et = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
-    (a, s) => m(
+    (a, s) => f(
       {
         click: (r) => {
-          r.preventDefault(), r.stopPropagation(), e(s);
+          r.preventDefault(), r.stopPropagation(), n(s);
         },
-        variant: n === s ? "primary" : "ghost",
+        variant: e === s ? "primary" : "ghost",
         "aria-label": `Select ${a} ${t}`
       },
       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-primary-foreground" : "", it = (n, t, e, a) => {
+), D = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), nt = (e) => (e.indexOf("T") === -1 && e.indexOf(" ") === -1 && (e += "T00:00:01"), e.replace(" ", "T"), e), w = (e, t, n) => `${e}-${D(t + 1)}-${D(n)}`, at = (e) => e ? "bg-accent text-primary" : "", st = (e) => e ? "text-muted-foreground opacity-50" : "", rt = (e, t) => e === t, ot = (e, t) => rt(e, t) ? "bg-primary text-primary-foreground" : "", it = (e, t, n, a) => {
   const s = ot(t, a);
-  return s || (n ? at(n) : e ? st(e) : "text-foreground");
-}, N = (n) => {
+  return s || (e ? at(e) : n ? st(n) : "text-foreground");
+}, N = (e) => {
   const {
     day: t,
-    currentDate: e,
+    currentDate: n,
     date: a,
     isToday: s,
     isOutsideMonth: r,
     select: l,
     disabled: i
-  } = n;
-  return L(
+  } = e;
+  return _(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${it(s, e, r, a)}
+				${it(s, n, r, a)}
 				hover:bg-muted/50 hover:text-muted-foreground focus:z-10
                 disabled:pointer-events-none disabled:opacity-50
 			`,
@@ -234,79 +229,79 @@ const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[
     },
     t.toString()
   );
-}, O = (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(), f = [], C = r === 0 ? 11 : r - 1, v = r === 0 ? s - 1 : s;
+}, O = (e, t, n, a) => e === a.date && t === a.month && n === a.year, lt = (e, t, n, a = !1) => {
+  const { year: s, month: r } = e, l = w(s, r, e.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 = O(u, C, v, t), y = new Date(v, C, u) < new Date(t.year, t.month, t.date), x = a && y;
-    f.push(
+    m.push(
       N({
         day: u,
         currentDate: l,
         date: w(v, C, u),
         isToday: p,
         isOutsideMonth: !0,
-        select: e,
+        select: n,
         disabled: x
       })
     );
   }
   for (let o = 1; o <= d; o++) {
     const u = O(o, r, s, t), p = new Date(s, r, o) < new Date(t.year, t.month, t.date), y = a && p;
-    f.push(
+    m.push(
       N({
         day: o,
         currentDate: l,
         date: w(s, r, o),
         isToday: u,
         isOutsideMonth: !1,
-        select: e,
+        select: n,
         disabled: y
       })
     );
   }
-  const b = r === 11 ? 0 : r + 1, $ = r === 11 ? s + 1 : s, c = (7 - f.length % 7) % 7;
+  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 = O(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
-    f.push(
+    m.push(
       N({
         day: o,
         currentDate: l,
         date: w($, b, o),
         isToday: u,
         isOutsideMonth: !0,
-        select: e,
+        select: n,
         disabled: y
       })
     );
   }
-  return f;
-}, R = ({ label: n, click: t }) => m(
+  return m;
+}, R = ({ label: e, click: t }) => f(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
 			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${n === "Previous" ? "left-1" : "right-1"}
+			${e === "Previous" ? "left-1" : "right-1"}
 			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
 		  `,
     click: t,
-    "aria-label": `${n} month`,
+    "aria-label": `${e} month`,
     variant: "icon",
-    icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
+    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), 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" }, [
-  m({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+), ct = ({ onMonthClick: e, onYearClick: t, next: n, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+  f({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   R({ label: "Previous", click: a }),
-  R({ label: "Next", click: e })
-]), ht = (n) => h(
+  R({ label: "Next", click: n })
+]), ht = (e) => 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 flex flex-auto flex-col w-full gap-y-1" }, [
+  e
+), ut = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ht), dt = (e) => h({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
   ct({
-    onMonthClick: n.onMonthClick,
-    onYearClick: n.onYearClick,
-    next: n.next,
-    previous: n.previous
+    onMonthClick: e.onMonthClick,
+    onYearClick: e.onYearClick,
+    next: e.next,
+    previous: e.previous
   }),
   h({
     class: "flex flex-auto flex-col w-full",
@@ -317,24 +312,24 @@ const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[
         h(
           { class: "grid grid-cols-7" },
           lt(
-            n.current,
-            n.today,
-            n.select,
-            n.blockPriorDates
+            e.current,
+            e.today,
+            e.select,
+            e.blockPriorDates
           )
         )
       ]
     ]
   })
-]), gt = ({ currentMonth: n, currentYear: t, onSelect: e }) => {
+]), gt = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
   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) => m(
+      (r) => f(
         {
           click: (l) => {
-            l.preventDefault(), l.stopPropagation(), e(r);
+            l.preventDefault(), l.stopPropagation(), n(r);
           },
           variant: r === t ? "primary" : "ghost",
           "aria-label": `Select ${r}`
@@ -344,7 +339,7 @@ const q = j(({ src: n, alt: t }) => !n || n.indexOf(".") === -1 && n.indexOf("[[
     )
   );
 };
-class Nt extends Y {
+class Ot extends Y {
   /**
    * This will declare the props for the compiler.
    *
@@ -360,8 +355,8 @@ class Nt extends Y {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const e = this.selectedDate ? new Date(nt(this.selectedDate)) : t;
-    return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+    const n = this.selectedDate ? new Date(nt(this.selectedDate)) : t;
+    return new Date(n.getFullYear(), n.getMonth(), n.getDate());
   }
   /**
    * This will set up the data for the calendar.
@@ -369,13 +364,13 @@ class Nt extends Y {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), e = this.getSelectedDate(t), a = e.getMonth();
+    const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), a = n.getMonth();
     return new B({
       monthName: this.getMonthName(a),
-      currentDate: `${e.getFullYear()}-${a + 1}-${e.getDate()}`,
+      currentDate: `${n.getFullYear()}-${a + 1}-${n.getDate()}`,
       current: {
-        date: e.getDate(),
-        year: e.getFullYear(),
+        date: n.getDate(),
+        year: n.getFullYear(),
         month: a
       },
       today: {
@@ -412,8 +407,8 @@ class Nt extends Y {
    */
   goToPreviousMonth() {
     const t = this.data;
-    let e = t.current.month, a = t.current.year;
-    e === 0 ? (e = 11, a--) : e--, this.setCurrentDate(e, a);
+    let n = t.current.month, a = t.current.year;
+    n === 0 ? (n = 11, a--) : n--, this.setCurrentDate(n, a);
   }
   /**
    * This will go to the next month.
@@ -422,8 +417,8 @@ class Nt extends Y {
    */
   goToNextMonth() {
     const t = this.data;
-    let e = t.current.month, a = t.current.year;
-    e === 11 ? (e = 0, a++) : e++, this.setCurrentDate(e, a);
+    let n = t.current.month, a = t.current.year;
+    n === 11 ? (n = 0, a++) : n++, this.setCurrentDate(n, a);
   }
   /**
    * This will set the current month and year.
@@ -433,9 +428,9 @@ class Nt extends Y {
    * @param {number} [date=null]
    * @returns {void}
    */
-  setCurrentDate(t, e, a = null) {
+  setCurrentDate(t, n, a = null) {
     const s = this.data;
-    s.current.month = t, s.current.year = e, typeof a == "number" && (s.current.date = D(a)), s.currentDate = `${e}-${D(t + 1)}-${s.current.date}`, s.monthName = this.getMonthName(t);
+    s.current.month = t, s.current.year = n, typeof a == "number" && (s.current.date = D(a)), s.currentDate = `${n}-${D(t + 1)}-${s.current.date}`, s.monthName = this.getMonthName(t);
   }
   /**
    * This will select a date.
@@ -444,8 +439,8 @@ class Nt extends Y {
    * @returns {void}
    */
   selectDate(t) {
-    const e = /* @__PURE__ */ new Date(t + "T00:00:00");
-    this.setCurrentDate(e.getMonth(), e.getFullYear(), e.getDate()), typeof this.selectedCallBack == "function" && this.selectedCallBack(this.data.currentDate);
+    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.
@@ -461,8 +456,8 @@ class Nt extends Y {
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
-                onSelect: (e) => {
-                  this.setCurrentDate(e, this.data.current.year), this.state.view = "calendar";
+                onSelect: (n) => {
+                  this.setCurrentDate(n, this.data.current.year), this.state.view = "calendar";
                 }
               }
             );
@@ -471,8 +466,8 @@ class Nt extends Y {
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
-                onSelect: (e) => {
-                  this.setCurrentDate(this.data.current.month, e), this.state.view = "calendar";
+                onSelect: (n) => {
+                  this.setCurrentDate(this.data.current.month, n), this.state.view = "calendar";
                 }
               }
             );
@@ -480,15 +475,15 @@ class Nt extends Y {
             return dt({
               current: this.data.current,
               today: this.data.today,
-              select: (e) => this.selectDate(e),
+              select: (n) => this.selectDate(n),
               next: () => this.goToNextMonth(),
               previous: () => this.goToPreviousMonth(),
               blockPriorDates: this.blockPriorDates || !1,
-              onMonthClick: (e) => {
-                e.preventDefault(), e.stopPropagation(), this.state.view = "months";
+              onMonthClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "months";
               },
-              onYearClick: (e) => {
-                e.preventDefault(), e.stopPropagation(), this.state.view = "years";
+              onYearClick: (n) => {
+                n.preventDefault(), n.stopPropagation(), this.state.view = "years";
               }
             });
         }
@@ -496,44 +491,44 @@ class Nt extends Y {
     ]);
   }
 }
-const W = ({ label: n, click: t }) => m(
+const W = ({ label: e, click: t }) => f(
   {
     class: `
 			inline-flex items-center justify-center h-7 w-7 bg-transparent p-0
 			opacity-50 hover:opacity-100 text-muted-foreground absolute
-			${n === "Previous" ? "left-1" : "right-1"}
+			${e === "Previous" ? "left-1" : "right-1"}
 			focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2
 		  `,
     click: t,
-    "aria-label": `${n} month`,
+    "aria-label": `${e} month`,
     variant: "icon",
-    icon: n === "Previous" ? P.chevron.single.left : P.chevron.single.right
+    icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), ft = ({ 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" }, [
-  m({ click: n, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+), mt = ({ onMonthClick: e, onYearClick: t, next: n, previous: a }) => h({ class: "flex items-center justify-center gap-x-2 relative min-h-12 text-sm font-medium" }, [
+  f({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
+  f({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
   W({ label: "Previous", click: a }),
-  W({ label: "Next", click: e })
-]), mt = (n) => h({ class: "h-9 flex items-center justify-center font-medium" }, n), pt = () => h(
+  W({ label: "Next", click: n })
+]), ft = (e) => h({ class: "h-9 flex items-center justify-center font-medium" }, e), 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(mt)
-), yt = ({ day: n, iso: t, disabled: e, isStart: a, isEnd: s, isBetween: r, isOtherMonth: l, click: i }) => {
+  ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ft)
+), yt = ({ day: e, iso: t, disabled: n, isStart: a, isEnd: s, isBetween: r, isOtherMonth: l, click: i }) => {
   let d = "ghost", g = "";
-  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"), m(
+  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"), n && (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,
-      disabled: e,
-      click: (f) => {
-        f.preventDefault(), f.stopPropagation(), e || i();
+      disabled: n,
+      click: (m) => {
+        m.preventDefault(), m.stopPropagation(), n || i();
       }
     },
-    n.toString()
+    e.toString()
   );
-}, Dt = ({ today: n, current: t, blockPriorDates: e, onDateClick: a }) => {
-  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, f = t.month === 0 ? t.year - 1 : t.year, C = new Date(f, g + 1, 0).getDate(), v = t.month === 11 ? 0 : t.month + 1, b = t.month === 11 ? t.year + 1 : t.year;
+}, Dt = ({ today: e, current: t, blockPriorDates: n, onDateClick: a }) => {
+  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(f, g, o), p = new Date(f, 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 o = C - c, u = w(m, g, o), p = new Date(m, g, o), y = new Date(e.year, e.month, e.date), x = p < y, M = n && x, S = s === u, k = r === u, X = s && r && u > s && u < r;
     d.push({
       day: o,
       iso: u,
@@ -546,7 +541,7 @@ const W = ({ label: n, click: t }) => m(
     });
   }
   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;
+    const o = w(t.year, t.month, c), u = new Date(t.year, t.month, c), p = new Date(e.year, e.month, e.date), y = u < p, x = n && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
       day: c,
       iso: o,
@@ -562,7 +557,7 @@ const W = ({ label: n, click: t }) => m(
   }
   const F = (7 - d.length % 7) % 7;
   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;
+    const o = w(b, v, c), u = new Date(b, v, c), p = new Date(e.year, e.month, e.date), y = u < p, x = n && y, M = s === o, S = r === o, k = s && r && o > s && o < r;
     d.push({
       day: c,
       iso: o,
@@ -589,12 +584,12 @@ const W = ({ label: n, click: t }) => m(
       })
     )
   );
-}, xt = j((n, t) => h({ class: "flex flex-auto flex-col" }, [
-  ft({
-    onMonthClick: n.onMonthClick,
-    onYearClick: n.onYearClick,
-    next: n.next,
-    previous: n.previous
+}, xt = j((e, t) => h({ class: "flex flex-auto flex-col" }, [
+  mt({
+    onMonthClick: e.onMonthClick,
+    onYearClick: e.onYearClick,
+    next: e.next,
+    previous: e.previous
   }),
   h({
     class: "flex flex-auto flex-col w-full",
@@ -603,57 +598,57 @@ const W = ({ label: n, click: t }) => m(
       () => [
         pt(),
         Dt({
-          today: n.today,
-          current: n.current,
-          blockPriorDates: n.blockPriorDates,
-          onDateClick: n.onDateClick
+          today: e.today,
+          current: e.current,
+          blockPriorDates: e.blockPriorDates,
+          onDateClick: e.onDateClick
         })
       ]
     ]
   })
-])), wt = ({ currentMonth: n, currentYear: t, onSelect: e }) => h(
+])), wt = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
   T.monthNames.map(
-    (a, s) => m(
+    (a, s) => f(
       {
         click: (r) => {
-          r.preventDefault(), r.stopPropagation(), e(s);
+          r.preventDefault(), r.stopPropagation(), n(s);
         },
-        variant: n === s ? "primary" : "ghost",
+        variant: e === s ? "primary" : "ghost",
         "aria-label": `Select ${a} ${t}`
       },
       a.substring(0, 3)
     )
   )
-), vt = ({ start: n, end: t, selecting: e, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex gap-x-2 mb-4" }, [
-  z("selecting", (r) => m({
+), vt = ({ start: e, end: t, selecting: n, onSelectStart: a, onSelectEnd: s }) => h({ class: "flex gap-x-2 mb-4" }, [
+  z("selecting", (r) => f({
     click: a,
     variant: r === "start" ? "primary" : "outline",
     class: "flex-1"
   }, [
     h({ class: "font-medium" }, E("current.start", "Start Date"))
   ])),
-  z("selecting", (r) => m({
+  z("selecting", (r) => f({
     click: s,
     variant: r === "end" ? "primary" : "outline",
     class: "flex-1"
   }, [
     h({ class: "font-medium" }, E("current.end", "End Date"))
   ]))
-]), E = (n, t) => [`[[${n}]]`, (e) => e == null ? t : bt(e)], bt = (n) => {
-  const t = /* @__PURE__ */ new Date(n + "T00:00:00"), e = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-  return `${e[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
-}, Ct = ({ currentYear: n, onSelect: t }) => {
-  const e = n - 50, a = Array.from({ length: 101 }, (s, r) => e + r);
+]), E = (e, t) => [`[[${e}]]`, (n) => n == null ? t : bt(n)], bt = (e) => {
+  const t = /* @__PURE__ */ new Date(e + "T00:00:00"), n = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], a = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+  return `${n[t.getDay()]}, ${t.getDate()} ${a[t.getMonth()]}`;
+}, Ct = ({ currentYear: e, onSelect: t }) => {
+  const n = e - 50, a = Array.from({ length: 101 }, (s, r) => n + r);
   return h(
     { class: "grid grid-cols-4 gap-2 overflow-y-auto max-h-72" },
     a.map(
-      (s) => m(
+      (s) => f(
         {
           click: (r) => {
             r.preventDefault(), r.stopPropagation(), t(s);
           },
-          variant: s === n ? "primary" : "ghost",
+          variant: s === e ? "primary" : "ghost",
           "aria-label": `Select ${s}`
         },
         s.toString()
@@ -661,7 +656,7 @@ const W = ({ label: n, click: t }) => m(
     )
   );
 };
-class Ot extends Y {
+class Yt extends Y {
   /**
    * Declare compiler props.
    *
@@ -676,7 +671,7 @@ class Ot extends Y {
    * @returns {Data}
    */
   setData() {
-    const t = /* @__PURE__ */ new Date(), e = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, a = e.getMonth(), s = e.getFullYear();
+    const t = /* @__PURE__ */ new Date(), n = this.startDate ? /* @__PURE__ */ new Date(this.startDate + "T00:00:00") : t, a = n.getMonth(), s = n.getFullYear();
     return new B({
       today: {
         date: t.getDate(),
@@ -684,7 +679,7 @@ class Ot extends Y {
         year: t.getFullYear()
       },
       monthName: this.getMonthName(a),
-      currentData: `${e.getFullYear()}-${D(e.getMonth() + 1)}-${D(e.getDate())}`,
+      currentData: `${n.getFullYear()}-${D(n.getMonth() + 1)}-${D(n.getDate())}`,
       current: {
         date: t.getDate(),
         month: a,
@@ -724,19 +719,19 @@ class Ot extends Y {
   handleClick(t) {
     if (this.data.selecting === "start") {
       this.data.current.start = t, this.data.current.end = null, this.data.selecting = "end";
-      const e = /* @__PURE__ */ new Date(t + "T00:00:00");
+      const n = /* @__PURE__ */ new Date(t + "T00:00:00");
       this.setCurrent({
-        month: e.getMonth(),
-        year: e.getFullYear(),
-        date: e.getDate()
+        month: n.getMonth(),
+        year: n.getFullYear(),
+        date: n.getDate()
       });
     } else {
       this.data.current.start && t < this.data.current.start ? (this.data.current.end = this.data.current.start, this.data.current.start = t) : this.data.current.end = t, this.data.selecting = "start";
-      const e = /* @__PURE__ */ new Date(t + "T00:00:00");
+      const n = /* @__PURE__ */ new Date(t + "T00:00:00");
       this.setCurrent({
-        month: e.getMonth(),
-        year: e.getFullYear(),
-        date: e.getDate()
+        month: n.getMonth(),
+        year: n.getFullYear(),
+        date: n.getDate()
       }), typeof this.onRangeSelect == "function" && this.onRangeSelect(this.data.current.start, this.data.current.end);
     }
   }
@@ -746,9 +741,9 @@ class Ot extends Y {
    * @param {object} obj
    * @returns {void}
    */
-  setCurrent({ month: t, year: e, date: a = null }) {
+  setCurrent({ month: t, year: n, date: a = null }) {
     const s = this.data.current;
-    s.month = (t + 12) % 12, s.year = e + (t < 0 ? -1 : t > 11 ? 1 : 0), a !== null && (s.date = a), this.data.monthName = this.getMonthName(s.month), this.data.currentDate = `${e}-${D(t + 1)}-${D(s.date)}`;
+    s.month = (t + 12) % 12, s.year = n + (t < 0 ? -1 : t > 11 ? 1 : 0), a !== null && (s.date = a), this.data.monthName = this.getMonthName(s.month), this.data.currentDate = `${n}-${D(t + 1)}-${D(s.date)}`;
   }
   /**
    * Render the range calendar.
@@ -756,7 +751,7 @@ class Ot extends Y {
    * @returns {object}
    */
   render() {
-    const { today: t, current: e, selecting: a } = this.data, { start: s, end: r } = e;
+    const { today: t, current: n, selecting: a } = this.data, { start: s, end: r } = n;
     return h({ class: "range-calendar border border-border rounded-lg shadow-md p-4 w-full max-w-sm min-w-80" }, [
       vt({
         start: s,
@@ -774,28 +769,28 @@ class Ot extends Y {
           case "months":
             return wt(
               {
-                currentMonth: e.month,
-                currentYear: e.year,
+                currentMonth: n.month,
+                currentYear: n.year,
                 onSelect: (i) => {
-                  this.setCurrent({ month: i, year: e.year }), this.state.view = "calendar";
+                  this.setCurrent({ month: i, year: n.year }), this.state.view = "calendar";
                 }
               }
             );
           case "years":
             return Ct(
               {
-                currentYear: e.year,
+                currentYear: n.year,
                 onSelect: (i) => {
-                  this.setCurrent({ month: e.month, year: i }), this.state.view = "calendar";
+                  this.setCurrent({ month: n.month, year: i }), this.state.view = "calendar";
                 }
               }
             );
           default:
             return xt({
               monthName: this.data.monthName,
-              year: e.year,
+              year: n.year,
               today: t,
-              current: e,
+              current: n,
               blockPriorDates: this.blockPriorDates,
               onDateClick: (i) => this.handleClick(i),
               onMonthClick: (i) => {
@@ -819,15 +814,15 @@ class Ot extends Y {
   }
 }
 export {
-  Tt as A,
+  Nt as A,
   lt as C,
   N as D,
   w as F,
   dt as M,
-  Pt as P,
-  Ot as R,
+  Tt as P,
+  Yt as R,
   ht as a,
-  Nt as b,
+  Ot as b,
   nt as c,
   U as g,
   D as p

package/dist/{signature-panel-DIFmtS0f.js → signature-panel-BrbTbt2g.js}

@@ -4,8 +4,8 @@ import { B as P, I as J } from "./buttons-CHEs54Wl.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as Z, DataTableBody as ee, ScrollableTableBody as te, List as se, IntervalTimer as ae } from "@base-framework/organisms";
 import { C as ie, I as ne, H as oe } from "./inputs-9udyzkHR.js";
-import { A as le, P as re } from "./range-calendar-CCVC3e9d.js";
-import { V as g } from "./veil-CqnAmj-D.js";
+import { A as le, P as re } from "./range-calendar-KNBY64Zx.js";
+import { V as g } from "./image-DGInMcvV.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,

package/dist/{tooltip-PupzYM1r.js → tooltip-BP1ZmWxs.js}

@@ -1,6 +1,6 @@
 import { Span as c, Legend as b, Fieldset as p, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as x } from "@base-framework/base";
-import { a as d } from "./veil-CqnAmj-D.js";
+import { a as d } from "./image-DGInMcvV.js";
 import { f as h, e as y, g as k } from "./inputs-9udyzkHR.js";
 const a = {
   gray: {

package/dist/types/components/atoms/atoms.d.ts

@@ -9,6 +9,7 @@ export * from "./form/inputs/range-slider.js";
 export * from "./form/legend.js";
 export * from "./form/select.js";
 export * from "./icon.js";
+export * from "./image.js";
 export * from "./progress/circle-graph.js";
 export * from "./progress/progress-bar.js";
 export * from "./skeleton.js";

package/dist/types/components/atoms/image.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Image
+ *
+ * Creates an image element, hiding it on error.
+ *
+ * @param {object} props
+ * @returns {object}
+ */
+export const Image: Function;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.2015",
+	"version": "1.0.2017",
 	"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/veil-CqnAmj-D.js

@@ -1,20 +0,0 @@
-import { Jot as n, Component as a } from "@base-framework/base";
-class s extends a {
-  /**
-   * This will set the component context.
-   *
-   * @param {object|null} context
-   * @returns {object|null}
-   */
-  setContext(o) {
-    if (this.data)
-      return null;
-    const e = this?.parent?.data ?? this?.parent?.context?.data ?? this?.parent?.state ?? null;
-    return e ? { data: e } : null;
-  }
-}
-const i = (t) => n(t, s);
-export {
-  s as V,
-  i as a
-};