@base-framework/ui 1.0.190 → 1.0.192

package/dist/{empty-state-DYNdBFtp.js → empty-state-CYOTsLFJ.js}

@@ -2,7 +2,7 @@ import { Div as n, H5 as R, P as g, I as b, Li as O, Span as a, Ul as V, Button
 import { Atom as c, Component as x, Html as L, Dom as te, base as se, Data as D, Builder as H, Jot as I, DateTime as B } from "@base-framework/base";
 import { P as T, b as oe } from "./calendar-DQXME-2u.js";
 import { B as h, I as p } from "./buttons-Cm9etaEG.js";
-import { Icons as u } from "./icons.es.js";
+import { Icons as d } from "./icons.es.js";
 import { Timer as ne, List as le, DynamicTime as re } from "@base-framework/organisms";
 import { a as w } from "./veil-D4dRxILB.js";
 const P = {
@@ -44,7 +44,7 @@ const P = {
     ])
   ]);
 });
-class de extends x {
+class ue extends x {
   /**
    * This will declare the props for the compiler.
    *
@@ -68,13 +68,13 @@ class de extends x {
     te.addClass(t, s), se.on("animationend", t, (o) => L.removeElement(t));
   }
 }
-const ue = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), he = (e) => a({ class: "flex w-4 h-4", html: e }), me = (e) => a({ class: "flex-auto" }, e), fe = (e, t) => O({
+const de = (e) => a({ class: "ml-auto text-xs tracking-widest opacity-60" }, e), he = (e) => a({ class: "flex w-4 h-4", html: e }), me = (e) => a({ class: "flex-auto" }, e), fe = (e, t) => O({
   class: "relative flex cursor-pointer hover:bg-muted/50 select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   click: () => t(e)
 }, [
   e.icon && he(e.icon),
   me(e.label),
-  e.shortcut && ue(e.shortcut)
+  e.shortcut && de(e.shortcut)
 ]), ge = (e, t) => V({ class: "grid gap-2" }, [
   e.map((s) => fe(s, t))
 ]), be = (e) => n({ class: "w-full z-10" }, [
@@ -239,7 +239,7 @@ const we = c((e, t) => n({ ...e, class: "flex flex-auto flex-col space-y-2" }, t
   /**
    * Back Button
    */
-  s && h({ variant: "icon", icon: u.arrows.left, class: "mr-2 p-0 flex sm:hidden", click: (l, i) => i.close() }),
+  s && h({ variant: "icon", icon: d.arrows.left, class: "mr-2 p-0 flex sm:hidden", click: (l, i) => i.close() }),
   /**
    * Icon
    */
@@ -464,7 +464,7 @@ const F = {
   click: () => e(),
   role: "alert"
 }, s));
