@base-framework/ui 1.0.7 → 1.0.9

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-8F0AEnxf.js";
-import { B as m, I as T, L as c } from "./icon-B9QUT2NY.js";
+import { B as m, I as T, L as c } from "./buttons-Cw8jPMSs.js";
 import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-O_WkdbI3.js";
 import { V as W, a as w } from "./veil-DSQdR6CM.js";
 export {

package/dist/buttons-Cw8jPMSs.js

@@ -0,0 +1,47 @@
+import { I as r, Button as m } from "@base-framework/atoms";
+import { Atom as a } from "@base-framework/base";
+import { Icons as h } from "./icons.es.js";
+const u = {
+  xs: "w-4 h-4",
+  sm: "w-6 h-6",
+  md: "w-8 h-8",
+  lg: "w-10 h-10",
+  xl: "w-12 h-12",
+  "2xl": "w-14 h-14",
+  "3xl": "w-16 h-16"
+}, l = a((t, n) => {
+  var c;
+  const i = u[t.size || "sm"];
+  return r({
+    ...t,
+    class: `icon-size ${i} ${t.class || ""}`,
+    html: (c = n[0]) == null ? void 0 : c.textContent
+  });
+}), s = (t) => a((n, i) => m({
+  ...t,
+  ...n,
+  class: `bttn ${t.class} ${n.class || ""}`
+}, i)), o = (t) => a((n, i) => m({
+  ...t,
+  ...n,
+  class: `bttn ${t.class} ${n.class || ""}`
+}, [
+  n.icon && n.position !== "right" ? l({ size: "xs", class: n.animation ?? null }, n.icon) : null,
+  ...i || [],
+  n.icon && n.position === "right" ? l({ size: "xs", class: n.animation ?? null }, n.icon) : null
+])), e = {
+  primary: s({ class: "primary" }),
+  secondary: s({ class: "secondary" }),
+  destructive: s({ class: "destructive" }),
+  warning: s({ class: "warning" }),
+  outline: s({ class: "outline" }),
+  ghost: s({ class: "ghost" }),
+  link: s({ class: "link" }),
+  icon: o({ class: "icon" }),
+  withIcon: o({ class: "with-icon" })
+}, w = a((t, n) => (e[t.variant] || e.primary)(t, n)), I = a((t, n) => w({ ...t, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, n));
+export {
+  w as B,
+  l as I,
+  I as L
+};

package/dist/{calendar-B5TK6tLi.js → calendar-5zFLxa2M.js}

@@ -1,6 +1,6 @@
 import { Div as l, Img as k, Span as D, Button as F } from "@base-framework/atoms";
 import { Component as $, Data as P, Atom as z, DateTime as O } from "@base-framework/base";
-import { B } from "./icon-B9QUT2NY.js";
+import { B } from "./buttons-Cw8jPMSs.js";
 import { Icons as v } from "./icons.es.js";
 const I = (t, e) => {
   const n = t ? t.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = e.getBoundingClientRect(), o = 10, a = window.scrollX, c = window.scrollY;

package/dist/{confirmation-K-Zelv4n.js → confirmation-Ctx1TvbV.js}

@@ -1,9 +1,9 @@
-import { Div as n, I as h, H5 as _, P as p, Li as O, Span as a, Ul as V, Button as m, OnState as y, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as v, Time as Q, Dialog as X } from "@base-framework/atoms";
-import { Atom as c, Component as b, Html as L, Dom as Z, base as ee, Data as C, Builder as q, Jot as k, DateTime as A } from "@base-framework/base";
-import { P as S, b as te } from "./calendar-B5TK6tLi.js";
-import { B as u, I as D } from "./icon-B9QUT2NY.js";
+import { Div as n, I as f, H5 as _, P as p, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
+import { Atom as c, Component as b, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
+import { P as D, b as te } from "./calendar-5zFLxa2M.js";
+import { B as u, I as x } from "./buttons-Cw8jPMSs.js";
 import { Icons as d } from "./icons.es.js";
-import { a as x } from "./veil-DSQdR6CM.js";
+import { a as w } from "./veil-DSQdR6CM.js";
 import { Timer as se, List as oe, DynamicTime as ne } from "@base-framework/organisms";
 const P = {
   info: {
@@ -32,7 +32,7 @@ const P = {
     iconColor: "text-muted-foreground"
   }
 }, re = (e, t) => n({ class: `flex items-center justify-center h-6 w-6 mr-3 ${t}` }, [
-  h({ html: e })
+  f({ html: e })
 ]), le = (e) => _({ class: "font-semibold" }, e), ie = (e) => p({ class: "text-sm text-muted-foreground" }, e), ht = c(({ title: e, description: t, icon: s, type: o = "default" }) => {
   const { borderColor: l, bgColor: r, iconColor: i } = P[o] || P.default;
   return n({ class: `flex items-start p-4 border rounded-lg ${r} ${l}` }, [
@@ -82,7 +82,7 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
     class: "max-h-60 border rounded-md overflow-y-auto p-1 grid gap-2 divide-y divide-border",
     for: ["groups", (t) => me(t, e)]
   })
-]), ge = ({ label: e, icon: t, toggleDropdown: s }) => m({
+]), ge = ({ label: e, icon: t, toggleDropdown: s }) => h({
   cache: "button",
   class: `inline-flex items-center justify-between rounded-md border border-input
             bg-background px-2 py-2 text-sm font-medium hover:bg-muted
@@ -90,11 +90,11 @@ const ce = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e),
   click: s
 }, [
   e && a(e),
-  t && h({ html: t })
+  t && f({ html: t })
 ]), pe = ({ onSelect: e }) => n([
-  y(
+  v(
     "open",
-    (t, s, o) => t ? new S({
+    (t, s, o) => t ? new D({
       cache: "dropdown",
       parent: o,
       button: o.button
@@ -118,7 +118,7 @@ class mt extends b {
    * @returns {Data}
    */
   setData() {
-    return new C({
+    return new k({
       groups: this.groups || []
     });
   }
@@ -183,7 +183,7 @@ const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
     ...e,
     class: "w-full"
   }, l);
-}), ft = x(
+}), ft = w(
   {
     /**
      * The initial state of the FormField.
@@ -240,7 +240,7 @@ const be = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   /**
    * Icon
    */
-  o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [D(o)]),
+  o && n({ class: "mr-2 w-12 h-12 rounded-full bg-muted flex flex-none items-center justify-center" }, [x(o)]),
   /**
    * Title and Description
    */
@@ -413,7 +413,7 @@ class xt extends b {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(), document.documentElement.style.overflowY = "auto";
   }
 }
-const N = {
+const z = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -498,7 +498,7 @@ class Me extends ae {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return N[t] || N.default;
+    return z[t] || z.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -522,7 +522,7 @@ class Me extends ae {
   getChildren(t) {
     return [
       n({ class: "flex items-start" }, [
-        this.icon && h({ class: `mr-4 ${t}`, html: this.icon }),
+        this.icon && f({ class: `mr-4 ${t}`, html: this.icon }),
         n({ class: "flex flex-auto flex-col" }, [
           n({ class: "flex flex-auto flex-row items-center w-full pr-12" }, [
             this.title && Ae(this.title)
@@ -585,7 +585,7 @@ class wt extends b {
     this.list.delete(t.id);
   }
 }
-const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
+const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
   class: 'text-sm gap-1 font-medium leading-none disabled:cursor-not-allowed disabled:opacity-70 flex flex-col items-center justify-between rounded-md border-2 bg-popover p-4 hover:bg-accent hover:text-accent-foreground data-[state="active"]:border-primary [&:has([data-state="active"])]:border-primary',
   onState: ["method", { active: e }],
   dataSet: ["method", ["state", e, "active"]],
@@ -593,18 +593,18 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
     l.method = e, localStorage.setItem("theme", e), e === "system" && localStorage.removeItem("theme"), Pe(e);
   }
 }, [
-  D(s),
+  x(s),
   a(t)
 ])), Pe = (e) => {
   var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), z && !z("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = (o = window.matchMedia) != null && o.call(window, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
   const s = e === "light" ? "dark" : "light";
   t.classList.remove(s);
-}, yt = k(
+}, yt = S(
   {
     /**
      * This will render the component.
@@ -631,7 +631,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       };
     }
   }
-), vt = x(
+), vt = w(
   {
     /**
      * The initial state of the Toggle.
@@ -658,7 +658,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
      * @returns {object}
      */
     render() {
-      return m({
+      return h({
         class: "relative inline-flex h-6 w-11 min-w-11 items-center rounded-full bg-muted transition-colors focus:outline-none",
         onState: ["active", { "bg-primary": !0, "bg-muted": !1 }],
         click: (t, { state: s }) => {
@@ -683,27 +683,27 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       ]);
     }
   }
-), w = {
+), y = {
   ONLINE: "online",
   OFFLINE: "offline",
   BUSY: "busy",
   AWAY: "away"
-}, f = {
+}, m = {
   ONLINE: "bg-green-500",
   OFFLINE: "bg-gray-500",
   BUSY: "bg-red-500",
   AWAY: "bg-yellow-500"
-}, Ne = (e = "") => (e = e.toUpperCase(), f[e] || f.OFFLINE), Ct = (e) => n({
-  class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${Ne(e)}`
+}, ze = (e = "") => (e = e.toUpperCase(), m[e] || m.OFFLINE), Ct = (e) => n({
+  class: `absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full ${ze(e)}`
 }), kt = ({ propName: e = "status" } = {}) => n({
   class: "absolute bottom-0 right-0 w-3 h-3 border-2 rounded-full",
   onSet: [e, {
-    [f.ONLINE]: w.ONLINE,
-    [f.OFFLINE]: w.OFFLINE,
-    [f.BUSY]: w.BUSY,
-    [f.AWAY]: w.AWAY
+    [m.ONLINE]: y.ONLINE,
+    [m.OFFLINE]: y.OFFLINE,
+    [m.BUSY]: y.BUSY,
+    [m.AWAY]: y.AWAY
   }]
-}), ze = (e, t) => Y(
+}), Ne = (e, t) => Y(
   {
     href: e,
     "aria-current": t === "Breadcrumb" && "page",
@@ -711,14 +711,14 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
     class: "text-muted-foreground font-medium hover:text-foreground"
   },
   [a(t)]
-), Fe = () => D({
+), Fe = () => x({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
 }, d.chevron.single.right), Ee = (e) => n({ class: "flex items-center" }, [
-  e.href ? ze(e.href, e.label) : a(e.label),
+  e.href ? Ne(e.href, e.label) : a(e.label),
   e.separator && Fe()
-]), St = k(
+]), St = S(
   {
     /**
      * Set initial data
@@ -726,7 +726,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new C({
+      return new k({
         // @ts-ignore
         items: this.items || []
       });
@@ -780,7 +780,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
 ]), Ve = (e, t) => Array.from({ length: e }, (s, o) => Oe({
   index: o,
   size: t
-})), Dt = k(
+})), Dt = S(
   {
     /**
      * Defines component data (props).
@@ -788,7 +788,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new C({
+      return new k({
         // @ts-ignore
         count: this.count || 4,
         // total dots
@@ -811,7 +811,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       );
     }
   }
-), Ye = ({ toggleDropdown: e }) => m(
+), Ye = ({ toggleDropdown: e }) => h(
   {
     cache: "button",
     class: "relative z-[2] inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-muted h-10 px-4 py-2 justify-between",
@@ -819,21 +819,21 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   },
   [
     a({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
-    h({ html: d.chevron.upDown })
+    f({ html: d.chevron.upDown })
   ]
 ), qe = (e, t, s) => O({
   class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
   click: () => t(e),
   onState: [s, "selectedValue", { "bg-secondary": e.value }]
 }, [
-  e.icon && a({ class: "mr-2 flex items-baseline" }, [h({ class: "flex w-4 h-4", html: e.icon })]),
+  e.icon && a({ class: "mr-2 flex items-baseline" }, [x({ size: "xs" }, e.icon)]),
   a(e.label)
 ]), He = (e, t) => n({ class: "w-full border rounded-md" }, [
   V({ class: "max-h-60 overflow-y-auto p-2 grid gap-1", for: ["items", (s) => qe(s, e, t)] })
 ]), Ue = ({ onSelect: e, state: t }) => n({ class: "flex flex-auto flex-col" }, [
-  y(
+  v(
     "open",
-    (s, o, l) => s ? new S({
+    (s, o, l) => s ? new D({
       cache: "dropdown",
       parent: l,
       button: l.button
@@ -841,7 +841,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       He(e, t)
     ]) : null
   )
-]), It = k(
+]), It = S(
   {
     /**
      * This will set up the data.
@@ -849,7 +849,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
      * @returns {Data}
      */
     setData() {
-      return new C({
+      return new k({
         // @ts-ignore
         items: this.items || []
       });
@@ -901,7 +901,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
         }),
         // Hidden required input for form validation
         // @ts-ignore
-        this.required && v({
+        this.required && C({
           class: "opacity-0 absolute top-0 left-0 z-[1]",
           type: "text",
           // @ts-ignore
@@ -927,7 +927,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   icon: d.circlePlus,
   click: e,
   ariaLabel: "Increment"
-}), We = ({ bind: e, min: t, max: s, readonly: o = !1 }) => v({
+}), We = ({ bind: e, min: t, max: s, readonly: o = !1 }) => C({
   value: "[[count]]",
   bind: e,
   blur: (l, { state: r }) => {
@@ -940,7 +940,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   max: s,
   type: "number",
   "aria-label": "Counter"
-}), Tt = x(
+}), Tt = w(
   {
     /**
      * Initial state for the counter component.
@@ -974,12 +974,12 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       ]);
     }
   }
-), Ge = ({ bind: e, required: t }) => v({
+), Ge = ({ bind: e, required: t }) => C({
   cache: "input",
   class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
   bind: e,
   required: t
-}), Je = ({ bind: e, required: t, toggleOpen: s }) => m({
+}), Je = ({ bind: e, required: t, toggleOpen: s }) => h({
   class: "relative flex items-center gap-2 w-full justify-between border border-input bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
@@ -987,11 +987,11 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   a({
     onState: ["selectedDate", (o) => o ? A.format("standard", o) : "Pick a date"]
   }),
-  h({ html: d.calendar.days })
+  f({ html: d.calendar.days })
 ]), Ke = ({ handleDateSelect: e }) => n({ class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" }, [
-  y(
+  v(
     "open",
-    (t, s, o) => t ? new S({
+    (t, s, o) => t ? new D({
       cache: "dropdown",
       parent: o,
       button: o.panel,
@@ -1003,7 +1003,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
       })
     ]) : null
   )
-]), At = x(
+]), At = w(
   {
     /**
      * The initial state of the DatePicker.
@@ -1056,7 +1056,7 @@ const z = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => m({
   })
 ]);
 function Qe({ bind: e, required: t }) {
-  return v({
+  return C({
     cache: "input",
     class: "opacity-0 absolute top-0 left-0 w-full h-full pointer-events-none",
     bind: e,
@@ -1064,7 +1064,7 @@ function Qe({ bind: e, required: t }) {
   });
 }
 function Xe({ bind: e, required: t, toggleOpen: s }) {
-  return m(
+  return h(
     {
       class: "relative flex items-center gap-2 w-full justify-between border border-input bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
       click: s
@@ -1074,7 +1074,7 @@ function Xe({ bind: e, required: t, toggleOpen: s }) {
       a({
         onState: ["selectedTime", (o) => o || "Pick a time"]
       }),
-      h({ html: d.clock })
+      f({ html: d.clock })
     ]
   );
 }
@@ -1083,7 +1083,7 @@ function T({ items: e, handleTimeSelect: t, state: s, stateValue: o, pad: l = !1
     { class: "flex flex-col max-h-[200px] overflow-y-auto" },
     e.map((r) => {
       let i = l ? r.toString().padStart(2, "0") : r.toString();
-      return m({
+      return h({
         text: i,
         class: "hover:bg-muted/50 rounded-md px-2 py-1",
         click: () => t({ [o]: i }),
@@ -1096,9 +1096,9 @@ function Ze({ handleTimeSelect: e }) {
   return n(
     { class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" },
     [
-      y(
+      v(
         "open",
-        (t, s, o) => t ? new S(
+        (t, s, o) => t ? new D(
           {
             cache: "dropdown",
             parent: o,
@@ -1158,7 +1158,7 @@ function E(e) {
     meridian: r
   });
 }
-const $t = x(
+const $t = w(
   {
     /**
      * The initial shallow state of the TimePicker.
@@ -1219,7 +1219,7 @@ const $t = x(
     }
   }
 ), et = (e, t) => n({ class: `hidden md:flex items-start justify-center w-6 h-6 mr-3 ${t}` }, [
-  D({ size: "lg" }, e)
+  x({ size: "lg" }, e)
 ]), tt = ({ title: e }) => M({ class: "flex flex-auto items-center" }, [
   B({ class: "text-lg font-semibold" }, e)
 ]), st = c((e, t) => X(
@@ -1402,9 +1402,9 @@ export {
   vt as m,
   Ct as n,
   kt as o,
-  w as p,
-  f as q,
-  Ne as r,
+  y as p,
+  m as q,
+  ze as r,
   Dt as s,
   _e as t,
   We as u,

package/dist/index.es.js

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

package/dist/{mobile-nav-wrapper-CguousG5.js → mobile-nav-wrapper-BUiauPhC.js}

@@ -1,6 +1,6 @@
 import { I as b, Label as w, Span as S, Ul as o, H4 as N, Nav as d, Div as l, Header as B, H1 as L, H3 as p, OnState as C } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as y, router as u } from "@base-framework/base";
-import { I as h, B as f } from "./icon-B9QUT2NY.js";
+import { I as h, B as f } from "./buttons-Cw8jPMSs.js";
 import { Icons as r } from "./icons.es.js";
 class I extends n {
   /**

package/dist/molecules.es.js

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

package/dist/organisms.es.js

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

package/dist/pages.es.js

@@ -1,4 +1,4 @@
-import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-kezIms-t.js";
+import { B as s, a as P, C as g, F as n, b as l, c as i, M as r, P as c, S as o } from "./sidebar-menu-page-D7d2cfX0.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{sidebar-menu-page-kezIms-t.js → sidebar-menu-page-D7d2cfX0.js}

@@ -1,7 +1,7 @@
 import { Div as t, Header as c, H1 as d, P as o } from "@base-framework/atoms";
 import { F as l, A as x } from "./aside-template-D0KANPjh.js";
 import { Component as h, Atom as i } from "@base-framework/base";
-import { c as u, e as p } from "./mobile-nav-wrapper-CguousG5.js";
+import { c as u, e as p } from "./mobile-nav-wrapper-BUiauPhC.js";
 class n extends h {
   /**
   * This will declare the props for the compiler.

package/dist/{signature-panel-DCDay7u0.js → signature-panel-DFhafzqa.js}

@@ -1,10 +1,10 @@
 import { Button as v, Div as o, On as U, Span as y, Th as P, UseParent as Y, I as E, Thead as F, Tr as H, Table as Q, P as m, Li as D, Time as X, Nav as S, Ul as b, Section as O } from "@base-framework/atoms";
 import { Atom as u, Component as g, Data as L, DateTime as q, Jot as R, router as k, NavLink as M, base as B, Dom as I } from "@base-framework/base";
-import { B as C, I as z } from "./icon-B9QUT2NY.js";
+import { B as C, I as z } from "./buttons-Cw8jPMSs.js";
 import { Icons as w } from "./icons.es.js";
 import { TableBody as K, List as _, IntervalTimer as G } from "@base-framework/organisms";
 import { C as V, I as J, H as Z } from "./inputs-O_WkdbI3.js";
-import { A as tt, P as et } from "./calendar-B5TK6tLi.js";
+import { A as tt, P as et } from "./calendar-5zFLxa2M.js";
 u((e, t) => ({
   class: "flex items-center px-4 py-2",
   ...e,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.7",
+	"version": "1.0.9",
 	"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/icon-B9QUT2NY.js

@@ -1,47 +0,0 @@
-import { Button as e, I as c } from "@base-framework/atoms";
-import { Atom as i } from "@base-framework/base";
-import { Icons as h } from "./icons.es.js";
-const s = (t) => i((n, a) => e({
-  ...t,
-  ...n,
-  class: `bttn ${t.class} ${n.class || ""}`
-}, a)), o = (t) => i((n, a) => e({
-  ...t,
-  ...n,
-  class: `bttn ${t.class} ${n.class || ""}`
-}, [
-  n.icon && n.position !== "right" ? c({ class: n.animation ?? null, html: n.icon }) : null,
-  ...a || [],
-  n.icon && n.position === "right" ? c({ class: n.animation ?? null, html: n.icon }) : null
-])), m = {
-  primary: s({ class: "primary" }),
-  secondary: s({ class: "secondary" }),
-  destructive: s({ class: "destructive" }),
-  warning: s({ class: "warning" }),
-  outline: s({ class: "outline" }),
-  ghost: s({ class: "ghost" }),
-  link: s({ class: "link" }),
-  icon: o({ class: "icon" }),
-  withIcon: o({ class: "with-icon" })
-}, r = i((t, n) => (m[t.variant] || m.primary)(t, n)), I = i((t, n) => r({ ...t, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, n)), u = {
-  xs: "w-4 h-4",
-  sm: "w-6 h-6",
-  md: "w-8 h-8",
-  lg: "w-10 h-10",
-  xl: "w-12 h-12",
-  "2xl": "w-14 h-14",
-  "3xl": "w-16 h-16"
-}, $ = i((t, n) => {
-  var l;
-  const a = u[t.size || "sm"];
-  return c({
-    ...t,
-    class: `icon-size ${a} ${t.class || ""}`,
-    html: (l = n[0]) == null ? void 0 : l.textContent
-  });
-});
-export {
-  r as B,
-  $ as I,
-  I as L
-};