@base-framework/ui 1.0.256 → 1.0.257

package/dist/{empty-state-CJbKtByW.js → empty-state-DN8N1MVn.js}

@@ -428,7 +428,7 @@ class Tt extends v {
     this.panel.hidePopover(), this.state.open = !1, typeof this.onClose == "function" && this.onClose(this), document.documentElement.style.overflowY = "auto";
   }
 }
-const z = {
+const N = {
   info: {
     bgColor: "bg-muted/10",
     borderColor: "border-blue-500",
@@ -460,12 +460,12 @@ const z = {
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   href: e,
   role: "alert"
-}, s)), ze = c(({ close: e, class: t }, s) => n({
+}, s)), Ne = c(({ close: e, class: t }, s) => n({
   class: `pullRightIn bg-popover text-popover-foreground relative flex flex-auto flex-col justify-start shadow-lg pointer-events-auto p-4 border rounded-md min-w-[340px] max-w-[450px] mt-4 ${t}`,
   click: () => e(),
   role: "alert"
 }, s));
-class Ne extends me {
+class ze extends me {
   /**
    * This will declare the props for the compiler.
    *
@@ -492,7 +492,7 @@ class Ne extends me {
     return l ? Me({
       href: l,
       class: `${t} ${s}`
-    }, r) : ze({
+    }, r) : Ne({
       close: this.close.bind(this),
       class: `${t} ${s}`
     }, r);
@@ -513,7 +513,7 @@ class Ne extends me {
    */
   getTypeStyles() {
     const t = this.type || "default";
-    return z[t] || z.default;
+    return N[t] || N.default;
   }
   /**
    * This will get the buttons for the notification.
@@ -577,7 +577,7 @@ class Bt extends v {
         cache: "list",
         key: "id",
         role: "list",
-        rowItem: (t) => new Ne(t)
+        rowItem: (t) => new ze(t)
       })
     ]);
   }
@@ -600,7 +600,7 @@ class Bt extends v {
     this.list.delete(t.id);
   }
 }
-const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
+const z = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   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"]],
@@ -613,7 +613,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 ])), je = (e) => {
   var o;
   const t = document.documentElement;
-  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), N && !N("(prefers-color-scheme: " + e + ")").matches) {
+  if (e === "system" && (e = (o = globalThis.matchMedia) != null && o.call(globalThis, "(prefers-color-scheme: dark)").matches ? "dark" : "light"), z && !z("(prefers-color-scheme: " + e + ")").matches) {
     t.classList.add(e);
     return;
   }
@@ -808,7 +808,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 }, d.chevron.single.right), Re = (e) => n({ class: "flex items-center" }, [
   e.href ? Ue(e.href, e.label) : a(e.label),
   e.separator && Ve()
-]), zt = C(
+]), Nt = C(
   {
     /**
      * Set initial data
@@ -870,7 +870,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
 ]), Ye = (e, t) => Array.from({ length: e }, (s, o) => He({
   index: o,
   size: t
-})), Nt = C(
+})), zt = C(
   {
     /**
      * Defines component data (props).
@@ -1100,7 +1100,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   bind: e,
   required: t
 }), et = ({ bind: e, required: t, toggleOpen: s }) => f({
-  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
   Ze({ bind: e, required: t }),
@@ -1172,7 +1172,7 @@ const N = globalThis.matchMedia, T = c(({ value: e, label: t, icon: s }) => f({
   bind: e,
   required: t
 }), ot = ({ bind: e, required: t, toggleOpen: s }) => f({
-  class: "relative flex items-center gap-2 w-full justify-between border border-input bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
+  class: "relative flex items-center gap-2 w-full justify-between border bg-input hover:bg-muted rounded-md h-10 px-4 py-2",
   click: s
 }, [
   st({ bind: e, required: t }),
@@ -1265,7 +1265,7 @@ function lt({ bind: e, required: t }) {
 function rt({ bind: e, required: t, toggleOpen: s }) {
   return f(
     {
-      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",
+      class: "relative flex items-center gap-2 w-full justify-between border bg-background hover:bg-muted rounded-md h-10 px-4 py-2",
       click: s
     },
     [
@@ -1292,56 +1292,51 @@ function B({ items: e, handleTimeSelect: t, state: s, stateValue: o, pad: l = !1
   );
 }
 function it({ handleTimeSelect: e }) {
-  return n(
-    { class: "absolute mt-1 z-10 bg-background rounded-md shadow-lg" },
-    [
-      x(
-        "open",
-        (t, s, o) => t ? new k(
-          {
-            cache: "dropdown",
-            parent: o,
-            button: o.panel,
-            size: "fit"
-          },
+  return x(
+    "open",
+    (t, s, o) => t ? new k(
+      {
+        cache: "dropdown",
+        parent: o,
+        button: o.panel,
+        size: "fit"
+      },
+      [
+        n(
+          { class: "flex flex-auto flex-col border rounded-md shadow-md" },
           [
             n(
-              { class: "flex flex-auto flex-col border rounded-md shadow-md" },
+              { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
               [
-                n(
-                  { class: "grid grid-cols-3 gap-2 p-4 text-center max-h-[220px] min-w-[240px]" },
-                  [
-                    // Hours column
-                    B({
-                      items: Array.from({ length: 12 }, (l, r) => r + 1),
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "hour",
-                      pad: !0
-                    }),
-                    // Minutes column
-                    B({
-                      items: Array.from({ length: 60 }, (l, r) => r),
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "minute",
-                      pad: !0
-                    }),
-                    // AM/PM column
-                    B({
-                      items: ["AM", "PM"],
-                      handleTimeSelect: e,
-                      state: o.state,
-                      stateValue: "meridian"
-                    })
-                  ]
-                )
+                // Hours column
+                B({
+                  items: Array.from({ length: 12 }, (l, r) => r + 1),
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "hour",
+                  pad: !0
+                }),
+                // Minutes column
+                B({
+                  items: Array.from({ length: 60 }, (l, r) => r),
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "minute",
+                  pad: !0
+                }),
+                // AM/PM column
+                B({
+                  items: ["AM", "PM"],
+                  handleTimeSelect: e,
+                  state: o.state,
+                  stateValue: "meridian"
+                })
               ]
             )
           ]
-        ) : null
-      )
-    ]
+        )
+      ]
+    ) : null
   );
 }
 function j(e) {
@@ -1591,7 +1586,7 @@ const Ht = c((e, t = []) => n({ class: "w-full max-w-md p-6 m-auto" }, [
 ]));
 export {
   vt as A,
-  zt as B,
+  Nt as B,
   $t as C,
   me as D,
   Rt as E,
@@ -1617,14 +1612,14 @@ export {
   W as i,
   St as j,
   Dt as k,
-  Ne as l,
+  ze as l,
   Lt as m,
   Ft as n,
   Pt as o,
   S as p,
   g as q,
   Oe as r,
-  Nt as s,
+  zt as s,
   Et as t,
   Ke as u,
   Xe as v,

package/dist/index.es.js

@@ -3,7 +3,7 @@ import { B as c, I as C, L as T } from "./buttons-Cm9etaEG.js";
 import { C as b, d as I, D as S, c as P, E as B, F, H as k, I as M, M as f, N as x, P as N, R as v, T as y, a as h, b as L, U as W, W as H } from "./inputs-BXyw95cq.js";
 import { V as R, a as w } from "./veil-D4dRxILB.js";
 import { Icons as E } from "./icons.es.js";
-import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-CJbKtByW.js";
+import { A as O, B as V, C as j, t as q, G as J, v as z, w as _, x as K, y as Q, D as X, j as Y, k as Z, I as $, H as aa, s as ea, c as sa, a as oa, b as ta, J as ra, i as na, g as la, e as ia, h as pa, F as ma, d as ua, f as da, L as ga, u as ca, M as Ca, l as Ta, N as Da, P as ba, p as Ia, q as Sa, S as Pa, n as Ba, o as Fa, T as ka, z as Ma, E as fa, m as xa, r as Na } from "./empty-state-DN8N1MVn.js";
 import { A as ya, b as ha, C as La, D as Wa, a as Ha, F as Aa, M as Ra, P as wa, R as Ua, c as Ea, g as Ga, p as Oa } from "./range-calendar-BxLjYfrT.js";
 import { B as ja, p as qa, C as Ja, j as za, D as _a, m as Ka, k as Qa, H as Xa, I as Ya, N as Za, O as $a, P as ae, S as ee, n as se, o as oe, t as te, s as re, q as ne, r as le, T as ie, l as pe, U as me, W as ue, f as de, h as ge, i as ce, c as Ce, d as Te, b as De, e as be, a as Ie, g as Se } from "./signature-panel-7XSJwtfi.js";
 import { B as Be, I as Fe, M as ke, d as Me, e as fe, g as xe, N as Ne, b as ve, a as ye, f as he, P as Le, c as We, S as He, T as Ae } 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 r, G as i, v as n, w as m, x as l, y as S, D, j as c, k as g, I as p, H as u, s as d, c as C, a as F, b as T, J as P, i as A, g as f, e as w, h as I, F as b, d as y, f as B, L as M, u as k, M as x, l as L, N as v, P as E, p as N, q as R, S as U, n as h, o as j, T as q, z, E as G, m as H, r as J } from "./empty-state-CJbKtByW.js";
+import { A as o, B as t, C as e, t as r, G as i, v as n, w as m, x as l, y as S, D, j as c, k as g, I as p, H as u, s as d, c as C, a as F, b as T, J as P, i as A, g as f, e as w, h as I, F as b, d as y, f as B, L as M, u as k, M as x, l as L, N as v, P as E, p as N, q as R, S as U, n as h, o as j, T as q, z, E as G, m as H, r as J } from "./empty-state-DN8N1MVn.js";
 import { A as _, P as K, g as Q } from "./range-calendar-BxLjYfrT.js";
 export {
   o as Alert,

package/package.json

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