-class Le extends de {
+class Le extends ue {
   /**
    * This will declare the props for the compiler.
    *
@@ -548,7 +548,7 @@ class Le extends de {
       h({
         class: "absolute top-[12px] right-[12px]",
         variant: "icon",
-        icon: u.x,
+        icon: d.x,
         click: this.close.bind(this)
       })
     ];
@@ -628,9 +628,9 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
     render() {
       return n({ class: "flex flex-auto flex-col" }, [
         n({ class: "grid grid-cols-3 gap-4" }, [
-          $({ label: "System", value: "system", icon: u.adjustments.horizontal }),
-          $({ label: "Light", value: "light", icon: u.sun }),
-          $({ label: "Dark", value: "dark", icon: u.moon })
+          $({ label: "System", value: "system", icon: d.adjustments.horizontal }),
+          $({ label: "Light", value: "light", icon: d.sun }),
+          $({ label: "Dark", value: "dark", icon: d.moon })
         ])
       ]);
     },
@@ -729,7 +729,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
   class: "mx-3 text-muted-foreground",
   "aria-hidden": !0,
   size: "xs"
-}, u.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
+}, d.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
   e.href ? ze(e.href, e.label) : a(e.label),
   e.separator && Ee()
 ]), It = I(
@@ -833,7 +833,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
   },
   [
     a({ onState: ["selectedLabel", (t) => t || "Select item..."] }),
-    b({ html: u.chevron.upDown })
+    b({ html: d.chevron.upDown })
   ]
 ), Ue = (e, t, s) => O({
   class: "flex flex-auto items-center cursor-pointer p-2 hover:bg-muted/50 rounded-sm",
@@ -964,19 +964,19 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
   icon: e,
   "aria-label": s
 }), Re = ({ click: e }) => _({
-  icon: u.circleMinus,
+  icon: d.circleMinus,
   click: e,
   ariaLabel: "Decrement"
 }), We = ({ click: e }) => _({
-  icon: u.circlePlus,
+  icon: d.circlePlus,
   click: e,
   ariaLabel: "Increment"
 }), Ge = ({ bind: e, min: t, max: s, readonly: o = !1 }) => X(({ state: r }) => S({
   value: ["[[count]]", r],
   bind: e,
   blur: (l, { state: i }) => {
-    let d = parseInt(l.target.value, 10);
-    isNaN(d) && (d = t ?? 0), t !== void 0 && (d = Math.max(d, t)), s !== void 0 && (d = Math.min(d, s)), i.count = d;
+    let u = parseInt(l.target.value, 10);
+    isNaN(u) && (u = t ?? 0), t !== void 0 && (u = Math.max(u, t)), s !== void 0 && (u = Math.min(u, s)), i.count = u;
   },
   class: "flex flex-auto text-lg font-medium bg-transparent text-center border min-w-0",
   readonly: o,
@@ -1031,7 +1031,7 @@ const N = globalThis.matchMedia, $ = c(({ value: e, label: t, icon: s }) => m({
   a({
     onState: ["selectedDate", (o) => o ? B.format("standard", o) : "Pick a date"]
   }),
-  b({ html: u.calendar.days })
+  b({ html: d.calendar.days })
 ]), Qe = ({ handleDateSelect: e, blockPriorDates: t }) => v(
   "open",
   (s, o, r) => s ? new T({
@@ -1118,7 +1118,7 @@ function Ze({ bind: e, required: t, toggleOpen: s }) {
       a({
         onState: ["selectedTime", (o) => o || "Pick a time"]
       }),
-      b({ html: u.clock })
+      b({ html: d.clock })
     ]
   );
 }
@@ -1195,10 +1195,10 @@ function E(e) {
   const t = /^(\d{1,2}):(\d{2})(?::(\d{2}))?\s?(AM|PM)?$/i, s = e.match(t);
   if (!s)
     return { hour: null, minute: null, meridian: null };
-  let [, o, r, , l] = s, i = parseInt(o, 10), d = parseInt(r, 10);
-  return i < 0 || i > 23 || d < 0 || d > 59 ? { hour: null, minute: null, meridian: null } : (l ? (l = l.toUpperCase(), l === "PM" && i < 12 ? i += 12 : l === "AM" && i === 12 && (i = 12)) : i === 0 ? (l = "AM", i = 12) : i < 12 ? l = "AM" : i === 12 ? l = "PM" : (l = "PM", i -= 12), {
+  let [, o, r, , l] = s, i = parseInt(o, 10), u = parseInt(r, 10);
+  return i < 0 || i > 23 || u < 0 || u > 59 ? { hour: null, minute: null, meridian: null } : (l ? (l = l.toUpperCase(), l === "PM" && i < 12 ? i += 12 : l === "AM" && i === 12 && (i = 12)) : i === 0 ? (l = "AM", i = 12) : i < 12 ? l = "AM" : i === 12 ? l = "PM" : (l = "PM", i -= 12), {
     hour: i.toString().padStart(2, "0"),
-    minute: d.toString().padStart(2, "0"),
+    minute: u.toString().padStart(2, "0"),
     meridian: l
   });
 }
@@ -1330,8 +1330,8 @@ class lt extends x {
    * @returns {object}
    */
   render() {
-    const t = (d) => {
-      d.target === this.panel && this.close();
+    const t = (u) => {
+      u.target === this.panel && this.close();
     }, { borderColor: s, bgColor: o, iconColor: r } = j[this.type] || j.default, l = `${this.getMainClass()} ${o} ${s}`, i = this.title || "Dialog Title";
     return ot({
       class: l,
@@ -1418,7 +1418,7 @@ class Pt extends lt {
     this.confirmed && this.confirmed(), this.close();
   }
 }
-const Ft = c((e, t = []) => n({ class: "w-full max-w-sm p-6" }, [
+const Ft = c((e, t = []) => n({ class: "w-full max-w-sm p-6 m-auto" }, [
   q({ class: "flex flex-auto flex-col" }, [
     n({ class: "flex flex-auto flex-col space-y-4" }, [
       n({ class: "flex flex-auto items-center justify-center" }, [
@@ -1438,7 +1438,7 @@ export {
   mt as A,
   It as B,
   wt as C,
-  de as D,
+  ue as D,
   Pt as E,
   we as F,
   ot as G,

package/dist/index.es.js

@@ -3,9 +3,9 @@ import { B as g, I as T, L as c } from "./buttons-Cm9etaEG.js";
 import { C as D, d as b, D as I, c as S, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, T as x, a as y, b as h, U as W, W as H } from "./inputs-CMjx5-IX.js";
 import { V as A, a as w } from "./veil-D4dRxILB.js";
 import { Icons as R } from "./icons.es.js";
-import { A as O, B as G, C as V, t as j, E as q, v as z, w as J, x as _, D as K, j as Q, k as X, H as Y, G as Z, s as $, c as aa, a as sa, b as ea, I as ta, i as oa, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ta, P as ca, p as Ca, q as Da, S as ba, n as Ia, o as Sa, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./empty-state-DYNdBFtp.js";
+import { A as O, B as G, C as V, t as j, E as q, v as z, w as J, x as _, D as K, j as Q, k as X, H as Y, G as Z, s as $, c as aa, a as sa, b as ea, I as ta, i as oa, g as ra, e as na, h as ia, F as la, d as pa, f as ua, u as ma, M as da, l as ga, N as Ta, P as ca, p as Ca, q as Da, S as ba, n as Ia, o as Sa, T as Ba, y as Pa, z as Fa, m as Ma, r as ka } from "./empty-state-CYOTsLFJ.js";
 import { A as va, b as fa, C as xa, D as ya, a as ha, F as Wa, M as Ha, P as La, c as Aa, g as wa, p as Ua } from "./calendar-DQXME-2u.js";
-import { B as Ea, p as Oa, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, o as $a, t as as, s as ss, q as es, r as ts, T as os, l as rs, U as ns, W as is, f as ls, h as ps, i as us, c as ms, d as ds, b as gs, e as Ts, a as cs, g as Cs } from "./signature-panel-DYRl52yj.js";
+import { B as Ea, p as Oa, C as Ga, j as Va, D as ja, m as qa, k as za, H as Ja, I as _a, N as Ka, O as Qa, P as Xa, S as Ya, n as Za, o as $a, t as as, s as ss, q as es, r as ts, T as os, l as rs, U as ns, W as is, f as ls, h as ps, i as us, c as ms, d as ds, b as gs, e as Ts, a as cs, g as Cs } from "./signature-panel-BFO2icpZ.js";
 import { B as bs, I as Is, M as Ss, d as Bs, e as Ps, g as Fs, N as Ms, b as ks, a as Ns, f as vs, P as fs, c as xs, S as ys, T as hs } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 import { B as Hs, a as Ls, C as As, F as ws, b as Us, c as Rs, M as Es, P as Os, S as Gs } from "./sidebar-menu-page-BVryQj2Z.js";
 import { A as js, F as qs, M as zs, a as Js, T as _s } from "./aside-template-McEj_Gxc.js";

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as p, s as C, c as d, a as g, b as F, I as T, i as A, g as P, e as f, h as w, F as I, d as b, f as y, u as B, M, l as x, N as k, P as v, p as E, q as N, S as h, n as L, o as R, T as U, y as j, z as q, m as z, r as G } from "./empty-state-DYNdBFtp.js";
+import { A as o, B as t, C as e, t as i, E as r, v as n, w as m, x as l, D as S, j as u, k as D, H as c, G as p, s as C, c as d, a as g, b as F, I as T, i as A, g as P, e as f, h as w, F as I, d as b, f as y, u as B, M, l as x, N as k, P as v, p as E, q as N, S as h, n as L, o as R, T as U, y as j, z as q, m as z, r as G } from "./empty-state-CYOTsLFJ.js";
 import { A as O, P as _, g as J } from "./calendar-DQXME-2u.js";
 export {
   o as Alert,

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 p, O as u, P as v, S as D, n as g, 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-DYRl52yj.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 p, O as u, P as v, S as D, n as g, 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-BFO2icpZ.js";
 import { b as F, C as U, D as G, a as j, F as q, M as w, c as z, p as A } from "./calendar-DQXME-2u.js";
 import { B as J, I as K, M as Q, d as R, e as V, g as X, N as Y, b as Z, a as _, f as $, P as aa, c as ea, S as sa, T as ta } from "./mobile-nav-wrapper-Dj67Pb8l.js";
 export {

package/dist/{signature-panel-DYRl52yj.js → signature-panel-BFO2icpZ.js}

@@ -1,7 +1,7 @@
-import { Button as x, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
+import { Button as k, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as L, P as p, Li as S, Time as q, Nav as I, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
 import { Atom as d, Component as h, Data as C, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
 import { B as T, I as _ } from "./buttons-Cm9etaEG.js";
-import { Icons as k } from "./icons.es.js";
+import { Icons as x } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
 import { C as ae, I as ie, H as ne } from "./inputs-CMjx5-IX.js";
 import { A as oe, P as le } from "./calendar-DQXME-2u.js";
@@ -10,7 +10,7 @@ d((t, e) => ({
   ...t,
   children: e
 }));
-d(({ value: t, label: e }) => x({
+d(({ value: t, label: e }) => k({
   class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-md px-8 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
   onState: ["performance", { active: t }],
   dataSet: ["performance", ["state", t, "active"]],
@@ -82,7 +82,7 @@ const re = (t) => {
   return a.getDate() === t && a.getMonth() === e && a.getFullYear() === s;
 }, fe = ({ day: t, month: e, year: s, weekNumber: a, selectWeek: i }) => {
   const n = ue(t, e, s);
-  return x({
+  return k({
     text: t || "",
     disabled: !t,
     class: `
@@ -165,7 +165,7 @@ const re = (t) => {
     click: e,
     "aria-label": `${t} month`,
     variant: "icon",
-    icon: t === "Previous" ? k.chevron.single.left : k.chevron.single.right
+    icon: t === "Previous" ? x.chevron.single.left : x.chevron.single.right
   }
 ), pe = ({ next: t, previous: e }) => o({ class: "flex flex-auto min-h-12 text-sm font-medium relative justify-center items-center" }, [
   D("[[monthName]] [[year]]"),
@@ -309,7 +309,7 @@ const we = (t, e) => {
   }, [
     o({ class: `flex flex-auto w-full items-center ${l}` }, [
       D(a),
-      e && E({ class: "ml-2", html: k.arrows.upDown })
+      e && E({ class: "ml-2", html: x.arrows.upDown })
     ])
   ]);
 }, B = (t) => Q([
@@ -326,7 +326,7 @@ const we = (t, e) => {
       })
     ]
   })
-]), ke = ({ key: t, rows: e, selectRow: s, rowItem: a, emptyState: i }) => new J({
+]), xe = ({ key: t, rows: e, selectRow: s, rowItem: a, emptyState: i }) => new J({
   cache: "list",
   key: t,
   items: e,
@@ -402,7 +402,7 @@ class j extends h {
    */
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
-    return o({ class: "w-full" }, [
+    return o({ class: "w-full flex flex-auto flex-col" }, [
       v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         L({ class: "w-full" }, [
@@ -410,7 +410,7 @@ class j extends h {
           this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          ke({
+          xe({
             // @ts-ignore
             key: this.key,
             rows: e,
@@ -485,7 +485,7 @@ class j extends h {
     this.data.selectedRows = [];
   }
 }
-const xe = (t) => new Z({
+const ke = (t) => new Z({
   cache: "list",
   loadMoreItems: t.loadMoreItems,
   offset: t.offset,
@@ -504,7 +504,7 @@ class ve extends j {
    */
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
-    return o({ class: "w-full" }, [
+    return o({ class: "w-full flex flex-auto flex-col" }, [
       v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         L({ class: "w-full" }, [
@@ -512,7 +512,7 @@ class ve extends j {
           this.headers && B({ headers: this.headers, sort: (a) => this.sortRows(a) }),
           // @ts-ignore
           this.customHeader ?? null,
-          xe({
+          ke({
             // @ts-ignore
             loadMoreItems: this.loadMoreItems,
             // @ts-ignore
@@ -580,8 +580,8 @@ class Se extends j {
    */
   render() {
     const e = this.rows, s = this.border !== !1 ? "border" : "";
-    return o({ class: "w-full" }, [
-      v("hasItems", (a) => (console.log(a, this), a === !1 && this.emptyState ? this.emptyState() : null)),
+    return o({ class: "w-full flex flex-auto flex-col" }, [
+      v("hasItems", (a) => a === !1 && this.emptyState ? this.emptyState() : null),
       o({ class: `w-full rounded-md ${s} overflow-x-auto`, onSet: ["hasItems", { hidden: !1 }] }, [
         L({ class: "w-full" }, [
           // @ts-ignore
@@ -1172,7 +1172,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    x({
+    k({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md",
       onSet: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value)
@@ -1275,7 +1275,7 @@ const He = (t) => S(
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
-    x({
+    k({
       class: "flex flex-auto justify-center items-center px-3 py-1.5 rounded-md disabled:opacity-50 disabled:cursor-not-allowed",
       onSet: ["selected", { selected: t.value }],
       click: (e) => t.callBack(t.value),
@@ -1730,7 +1730,7 @@ class bt extends h {
       o({ class: "absolute top-2 right-2" }, [
         T({
           variant: "icon",
-          icon: k.circleX,
+          icon: x.circleX,
           click: this.reset.bind(this)
         })
       ]),
@@ -1786,7 +1786,7 @@ class bt extends h {
 export {
   ht as B,
   be as C,
-  ke as D,
+  xe as D,
   ye as H,
   ft as I,
   dt as N,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.190",
+	"version": "1.0.192",
 	"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": {