@base-framework/ui 1.0.192 → 1.0.193

package/dist/{empty-state-CYOTsLFJ.js → empty-state-CWXZVNA5.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 d } from "./icons.es.js";
+import { Icons as u } 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 ue extends x {
+class de extends x {
   /**
    * This will declare the props for the compiler.
    *
@@ -68,13 +68,13 @@ class ue extends x {
     te.addClass(t, s), se.on("animationend", t, (o) => L.removeElement(t));
   }
 }
-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({
+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({
   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 && de(e.shortcut)
+  e.shortcut && ue(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: d.arrows.left, class: "mr-2 p-0 flex sm:hidden", click: (l, i) => i.close() }),
+  s && h({ variant: "icon", icon: u.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 ue {
+class Le extends de {
   /**
    * This will declare the props for the compiler.
    *
@@ -548,7 +548,7 @@ class Le extends ue {
       h({
         class: "absolute top-[12px] right-[12px]",
         variant: "icon",
-        icon: d.x,
+        icon: u.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: d.adjustments.horizontal }),
-          $({ label: "Light", value: "light", icon: d.sun }),
-          $({ label: "Dark", value: "dark", icon: d.moon })
+          $({ label: "System", value: "system", icon: u.adjustments.horizontal }),
+          $({ label: "Light", value: "light", icon: u.sun }),
+          $({ label: "Dark", value: "dark", icon: u.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"
-}, d.chevron.single.right), je = (e) => n({ class: "flex items-center" }, [
+}, u.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: d.chevron.upDown })
+    b({ html: u.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: d.circleMinus,
+  icon: u.circleMinus,
   click: e,
   ariaLabel: "Decrement"
 }), We = ({ click: e }) => _({
-  icon: d.circlePlus,
+  icon: u.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 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;
+    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;
   },
   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: d.calendar.days })
+  b({ html: u.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: d.clock })
+      b({ html: u.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), 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), {
+  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), {
     hour: i.toString().padStart(2, "0"),
-    minute: u.toString().padStart(2, "0"),
+    minute: d.toString().padStart(2, "0"),
     meridian: l
   });
 }
@@ -1330,8 +1330,8 @@ class lt extends x {
    * @returns {object}
    */
   render() {
-    const t = (u) => {
-      u.target === this.panel && this.close();
+    const t = (d) => {
+      d.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 m-auto" }, [
+const Ft = c((e, t = []) => n({ class: "w-full max-w-md 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,
-  ue as D,
+  de as D,
   Pt as E,
   we as F,
   ot as G,

package/dist/index.es.js

@@ -3,7 +3,7 @@ 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-CYOTsLFJ.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-CWXZVNA5.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-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";

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-CYOTsLFJ.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-CWXZVNA5.js";
 import { A as O, P as _, g as J } from "./calendar-DQXME-2u.js";
 export {
   o as Alert,

package/package.json

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