@base-framework/ui 1.2.12 → 1.2.13

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { B as e, C as t, a as o, F as n, b as r, L as i, P as p, R as u, S as I, c as l, d as c, T as d } from "./tooltip-Cks2gfw4.js";
+import { B as e, C as t, a as o, F as n, b as r, L as i, P as p, R as u, S as I, c as l, d as c, T as d } from "./tooltip-Dh_RmJ7u.js";
 import { B as T, C as g, a as B, I as C, L as f, M as S, T as x, U as b, i as F, b as M } from "./buttons-DthWscX3.js";
 import { C as P, a as R, D as U, b as h, E as k, F as D, H, I as V, c as E, M as G, N, P as W, R as Z, T as v, d as w, e as J, U as j, V as q, f as y, W as z } from "./image-XjAp5NjV.js";
 import { S as K } from "./skeleton-BlY3opxG.js";

package/dist/{empty-state-CcxkrsqJ.js → empty-state-CCu91UpF.js}

@@ -3,7 +3,7 @@ import { Div as n, H5 as et, P as b, Li as q, Span as a, Ul as V, Button as p, I
 import { P as S, C as at, R as ct } from "./simple-search-input-DKWA4zYs.js";
 import { U as m, B as h, I as dt } from "./buttons-DthWscX3.js";
 import { Timer as ut, List as ht, DynamicTime as mt } from "@base-framework/organisms";
-import { C as ft, b as pt } from "./tooltip-Cks2gfw4.js";
+import { C as ft, b as pt } from "./tooltip-Dh_RmJ7u.js";
 import { f as C } from "./image-XjAp5NjV.js";
 import { Icons as u } from "./icons.es.js";
 import { F as z } from "./format-DE4rFWuD.js";

package/dist/index.es.js

@@ -1,9 +1,9 @@
-import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, c as d, d as u, T as g } from "./tooltip-Cks2gfw4.js";
+import { B as s, C as o, a as t, F as r, b as n, L as i, P as l, R as p, S as m, c as d, d as u, T as g } from "./tooltip-Dh_RmJ7u.js";
 import { B as T, C, a as S, I, L as b, M as B, T as D, U as F, i as P, b as M } from "./buttons-DthWscX3.js";
 import { C as k, a as x, D as v, b as N, E as U, F as h, H as y, I as L, c as W, M as H, N as R, P as w, R as A, T as G, d as O, e as E, U as j, V, f as J, W as Z } from "./image-XjAp5NjV.js";
 import { S as z } from "./skeleton-BlY3opxG.js";
 import { Icons as Q, MaterialSymbols as _ } from "./icons.es.js";
-import { A as Y, B as $, C as aa, a as ea, b as sa, c as oa, d as ta, D as ra, e as na, f as ia, g as la, h as pa, i as ma, j as da, k as ua, l as ga, m as ca, n as Ta, o as Ca, E as Sa, F as Ia, p as ba, q as Ba, r as Da, s as Fa, t as Pa, u as Ma, v as fa, w as ka, x as xa, I as va, L as Na, M as Ua, y as ha, N as ya, z as La, P as Wa, S as Ha, G as Ra, H as wa, J as Aa, K as Ga, T as Oa, O as Ea, Q as ja, R as Va, U as Ja } from "./empty-state-CcxkrsqJ.js";
+import { A as Y, B as $, C as aa, a as ea, b as sa, c as oa, d as ta, D as ra, e as na, f as ia, g as la, h as pa, i as ma, j as da, k as ua, l as ga, m as ca, n as Ta, o as Ca, E as Sa, F as Ia, p as ba, q as Ba, r as Da, s as Fa, t as Pa, u as Ma, v as fa, w as ka, x as xa, I as va, L as Na, M as Ua, y as ha, N as ya, z as La, P as Wa, S as Ha, G as Ra, H as wa, J as Aa, K as Ga, T as Oa, O as Ea, Q as ja, R as Va, U as Ja } from "./empty-state-CCu91UpF.js";
 import { A as qa, B as za, C as Ka, a as Qa, b as _a, D as Xa, c as Ya, d as $a, e as ae, f as ee, g as se, F as oe, H as te, M as re, O as ne, P as ie, R as le, S as pe, h as me, i as de, j as ue, T as ge, U as ce, k as Te, l as Ce, m as Se, p as Ie } from "./simple-search-input-DKWA4zYs.js";
 import { B as Be, I as De, N as Fe, P as Pe, S as Me, T as fe, a as ke, b as xe, U as ve, c as Ne, d as Ue, e as he, W as ye, f as Le, g as We, h as He, i as Re, j as we, k as Ae, l as Ge, m as Oe, n as Ee } from "./signature-panel-BKj_0kwR.js";
 import { B as Ve, I as Je, M as Ze, a as qe, b as ze, N as Ke, c as Qe, d as _e, e as Xe, f as Ye, P as $e, S as as, T as es } from "./mobile-nav-wrapper-9VRCW4oA.js";

