@base-framework/ui 1.0.279 → 1.0.280

package/dist/atoms.es.js

@@ -1,39 +1,39 @@
-import { B as e, C as t, F as o, L as n, P as r, R as p, S as u, T as I } from "./tooltip-nLqurlbX.js";
-import { B as l, I as d, L as m } from "./buttons-BKLL4I6r.js";
-import { C as T, F as x, V as B, a as F } from "./veil-tVDPinrr.js";
-import { C as g, d as S, D as f, c as L, E as P, F as R, H as b, I as h, M as k, N as D, P as V, R as E, S as G, T as H, a as M, b as N, U, W } from "./skeleton-CLm2c9Bc.js";
+import { B as e, C as t, F as o, L as n, P as r, R as p, S as u, a as I, T as i } from "./tooltip-Cok_NM7z.js";
+import { B as d, I as m, L as C } from "./buttons-BKLL4I6r.js";
+import { C as x, F as B, V as F, a as c } from "./veil-tVDPinrr.js";
+import { C as f, d as L, D as P, c as R, E as S, F as b, H as h, I as k, M as D, N as V, P as E, R as G, T as H, a as M, b as N, U, W } from "./inputs-DYxmO1rQ.js";
 export {
   e as Badge,
-  l as Button,
-  T as Card,
-  g as Checkbox,
+  d as Button,
+  x as Card,
+  f as Checkbox,
   t as CircleGraph,
-  S as ColorInput,
-  f as DateInput,
-  L as DateTimeInput,
-  P as EmailInput,
+  L as ColorInput,
+  P as DateInput,
+  R as DateTimeInput,
+  S as EmailInput,
   o as Fieldset,
-  R as FileInput,
-  x as FormGroup,
-  b as HiddenInput,
-  d as Icon,
-  h as Input,
+  b as FileInput,
+  B as FormGroup,
+  h as HiddenInput,
+  m as Icon,
+  k as Input,
   n as Legend,
-  m as LoadingButton,
-  k as MonthInput,
-  D as NumberInput,
-  V as PasswordInput,
+  C as LoadingButton,
+  D as MonthInput,
+  V as NumberInput,
+  E as PasswordInput,
   r as ProgressBar,
-  E as Radio,
+  G as Radio,
   p as RangeSlider,
   u as Select,
-  G as Skeleton,
+  I as Skeleton,
   H as TelInput,
   M as Textarea,
   N as TimeInput,
-  I as Tooltip,
+  i as Tooltip,
   U as UrlInput,
-  B as Veil,
-  F as VeilJot,
+  F as Veil,
+  c as VeilJot,
   W as WeekInput
 };

package/dist/index.es.js

@@ -1,11 +1,11 @@
-import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, T as p } from "./tooltip-nLqurlbX.js";
-import { B as u, I as d, L as g } from "./buttons-BKLL4I6r.js";
-import { C as c, F as T, V as D, a as I } from "./veil-tVDPinrr.js";
-import { C as b, d as F, D as P, c as B, E as k, F as M, H as f, I as x, M as N, N as v, P as y, R as h, S as L, T as W, a as H, b as A, U as R, W as w } from "./skeleton-CLm2c9Bc.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-Cok_NM7z.js";
+import { B as d, I as g, L as C } from "./buttons-BKLL4I6r.js";
+import { C as T, F as D, V as I, a as b } from "./veil-tVDPinrr.js";
+import { C as F, d as P, D as B, c as k, E as M, F as f, H as x, I as N, M as v, N as y, P as h, R as L, T as W, a as H, b as A, U as R, W as w } from "./inputs-DYxmO1rQ.js";
 import { Icons as G } from "./icons.es.js";
-import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as Sa, N as ba, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-CPWpkmxa.js";
+import { A as E, B as V, C as j, w as q, J, y as z, z as K, E as Q, G as _, D as X, m as Y, n as Z, O as $, K as aa, v as ea, c as sa, a as oa, b as ta, Q as ra, l as na, g as la, i as ia, h as pa, j as ma, e as ua, k as da, F as ga, d as Ca, f as ca, L as Ta, x as Da, M as Ia, o as ba, N as Sa, P as Fa, s as Pa, t as Ba, S as ka, q as Ma, r as fa, T as xa, H as Na, I as va, p as ya, u as ha } from "./empty-state-CPWpkmxa.js";
 import { A as Wa, b as Ha, C as Aa, D as Ra, a as wa, F as Ua, M as Ga, P as Oa, R as Ea, c as Va, g as ja, p as qa } from "./range-calendar-DW0cMOJy.js";
