@base-framework/ui 1.0.2016 → 1.0.2018

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-BB7dLJir.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-B2M6T2d1.js → empty-state-ChnuRE7a.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-DqVS8ooC.js";
-import { C as ce, F as ue } from "./form-group-CJzpq9Us.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-BB7dLJir.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/form-group-BB7dLJir.js

@@ -0,0 +1,29 @@
+import { Div as r, H4 as s, P as c } from "@base-framework/atoms";
+import { Atom as d } from "@base-framework/base";
+const g = d((e, a) => {
+  const l = e.margin ?? "my-5 mx-5", t = e.padding ?? "p-4", o = e.border ?? "border-border";
+  return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), r({
+    ...e,
+    class: `rounded-lg ${o} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${l} ${t} ${e.class || ""}`
+  }, a);
+}), i = d((e, a) => {
+  const l = e.border === !0 ? "border-t" : "";
+  return r({
+    ...e,
+    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${l} ${e.class || ""}`
+  }, [
+    e.label && r({
+      ...e.labelProps,
+      class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
+    }, [
+      s({ class: "text-base" }, e.label),
+      e.description && c({ class: "text-sm text-muted-foreground" }, e.description)
+    ]),
+    // Controls container: grows to fill remaining space, spacing between items
+    r({ class: "flex flex-col gap-y-4" }, a)
+  ]);
+});
+export {
+  g as C,
+  i as F
+};

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-B2M6T2d1.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-DqVS8ooC.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-C50P9GW4.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 T, F as b } from "./form-group-BB7dLJir.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-ChnuRE7a.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-B2M6T2d1.js";
-import { A as W, P as X, g as Y } from "./range-calendar-DqVS8ooC.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-ChnuRE7a.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-C50P9GW4.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-DqVS8ooC.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-DqVS8ooC.js → range-calendar-KNBY64Zx.js}

@@ -1,21 +1,22 @@
-import { Div as h, Img as _, Span as H, Button as L, OnState as J, On as z } from "@base-framework/atoms";
-import { Component as B, Data as j, Atom as T, DateTime as O } from "@base-framework/base";
-import { B as m } from "./buttons-CHEs54Wl.js";
+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 { 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 = (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, f = n.top;
-  return i + a.width > globalThis.innerWidth && (i = globalThis.innerWidth - a.width - s), g < a.height && f > g ? d = n.top + l - a.height - s : g < a.height && (d = n.bottom + l - (a.height - g) - s), { x: i, y: d };
+  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 Tt extends B {
+class Tt extends Y {
   /**
    * This will set up the data.
    *
    * @returns {object}
    */
   setData() {
-    const t = this.parent.data || new j();
+    const t = this.parent.data || new B();
     return t.set({
       position: { x: 0, y: 0 }
     }), t;
@@ -136,19 +137,10 @@ class Tt extends B {
     this.panel.hidePopover();
   }
 }
-const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".") === -1 && e.indexOf("[[") === -1) ? null : _({
-  class: `absolute w-full h-full rounded-full object-cover fadeIn ${n}`,
-  src: e,
-  alt: t,
-  load: (a) => a.target.style.visibility = "visible",
-  /**
-   * If there's an error loading the image, hide it.
-   */
-  error: (a) => a.target.style.visibility = "hidden"
-})), K = T(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : q({
+const q = j(({ src: e, alt: t }) => !e || e.indexOf(".") === -1 && e.indexOf("[[") === -1 ? null : L({
   src: e,
   alt: t
-})), Q = (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 : Q(e), V = (e) => H([e, (t, n) => {
+})), 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",
@@ -170,8 +162,8 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
   "3xl": "text-4xl",
   "4xl": "text-5xl",
   default: "text-base"
-}, Z = (e) => A[e] || A.default, tt = (e) => I[e] || I.default, et = (e, t = null, n = "md") => {
-  const a = G(e), s = tt(n);
+}, 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,24 +173,24 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
 		`
     },
     [
-      t ? V(t) : H({ class: "uppercase" }, a)
+      t ? Q(t) : H({ class: "uppercase" }, a)
     ]
   );
-}, Ot = T(({ src: e, alt: t, fallbackText: n, watcherFallback: a, size: s }) => {
-  const r = Z(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}`
     },
     [
-      K({ src: e, alt: t }),
-      et(n, a, s)
+      q({ src: e, alt: t }),
+      tt(n, a, s)
     ]
   );
-}), nt = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
+}), et = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
-  O.monthNames.map(
-    (a, s) => m(
+  T.monthNames.map(
+    (a, s) => f(
       {
         click: (r) => {
           r.preventDefault(), r.stopPropagation(), n(s);
@@ -209,9 +201,9 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
       a.substring(0, 3)
     )
   )
-), D = (e) => (e *= 1, e < 10 ? `0${e}` : String(e)), at = (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)}`, st = (e) => e ? "bg-accent text-primary" : "", rt = (e) => e ? "text-muted-foreground opacity-50" : "", ot = (e, t) => e === t, it = (e, t) => ot(e, t) ? "bg-primary text-primary-foreground" : "", lt = (e, t, n, a) => {
-  const s = it(t, a);
-  return s || (e ? st(e) : n ? rt(n) : "text-foreground");
+), 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 || (e ? at(e) : n ? st(n) : "text-foreground");
 }, N = (e) => {
   const {
     day: t,
@@ -222,11 +214,11 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     select: l,
     disabled: i
   } = e;
-  return L(
+  return _(
     {
       class: `
 				flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
-				${lt(s, n, 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
 			`,
@@ -237,11 +229,11 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     },
     t.toString()
   );
-}, Y = (e, t, n, a) => e === a.date && t === a.month && n === a.year, ct = (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(), 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 = Y(u, C, v, t), y = new Date(v, C, u) < new Date(t.year, t.month, t.date), x = a && y;
-    f.push(
+    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;
+    m.push(
       N({
         day: u,
         currentDate: l,
@@ -254,8 +246,8 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     );
   }
   for (let o = 1; o <= d; o++) {
-    const u = Y(o, r, s, t), p = new Date(s, r, o) < new Date(t.year, t.month, t.date), y = a && p;
-    f.push(
+    const u = O(o, r, s, t), p = new Date(s, r, o) < new Date(t.year, t.month, t.date), y = a && p;
+    m.push(
       N({
         day: o,
         currentDate: l,
@@ -267,10 +259,10 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
       })
     );
   }
-  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 = Y(o, b, $, t), p = new Date($, b, o) < new Date(t.year, t.month, t.date), y = a && p;
-    f.push(
+    const u = O(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: l,
@@ -282,8 +274,8 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
       })
     );
   }
-  return f;
-}, R = ({ label: e, 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
@@ -296,16 +288,16 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     variant: "icon",
     icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
-), ht = ({ 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" }, [
-  m({ click: e, 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: n })
-]), ut = (e) => h(
+]), ht = (e) => h(
   { class: "flex items-center justify-center h-9 w-auto text-[0.8rem] font-normal text-muted-foreground" },
   e
-), dt = () => ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map(ut), gt = (e) => h({ class: "rdp flex flex-auto flex-col w-full gap-y-1" }, [
-  ht({
+), 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: e.onMonthClick,
     onYearClick: e.onYearClick,
     next: e.next,
@@ -316,10 +308,10 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     onSet: [
       "currentDate",
       () => [
-        h({ class: "grid grid-cols-7" }, dt()),
+        h({ class: "grid grid-cols-7" }, ut()),
         h(
           { class: "grid grid-cols-7" },
-          ct(
+          lt(
             e.current,
             e.today,
             e.select,
@@ -329,12 +321,12 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
       ]
     ]
   })
-]), ft = ({ currentMonth: e, currentYear: t, onSelect: n }) => {
+]), 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(), n(r);
@@ -347,7 +339,7 @@ const q = T(({ src: e, alt: t, class: n }) => !e || (n = n || "", e.indexOf(".")
     )
   );
 };
-class Nt extends B {
+class Ot extends Y {
   /**
    * This will declare the props for the compiler.
    *
@@ -363,7 +355,7 @@ class Nt extends B {
    * @returns {Date}
    */
   getSelectedDate(t) {
-    const n = this.selectedDate ? new Date(at(this.selectedDate)) : t;
+    const n = this.selectedDate ? new Date(nt(this.selectedDate)) : t;
     return new Date(n.getFullYear(), n.getMonth(), n.getDate());
   }
   /**
@@ -373,7 +365,7 @@ class Nt extends B {
    */
   setData() {
     const t = /* @__PURE__ */ new Date(), n = this.getSelectedDate(t), a = n.getMonth();
-    return new j({
+    return new B({
       monthName: this.getMonthName(a),
       currentDate: `${n.getFullYear()}-${a + 1}-${n.getDate()}`,
       current: {
@@ -406,7 +398,7 @@ class Nt extends B {
    * @returns {string}
    */
   getMonthName(t) {
-    return O.monthNames[t];
+    return T.monthNames[t];
   }
   /**
    * This will go to the previous month.
@@ -460,7 +452,7 @@ class Nt extends B {
       J("view", (t) => {
         switch (t) {
           case "months":
-            return nt(
+            return et(
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
@@ -470,7 +462,7 @@ class Nt extends B {
               }
             );
           case "years":
-            return ft(
+            return gt(
               {
                 currentMonth: this.data.current.month,
                 currentYear: this.data.current.year,
@@ -480,7 +472,7 @@ class Nt extends B {
               }
             );
           default:
-            return gt({
+            return dt({
               current: this.data.current,
               today: this.data.today,
               select: (n) => this.selectDate(n),
@@ -499,7 +491,7 @@ class Nt extends B {
     ]);
   }
 }
-const W = ({ label: e, 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
@@ -513,30 +505,30 @@ const W = ({ label: e, click: t }) => m(
     icon: e === "Previous" ? P.chevron.single.left : P.chevron.single.right
   }
 ), 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" }, [
-  m({ click: e, variant: "ghost", "aria-label": "Select month" }, "[[monthName]]"),
-  m({ click: t, variant: "ghost", "aria-label": "Select year" }, "[[current.year]]"),
+  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: n })
-]), pt = (e) => h({ class: "h-9 flex items-center justify-center font-medium" }, e), yt = () => h(
+]), 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(pt)
-), Dt = ({ day: e, iso: t, disabled: n, 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"), n && (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: n,
-      click: (f) => {
-        f.preventDefault(), f.stopPropagation(), n || i();
+      click: (m) => {
+        m.preventDefault(), m.stopPropagation(), n || i();
       }
     },
     e.toString()
   );
-}, xt = ({ 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, 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(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;
+    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,
@@ -580,7 +572,7 @@ const W = ({ label: e, click: t }) => m(
   return h(
     { class: "grid grid-cols-7 gap-1" },
     d.map(
-      (c, o) => Dt({
+      (c, o) => yt({
         day: c.day,
         iso: c.iso,
         disabled: c.disabled,
@@ -592,7 +584,7 @@ const W = ({ label: e, click: t }) => m(
       })
     )
   );
-}, wt = T((e, t) => h({ class: "flex flex-auto flex-col" }, [
+}, xt = j((e, t) => h({ class: "flex flex-auto flex-col" }, [
   mt({
     onMonthClick: e.onMonthClick,
     onYearClick: e.onYearClick,
@@ -604,8 +596,8 @@ const W = ({ label: e, click: t }) => m(
     onSet: [
       "currentDate",
       () => [
-        yt(),
-        xt({
+        pt(),
+        Dt({
           today: e.today,
           current: e.current,
           blockPriorDates: e.blockPriorDates,
@@ -614,10 +606,10 @@ const W = ({ label: e, click: t }) => m(
       ]
     ]
   })
-])), vt = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
+])), wt = ({ currentMonth: e, currentYear: t, onSelect: n }) => h(
   { class: "grid grid-cols-3 gap-2" },
-  O.monthNames.map(
-    (a, s) => m(
+  T.monthNames.map(
+    (a, s) => f(
       {
         click: (r) => {
           r.preventDefault(), r.stopPropagation(), n(s);
@@ -628,30 +620,30 @@ const W = ({ label: e, click: t }) => m(
       a.substring(0, 3)
     )
   )
-), bt = ({ start: e, end: t, selecting: n, 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 = (e, t) => [`[[${e}]]`, (n) => n == null ? t : Ct(n)], Ct = (e) => {
+]), 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()]}`;
-}, Mt = ({ currentYear: e, onSelect: t }) => {
+}, 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);
@@ -664,7 +656,7 @@ const W = ({ label: e, click: t }) => m(
     )
   );
 };
-class Yt extends B {
+class Yt extends Y {
   /**
    * Declare compiler props.
    *
@@ -680,7 +672,7 @@ class Yt extends B {
    */
   setData() {
     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 j({
+    return new B({
       today: {
         date: t.getDate(),
         month: t.getMonth(),
@@ -705,7 +697,7 @@ class Yt extends B {
    * @returns {string}
    */
   getMonthName(t) {
-    return O.monthNames[t];
+    return T.monthNames[t];
   }
   /**
    * Initialize component state.
@@ -761,7 +753,7 @@ class Yt extends B {
   render() {
     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" }, [
-      bt({
+      vt({
         start: s,
         end: r,
         selecting: a,
@@ -775,7 +767,7 @@ class Yt extends B {
       J("view", (l) => {
         switch (l) {
           case "months":
-            return vt(
+            return wt(
               {
                 currentMonth: n.month,
                 currentYear: n.year,
@@ -785,7 +777,7 @@ class Yt extends B {
               }
             );
           case "years":
-            return Mt(
+            return Ct(
               {
                 currentYear: n.year,
                 onSelect: (i) => {
@@ -794,7 +786,7 @@ class Yt extends B {
               }
             );
           default:
-            return wt({
+            return xt({
               monthName: this.data.monthName,
               year: n.year,
               today: t,
@@ -822,16 +814,16 @@ class Yt extends B {
   }
 }
 export {
-  Ot as A,
-  ct as C,
+  Nt as A,
+  lt as C,
   N as D,
   w as F,
-  gt as M,
+  dt as M,
   Tt as P,
   Yt as R,
-  ut as a,
-  Nt as b,
-  at as c,
+  ht as a,
+  Ot as b,
+  nt as c,
   U as g,
   D as p
 };

package/dist/{signature-panel-C50P9GW4.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-DqVS8ooC.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/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.2016",
+	"version": "1.0.2018",
 	"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/form-group-CJzpq9Us.js

@@ -1,29 +0,0 @@
-import { Div as a, H4 as d, P as c } from "@base-framework/atoms";
-import { Atom as t } from "@base-framework/base";
-const n = t((e, l) => {
-  const r = e.margin ?? "my-5 mx-5", s = e.padding ?? "p-4";
-  return e.hover && (e.class += " hover:shadow-lg hover:bg-muted/50"), a({
-    ...e,
-    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${r} ${s} ${e.class || ""}`
-  }, l);
-}), g = t((e, l) => {
-  const r = e.border === !0 ? "border-t" : "";
-  return a({
-    ...e,
-    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${r} ${e.class || ""}`
-  }, [
-    e.label && a({
-      ...e.labelProps,
-      class: `flex flex-auto flex-col gap-y-1 ${e.labelProps?.class || ""}`
-    }, [
-      d({ class: "text-base" }, e.label),
-      e.description && c({ class: "text-sm text-muted-foreground" }, e.description)
-    ]),
-    // Controls container: grows to fill remaining space, spacing between items
-    a({ class: "flex flex-col gap-y-4" }, l)
-  ]);
-});
-export {
-  n as C,
-  g as F
-};

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
-};