package/dist/molecules.es.js

@@ -1,4 +1,4 @@
-import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-CcxkrsqJ.js";
+import { A as s, B as t, C as r, a as e, b as i, c as n, d as m, D as l, e as d, f as C, g as p, h as D, i as S, j as u, k as c, l as g, m as F, n as T, o as P, E as w, F as A, p as I, q as f, r as b, s as y, t as B, u as M, v as U, w as k, x, I as L, L as R, M as v, y as E, N, z as h, P as G, S as O, G as j, H as q, J as z, K as H, T as J, O as K, Q, R as _, U as V } from "./empty-state-CCu91UpF.js";
 import { A as X, P as Y, m as Z } from "./simple-search-input-DKWA4zYs.js";
 export {
   s as Alert,

package/dist/{tooltip-Cks2gfw4.js → tooltip-Dh_RmJ7u.js}

@@ -1,5 +1,5 @@
-import { Span as m, Div as n, Legend as h, Fieldset as p, H4 as y, P as k, UseParent as x, Input as w } from "@base-framework/atoms";
-import { Atom as s, Html as $ } from "@base-framework/base";
+import { Span as m, Div as s, Legend as h, Fieldset as p, H4 as y, P as k, UseParent as x, Input as w } from "@base-framework/atoms";
+import { Atom as n, Html as $ } from "@base-framework/base";
 import { U as v } from "./buttons-DthWscX3.js";
 import { f as C, g as P, h as S, i as B } from "./image-XjAp5NjV.js";
 const d = {
@@ -86,24 +86,24 @@ const d = {
 }, N = (r) => d[r] || d.gray, E = (r, e = {}) => {
   const t = N(r), o = e.backgroundColor ?? t.backgroundColor, l = e.textColor ?? t.textColor, a = e.ringColor ?? t.ringColor;
   return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${o} ${l} ${a}`;
-}, O = s((r, e) => {
+}, O = n((r, e) => {
   const { type: t, icon: o, size: l = "xs", backgroundColor: a, textColor: i, ringColor: c, ...g } = r, u = E(t, { backgroundColor: a, textColor: i, ringColor: c });
   return m({ ...g, class: u }, [
     o ? v({ size: l, class: "mr-1" }, o) : null,
     ...e || []
   ]);
-}), U = s((r, e) => {
+}), U = n((r, e) => {
   const t = r.margin ?? "my-5 mx-5", o = r.padding ?? "p-4", l = r.border ?? "border-border";
-  return r.hover && (r.class += " hover:shadow-lg hover:bg-muted/50"), n({
+  return r.hover && (r.class += " hover:shadow-lg hover:bg-muted/50"), s({
     ...r,
     // @ts-ignore
     class: `rounded-lg ${l} bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${t} ${o} ${r.class || ""}`
   }, e);
-}), F = s((r, e) => h({
+}), F = n((r, e) => h({
   ...r,
   // @ts-ignore
   class: ` font-medium -mt-4 -mx-1 px-2 py-2 ${r.class || ""}`
-}, e)), V = s((r, e) => {
+}, e)), V = n((r, e) => {
   const t = r.border === "full" ? "border rounded-md" : "border-t";
   return p({
     ...r,
@@ -112,17 +112,17 @@ const d = {
   }, [
     // @ts-ignore
     r.legend && F(r.legend),
-    n({ class: "flex flex-auto flex-col gap-y-6" }, e)
+    s({ class: "flex flex-auto flex-col gap-y-6" }, e)
   ]);
-}), _ = s((r, e) => {
+}), _ = n((r, e) => {
   const t = r.border === !0 ? "border-t" : "";
-  return n({
+  return s({
     ...r,
     // @ts-ignore
     class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr_2fr] sm:gap-x-6 pt-8 ${t} ${r.class || ""}`
   }, [
     // @ts-ignore
-    r.label && n({
+    r.label && s({
       // @ts-ignore
       ...r.labelProps,
       // @ts-ignore
@@ -134,7 +134,7 @@ const d = {
       r.description && k({ class: "text-sm text-muted-foreground" }, r.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
-    n({ class: "flex flex-col gap-y-4" }, e)
+    s({ class: "flex flex-col gap-y-4" }, e)
   ]);
 }), j = C(
   {
@@ -166,17 +166,17 @@ const d = {
      * @returns {object}
      */
     render() {
-      return n({ class: "relative w-full h-4 flex items-center" }, [
+      return s({ class: "relative w-full h-4 flex items-center" }, [
         // Track
-        n({ class: "absolute h-2 w-full rounded-full bg-muted" }),
+        s({ class: "absolute h-2 w-full rounded-full bg-muted" }),
         x(({ state: r }) => [
           // Filled Track
-          n({
+          s({
             class: "absolute h-2 bg-primary rounded-full",
             style: ["width: [[filledPercentage]]%", r]
           }),
           // Thumb
-          n({
+          s({
             class: `
 						absolute block h-5 w-5 rounded-full border-2 border-primary bg-background
 						ring-offset-background transition-colors focus-visible:outline-none
@@ -208,7 +208,7 @@ const d = {
       ]);
     }
   }
-), D = s((r) => ({
+), D = n((r) => ({
   tag: "select",
   onCreated(e) {
     r.options && $.setupSelectOptions(e, r.options);
@@ -255,13 +255,13 @@ const d = {
 		</text>
 	</svg>
 	`;
-  return n({
+  return s({
     class: "circle-graph text-inherit",
     html: i
   });
-}, H = s((r) => {
+}, H = n((r) => {
   const e = r.progress || 0, t = r.class || "", o = b(e, t);
-  return n({
+  return s({
     class: "circle-graph-wrap",
     onSet: [
       // @ts-ignore
@@ -269,7 +269,7 @@ const d = {
       (l) => (l = I(l), l ? b(l, t) : o)
     ]
   }, [o]);
-}), T = () => x(({ state: r }) => n({
+}), T = () => x(({ state: r }) => s({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", r]
 })), M = C(
@@ -280,7 +280,7 @@ const d = {
      * @returns {object}
      */
     render() {
-      return n({ class: "relative w-full h-4 rounded-full bg-muted" }, [
+      return s({ class: "relative w-full h-4 rounded-full bg-muted" }, [
         T()
       ]);
     },
@@ -324,7 +324,7 @@ const d = {
       r < 0 && (r = 0), r > 100 && (r = 100), this.state.progress = r;
     }
   }
-), Z = s((r = {}) => {
+), Z = n((r = {}) => {
   const {
     class: e = "",
     background: t = !0,
@@ -334,18 +334,18 @@ const d = {
     zIndexClass: i = "z-9999",
     style: c = ""
   } = r, g = [
-    "fixed bottom-0 left-0 right-0 w-full",
+    "sticky bottom-0 left-0 right-0 w-full",
     i,
     t ? l : "",
     o ? a : "",
     e
   ].filter(Boolean).join(" "), u = `height: env(safe-area-inset-bottom, 0px);${c ? ` ${c}` : ""}`;
-  return n({
+  return s({
     class: g,
     style: u,
     "aria-hidden": "true"
   });
-}), J = s((r = {}) => {
+}), J = n((r = {}) => {
   const {
     class: e = "",
     background: t = !0,
@@ -355,13 +355,13 @@ const d = {
     zIndexClass: i = "z-9999",
     style: c = ""
   } = r, g = [
-    "fixed top-0 left-0 right-0 w-full",
+    "sticky top-0 left-0 right-0 w-full",
     i,
     t ? l : "",
     o ? a : "",
     e
   ].filter(Boolean).join(" "), u = `height: env(safe-area-inset-top, 0px);${c ? ` ${c}` : ""}`;
-  return n({
+  return s({
     class: g,
     style: u,
     "aria-hidden": "true"
@@ -375,9 +375,9 @@ const d = {
   "bottom-left": "top-full right-full transform translate-x-1 mt-2",
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
-}, A = (r) => f[String(r)] || f.top, Y = s(({ position: r = "top", content: e }, t) => {
+}, A = (r) => f[String(r)] || f.top, Y = n(({ position: r = "top", content: e }, t) => {
   const o = A(r);
-  return Array.isArray(t) === !1 && (t = [t]), n({ class: "relative group inline-block" }, [
+  return Array.isArray(t) === !1 && (t = [t]), s({ class: "relative group inline-block" }, [
     ...t,
     // Tooltip box
     m({

package/package.json

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