-import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as Se, b as be, e as Fe, a as Pe, g as Be } from "./signature-panel-LOOJ7iLB.js";
+import { B as za, p as Ka, C as Qa, j as _a, D as Xa, m as Ya, k as Za, H as $a, I as ae, N as ee, O as se, P as oe, S as te, n as re, o as ne, t as le, s as ie, q as pe, r as me, T as ue, l as de, U as ge, W as Ce, f as ce, h as Te, i as De, c as Ie, d as be, b as Se, e as Fe, a as Pe, g as Be } from "./signature-panel-fN7fYDwD.js";
 import { B as Me, I as fe, M as xe, d as Ne, e as ve, g as ye, N as he, b as Le, a as We, f as He, P as Ae, c as Re, S as we, T as Ue } from "./mobile-nav-wrapper-C7RyGC5a.js";
 import { B as Oe, a as Ee, C as Ve, F as je, b as qe, c as Je, M as ze, P as Ke, S as Qe } from "./sidebar-menu-page-BtUJdw-T.js";
 import { A as Xe, F as Ye, M as Ze, a as $e, T as as } from "./aside-template-McEj_Gxc.js";
@@ -23,16 +23,16 @@ export {
   Ee as BlankPage,
   V as Breadcrumb,
   ss as BsideTemplate,
-  u as Button,
+  d as Button,
   Ka as ButtonTab,
   Ha as Calendar,
   Aa as CalendarCells,
-  c as Card,
+  T as Card,
   Ve as CenterPage,
-  b as Checkbox,
+  F as Checkbox,
   Qa as CheckboxCol,
   o as CircleGraph,
-  F as ColorInput,
+  P as ColorInput,
   j as ColumnRow,
   q as Combobox,
   J as Confirmation,
@@ -40,10 +40,10 @@ export {
   K as Counter,
   _a as DataTable,
   Xa as DataTableBody,
-  P as DateInput,
+  B as DateInput,
   Q as DatePicker,
   _ as DateRangePicker,
-  B as DateTimeInput,
+  k as DateTimeInput,
   Ra as DayCell,
   wa as DayHeader,
   X as DelayComponent,
@@ -57,10 +57,10 @@ export {
   oa as DropdownItem,
   ta as DropdownMenu,
   Za as DynamicDataTable,
-  k as EmailInput,
+  M as EmailInput,
   ra as EmptyState,
   t as Fieldset,
-  M as FileInput,
+  f as FileInput,
   na as Form,
   la as FormCard,
   ia as FormCardContent,
@@ -68,7 +68,7 @@ export {
   ma as FormControl,
   ua as FormDescription,
   da as FormField,
-  T as FormGroup,
+  D as FormGroup,
   ga as FormItem,
   Ca as FormLabel,
   ca as FormMessage,
@@ -79,15 +79,15 @@ export {
   Ye as FullTemplate,
   Je as FullscreenPage,
   $a as HeaderCol,
-  f as HiddenInput,
-  d as Icon,
+  x as HiddenInput,
+  g as Icon,
   G as Icons,
   ls as ImageScaler,
   fe as InlineNavigation,
   ae as InlineOverlay,
-  x as Input,
+  N as Input,
   r as Legend,
-  g as LoadingButton,
+  C as LoadingButton,
   Ta as LogoUploader,
   Ze as MainColumn,
   xe as MainLink,
@@ -97,25 +97,25 @@ export {
   ve as MobileNavWrapper,
   Ia as Modal,
   Ga as MonthCalendar,
-  N as MonthInput,
+  v as MonthInput,
   ye as NavButton,
   he as NavButtonLink,
   Le as Navigation,
   We as NavigationGroup,
   ee as NavigationMenu,
   He as NavigationPopover,
-  Sa as Notification,
-  ba as NotificationContainer,
-  v as NumberInput,
+  ba as Notification,
+  Sa as NotificationContainer,
+  y as NumberInput,
   se as Overlay,
   Ke as Page,
   oe as Panel,
-  y as PasswordInput,
+  h as PasswordInput,
   Fa as PlusButton,
   Oa as PopOver,
   Ae as PopupHeader,
   n as ProgressBar,
-  h as Radio,
+  L as Radio,
   Ea as RangeCalendar,
   l as RangeSlider,
   Pa as STATUSES,
@@ -127,7 +127,7 @@ export {
   Re as SidebarMenu,
   Qe as SidebarMenuPage,
   le as SignaturePanel,
-  L as Skeleton,
+  p as Skeleton,
   ka as SplitRow,
   Ma as StaticStatusIndicator,
   fa as StatusIndicator,
@@ -145,13 +145,13 @@ export {
   va as TimePicker,
   Ue as TitleHeader,
   ya as Toggle,
-  p as Tooltip,
+  m as Tooltip,
   as as TopBar,
   R as UrlInput,
   de as UserList,
   ge as UserListItem,
-  D as Veil,
-  I as VeilJot,
+  I as Veil,
+  b as VeilJot,
   Ce as WeekCalendar,
   ce as WeekCell,
   Te as WeekCells,
@@ -160,8 +160,8 @@ export {
   Va as addTime,
   Ie as calculateWeekNumber,
   rs as createWatcherCallback,
-  Se as generateWeeks,
-  be as getDateFromWeek,
+  be as generateWeeks,
+  Se as getDateFromWeek,
   Fe as getMonthDays,
   Pe as getNextMonthDays,
   ja as getPosition,

package/dist/{skeleton-CLm2c9Bc.js → inputs-DYxmO1rQ.js}

@@ -1,7 +1,7 @@
-import { Div as u, Label as m, Checkbox as f, Span as b, OnState as p, I as x, Input as n, Textarea as k } from "@base-framework/atoms";
+import { Div as u, Label as h, Checkbox as m, Span as $, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
 import { Jot as g, Atom as s } from "@base-framework/base";
 import { Icons as y } from "./icons.es.js";
-const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", c = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", $ = `${I} ${r} ${o} ${l} ${c}`, C = ({ id: e, checked: a, bind: t, required: d }) => f({
+const I = "flex h-10 w-full px-3 py-2 text-sm", n = "rounded-md border border-border bg-input", o = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", a = "disabled:cursor-not-allowed disabled:opacity-50 [&:user-invalid]:border-destructive", l = "placeholder:text-muted-foreground", f = `${I} ${n} ${o} ${l} ${a}`, C = ({ id: e, checked: c, bind: t, required: d }) => m({
   id: e,
   cache: "checkbox",
   class: "absolute opacity-0 w-full h-full cursor-pointer pointer-events-none",
@@ -9,9 +9,9 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
     checked: ["checked"]
   },
   required: d,
-  checked: a,
+  checked: c,
   bind: t
-}), v = () => b({ class: "absolute text-xs pointer-events-none" }, [
+}), v = () => $({ class: "absolute text-xs pointer-events-none" }, [
   p(
     "checked",
     (e) => e ? x({
@@ -19,11 +19,11 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
       html: y.check
     }) : null
   )
-]), w = ({ id: e, bind: a, checked: t, required: d, clickHandler: h }) => u({
+]), w = ({ id: e, bind: c, checked: t, required: d, clickHandler: b }) => u({
   class: `relative flex items-center justify-center w-5 h-5 transition-colors duration-200 hover:border-accent-foreground
 			rounded-md border
 			${o}
-			${c}`.trim(),
+			${a}`.trim(),
   onState: [
     "checked",
     {
@@ -37,15 +37,15 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
     checked: ["checked"]
   },
   tabIndex: 0,
-  click: h
+  click: b
 }, [
-  C({ bind: a, checked: t, id: e, required: d }),
+  C({ bind: c, checked: t, id: e, required: d }),
   v()
-]), T = ({ id: e, label: a, clickHandler: t }) => m({
+]), T = ({ id: e, label: c, clickHandler: t }) => h({
   class: "text-base cursor-pointer",
   htmlFor: e,
   click: t
-}, a), F = g(
+}, c), L = g(
   {
     /**
      * This will initialize the state of the checkbox.
@@ -82,7 +82,7 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
      * @returns {object}
      */
     render() {
-      const e = this.getId(), a = (t) => this.clickHandler(t);
+      const e = this.getId(), c = (t) => this.clickHandler(t);
       return u({ class: `flex items-center space-x-2 cursor-pointer ${this.class || ""}` }, [
         w({
           id: e,
@@ -93,10 +93,10 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
           // @ts-ignore
           required: this.required,
           // @ts-ignore
-          clickHandler: a
+          clickHandler: c
         }),
         // @ts-ignore
-        this.label && T({ id: e, label: this.label, clickHandler: a })
+        this.label && T({ id: e, label: this.label, clickHandler: c })
       ]);
     }
   }
@@ -105,12 +105,12 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
   const t = e.replace(/\D/g, "").match(/^(\d{0,3})(\d{0,3})(\d{0,4})$/);
   return t ? t[2] ? `(${t[1]}) ${t[2]}${t[3] ? "-" + t[3] : ""}` : t[1] || "" : e;
 }, D = (e) => {
-  const a = e.target, t = H(a.value);
-  t && (a.value = t);
-}, i = s((e) => n({
+  const c = e.target, t = H(c.value);
+  t && (c.value = t);
+}, i = s((e) => r({
   ...e,
-  class: `${$} ${e.class || ""}`.trim()
-})), L = s((e) => i({
+  class: `${f} ${e.class || ""}`.trim()
+})), M = s((e) => i({
   ...e,
   type: "tel",
   name: e.name || "Phone",
@@ -118,7 +118,7 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
   placeholder: "(555) 555-5555",
   pattern: e.pattern || "\\(\\d{3}\\) \\d{3}-\\d{4}",
   keyup: D
-})), M = s((e) => i({
+})), S = s((e) => i({
   ...e,
   type: "email",
   name: e.name || "Email",
@@ -127,34 +127,34 @@ const I = "flex h-10 w-full px-3 py-2 text-sm", r = "rounded-md border border-bo
 })), q = s((e) => k({
   ...e,
   as: "textarea",
-  class: `flex w-full h-24 px-3 py-2 text-sm ${r} ${o} ${l} ${c} ${e.class || ""}`.trim()
+  class: `flex w-full h-24 px-3 py-2 text-sm ${n} ${o} ${l} ${a} ${e.class || ""}`.trim()
 })), R = (e = {}) => u({ class: "flex items-center space-x-2" }, [
-  n({
+  r({
     ...e,
     type: "radio",
     class: "cursor-pointer appearance-none h-4 w-4 border rounded-full checked:border-primary checked:bg-primary focus:ring focus:ring-primary".trim()
   }),
-  e.label && m({ forHTML: e.value, class: "cursor-pointer" }, e.label)
-]), U = s((e) => n({
+  e.label && h({ forHTML: e.value, class: "cursor-pointer" }, e.label)
+]), U = s((e) => r({
   ...e,
   type: "date",
-  class: `${r} ${o} ${l} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), W = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), W = s((e) => r({
   ...e,
   type: "time",
-  class: `${r} ${o} ${l} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), j = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), j = s((e) => r({
   ...e,
   type: "datetime-local",
-  class: `${r} ${o} ${l} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), z = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), z = s((e) => r({
   ...e,
   type: "month",
-  class: `${r} ${o} ${l} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
-})), A = s((e) => n({
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+})), A = s((e) => r({
   ...e,
   type: "week",
-  class: `${r} ${o} ${l} ${c} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
+  class: `${n} ${o} ${l} ${a} px-3 py-2 text-sm ring-offset-background ${e.class || ""}`.trim()
 })), B = s((e) => i({
   ...e,
   type: "number"
@@ -172,26 +172,24 @@ const O = s((e) => i({
 })), G = s((e) => i({
   ...e,
   type: "hidden"
-})), K = s((e) => n({
+})), K = s((e) => r({
   ...e,
   type: "color",
-  class: `${r} text-foreground p-0 ${c} ${e.class || ""}`.trim()
+  class: `${n} text-foreground p-0 ${a} ${e.class || ""}`.trim()
 }));
-s((e) => f({
+s((e) => m({
   ...e,
-  class: `flex h-4 w-4 text-foreground ${r} ${o} ${c} ${e.class || ""}`.trim()
+  class: `flex h-4 w-4 text-foreground ${n} ${o} ${a} ${e.class || ""}`.trim()
 }));
-const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => n({
+const E = "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", Q = s((e) => r({
   ...e,
   type: "file",
-  class: `${$} ${E} ${e.class || ""}`.trim()
-})), V = ({ class: e, shape: a = "rectangle", width: t = "w-full", height: d = "h-4" }) => u({
-  class: `bg-muted animate-pulse ${t} ${d} ${a === "circle" ? "rounded-full" : "rounded-md"} ${e || ""}`
-});
+  class: `${f} ${E} ${e.class || ""}`.trim()
+}));
 export {
-  F as C,
+  L as C,
   U as D,
-  M as E,
+  S as E,
   Q as F,
   G as H,
   i as I,
@@ -199,15 +197,14 @@ export {
   B as N,
   J as P,
   R,
-  V as S,
-  L as T,
+  M as T,
   O as U,
   A as W,
   q as a,
   W as b,
   j as c,
   K as d,
-  c as e,
+  a as e,
   o as f,
-  $ as g
+  f as g
 };

package/dist/organisms.es.js

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