@base-framework/ui 1.1.6 → 1.1.7

package/dist/atoms.es.js

@@ -1,5 +1,5 @@
 import { B as e, C as t, F as o, L as r, P as n, R as p, S as I, a as u, T as i } from "./tooltip-BlFbB8yL.js";
-import { B as d, I as m, L as x } from "./buttons-CfwtbIR-.js";
+import { B as d, I as m, L as x } from "./buttons-B-FvkS9B.js";
 import { C as T, F as g } from "./form-group-BB7dLJir.js";
 import { C as F, a as c, D as f, b as L, E as P, F as R, H as S, I as b, M as h, N as k, P as D, R as V, T as E, c as G, d as H, U as M, W as N } from "./inputs-CcimrM1k.js";
 import { I as W, V as w, a as J } from "./image-BB__4s0g.js";

package/dist/buttons-B-FvkS9B.js

@@ -0,0 +1,77 @@
+import { I as m, Button as l } from "@base-framework/atoms";
+import { Atom as i } from "@base-framework/base";
+import { Icons as u } from "./icons.es.js";
+const g = {
+  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"
+}, a = i((n, t) => {
+  const s = g[n.size || "sm"];
+  return m({
+    ...n,
+    class: `stroke-current icon-size ${s} ${n.class || ""}`,
+    html: t[0]?.textContent
+  });
+}), c = (n) => i((t, s) => l({
+  ...n,
+  ...t,
+  class: `bttn ${n.class} ${t.class || ""}`
+}, s)), h = i(
+  (n, t) => l({
+    ...n,
+    class: n.class
+  }, [
+    n.icon && n.position !== "right" ? a({ size: "sm", class: n.animation ?? null }, n.icon) : null,
+    ...t || [],
+    n.icon && n.position === "right" ? a({ size: "sm", class: n.animation ?? null }, n.icon) : null
+  ])
+), e = (n) => i((t, s) => h({
+  ...n,
+  ...t,
+  class: `bttn ${n.class} ${t.class || ""}`
+}, s)), w = (n) => () => {
+  if (n.allowHistory === !0 && globalThis.history.length > 2) {
+    globalThis.history.back();
+    return;
+  }
+  n.backUrl && app.navigate(n.backUrl);
+}, b = (n) => i((t, s) => (t.icon = t.icon || u.arrows.left, t.click = t.click || w(t), h({
+  ...n,
+  ...t
+}, s))), k = i((n, t) => {
+  const s = n.size || "md", o = {
+    xs: "w-6 h-6",
+    sm: "w-8 h-8",
+    md: "w-10 h-10",
+    lg: "w-12 h-12",
+    xl: "w-14 h-14"
+  };
+  return l({
+    ...n,
+    class: `inline-flex items-center justify-center rounded-full bg-transparent text-foreground hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors ${o[s] || o.md} ${n.class || ""}`
+  }, [
+    n.icon ? a({ size: s === "xs" ? "xs" : "sm" }, n.icon) : null,
+    ...t || []
+  ]);
+}), r = {
+  primary: c({ class: "primary" }),
+  secondary: c({ class: "secondary" }),
+  destructive: c({ class: "destructive" }),
+  warning: c({ class: "warning" }),
+  outline: c({ class: "outline" }),
+  ghost: c({ class: "ghost" }),
+  link: c({ class: "link" }),
+  icon: e({ class: "icon" }),
+  withIcon: e({ class: "with-icon" }),
+  back: b({ class: "with-icon back-button" }),
+  circleIcon: k
+}, d = i((n, t) => (r[n.variant] || r.primary)(n, t)), I = i((n, t) => d({ ...n, variant: "withIcon", icon: u.loading, animation: "animate-spin" }, t));
+export {
+  d as B,
+  a as I,
+  I as L
+};

package/dist/{empty-state-BAt7uqpS.js → empty-state-DvkT6uAo.js}

@@ -1,8 +1,8 @@
 import { Div as n, I as b, H5 as Z, P as x, Li as H, Span as a, Ul as q, Button as f, OnState as T, Label as P, H2 as S, Form as tt, Header as I, Footer as L, A as V, H3 as et, Checkbox as st, Input as m, Img as G, Nav as ot, UseParent as W, OnStateOpen as O, Time as nt, Dialog as rt } from "@base-framework/atoms";
 import { Atom as c, Component as w, Html as A, Dom as it, base as lt, Data as B, Builder as _, Jot as C, Events as p, DateTime as M } from "@base-framework/base";
-import { P as D, C as at, R as ct } from "./range-calendar-D0oOkFj5.js";
+import { P as D, C as at, R as ct } from "./range-calendar-CAa8ly0W.js";
 import { C as dt, F as ut } from "./form-group-BB7dLJir.js";
-import { B as h, I as g } from "./buttons-CfwtbIR-.js";
+import { B as h, I as g } from "./buttons-B-FvkS9B.js";
 import { Icons as u } from "./icons.es.js";
 import { Timer as ht, List as mt, DynamicTime as ft } from "@base-framework/organisms";
 import { a as v } from "./image-BB__4s0g.js";

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import { B as s, C as o, F as t, L as r, P as n, R as l, S as i, a as p, T as m } from "./tooltip-BlFbB8yL.js";
-import { B as u, I as g, L as C } from "./buttons-CfwtbIR-.js";
+import { B as u, I as g, L as C } from "./buttons-B-FvkS9B.js";
 import { C as T, F as b } from "./form-group-BB7dLJir.js";
 import { C as D, a as S, D as F, b as B, E as P, F as k, H as M, I as x, M as f, N as v, P as N, R as y, T as h, c as U, d as L, U as W, W as w } from "./inputs-CcimrM1k.js";
 import { I as R, V as A, a as G } from "./image-BB__4s0g.js";
 import { Icons as E } from "./icons.es.js";
-import { A as j, B as q, C as J, a as z, b as K, c as Q, d as _, D as X, e as Y, f as Z, g as $, h as aa, i as ea, j as sa, k as oa, l as ta, m as ra, n as na, o as la, E as ia, F as pa, p as ma, q as da, r as ua, s as ga, t as Ca, u as ca, v as Ta, w as ba, x as Ia, I as Da, L as Sa, M as Fa, y as Ba, N as Pa, z as ka, P as Ma, S as xa, G as fa, H as va, J as Na, K as ya, T as ha, O as Ua, Q as La, R as Wa, U as wa } from "./empty-state-BAt7uqpS.js";
-import { A as Ra, C as Aa, a as Ga, D as Oa, b as Ea, F as Va, M as ja, P as qa, R as Ja, c as za, g as Ka, p as Qa } from "./range-calendar-D0oOkFj5.js";
-import { B as Xa, a as Ya, C as Za, D as $a, b as ae, c as ee, d as se, H as oe, I as te, N as re, O as ne, P as le, S as ie, e as pe, f as me, g as de, T as ue, h as ge, i as Ce, j as ce, U as Te, k as be, l as Ie, m as De, n as Se, o as Fe, W as Be, p as Pe, q as ke, r as Me, s as xe, t as fe, u as ve, v as Ne, w as ye, x as he } from "./signature-panel-DAhBQ_J_.js";
-import { B as Le, I as We, M as we, a as He, b as Re, N as Ae, c as Ge, d as Oe, e as Ee, f as Ve, P as je, S as qe, g as Je, T as ze } from "./mobile-nav-wrapper-0spFaaUM.js";
-import { B as Qe, a as _e, C as Xe, F as Ye, b as Ze, c as $e, M as as, P as es, S as ss } from "./sidebar-menu-page-BCrAhhN_.js";
+import { A as j, B as q, C as J, a as z, b as K, c as Q, d as _, D as X, e as Y, f as Z, g as $, h as aa, i as ea, j as sa, k as oa, l as ta, m as ra, n as na, o as la, E as ia, F as pa, p as ma, q as da, r as ua, s as ga, t as Ca, u as ca, v as Ta, w as ba, x as Ia, I as Da, L as Sa, M as Fa, y as Ba, N as Pa, z as ka, P as Ma, S as xa, G as fa, H as va, J as Na, K as ya, T as ha, O as Ua, Q as La, R as Wa, U as wa } from "./empty-state-DvkT6uAo.js";
+import { A as Ra, C as Aa, a as Ga, D as Oa, b as Ea, F as Va, M as ja, P as qa, R as Ja, c as za, g as Ka, p as Qa } from "./range-calendar-CAa8ly0W.js";
+import { B as Xa, a as Ya, C as Za, D as $a, b as ae, c as ee, d as se, H as oe, I as te, N as re, O as ne, P as le, S as ie, e as pe, f as me, g as de, T as ue, h as ge, i as Ce, j as ce, U as Te, k as be, l as Ie, m as De, n as Se, o as Fe, W as Be, p as Pe, q as ke, r as Me, s as xe, t as fe, u as ve, v as Ne, w as ye, x as he } from "./signature-panel-D38xgifi.js";
+import { B as Le, I as We, M as we, a as He, b as Re, N as Ae, c as Ge, d as Oe, e as Ee, f as Ve, P as je, S as qe, g as Je, T as ze } from "./mobile-nav-wrapper-B7hEJ4r-.js";
+import { B as Qe, a as _e, C as Xe, F as Ye, b as Ze, c as $e, M as as, P as es, S as ss } from "./sidebar-menu-page-KZXiQy6q.js";
 import { A as ts, F as rs, M as ns, T as ls, a as is } from "./aside-template-BDvEMLnk.js";
 import { B as ms } from "./bside-template-BCP2pJWN.js";
 import { F as us, c as gs } from "./format-BmrNQptv.js";

package/dist/{mobile-nav-wrapper-0spFaaUM.js → mobile-nav-wrapper-B7hEJ4r-.js}

@@ -1,6 +1,6 @@
 import { Button as S, I as B, Label as N, Span as L, Ul as o, H4 as C, Nav as p, Div as l, Header as y, H1 as P, H3 as h, OnState as I, UseParent as $ } from "@base-framework/atoms";
 import { Component as n, Atom as i, NavLink as H, router as d } from "@base-framework/base";
-import { I as f, B as x } from "./buttons-CfwtbIR-.js";
+import { I as f, B as x } from "./buttons-B-FvkS9B.js";
 import { Icons as r } from "./icons.es.js";
 class M extends n {
   /**

package/dist/molecules.es.js

@@ -1,5 +1,5 @@
-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 g, k as u, l as c, 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-BAt7uqpS.js";
-import { A as X, P as Y, g as Z } from "./range-calendar-D0oOkFj5.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 g, k as u, l as c, 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-DvkT6uAo.js";
+import { A as X, P as Y, g as Z } from "./range-calendar-CAa8ly0W.js";
 export {
   s as Alert,
   X as Avatar,

package/dist/organisms.es.js

@@ -1,6 +1,6 @@
-import { B as s, a as n, C as t, D as o, b as r, c as l, d as i, H as d, I as b, N as u, O as v, P as g, S as p, e as T, f as D, g as N, T as k, h as C, i as c, j as B, U as M, k as m, l as y, m as W, n as h, o as S, W as H, p as P, q as U, r as x, s as I, t as f, u as L, v as O, w as F, x as G } from "./signature-panel-DAhBQ_J_.js";
-import { C as R, a as j, D as q, b as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-D0oOkFj5.js";
-import { B as X, I as Y, M as Z, a as _, b as $, N as aa, c as ea, d as sa, e as na, f as ta, P as oa, S as ra, g as la, T as ia } from "./mobile-nav-wrapper-0spFaaUM.js";
+import { B as s, a as n, C as t, D as o, b as r, c as l, d as i, H as d, I as b, N as u, O as v, P as g, S as p, e as T, f as D, g as N, T as k, h as C, i as c, j as B, U as M, k as m, l as y, m as W, n as h, o as S, W as H, p as P, q as U, r as x, s as I, t as f, u as L, v as O, w as F, x as G } from "./signature-panel-D38xgifi.js";
+import { C as R, a as j, D as q, b as z, F as A, M as E, R as J, c as K, p as Q } from "./range-calendar-CAa8ly0W.js";
+import { B as X, I as Y, M as Z, a as _, b as $, N as aa, c as ea, d as sa, e as na, f as ta, P as oa, S as ra, g as la, T as ia } from "./mobile-nav-wrapper-B7hEJ4r-.js";
 export {
   s as BackButton,
   X 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-BCrAhhN_.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-KZXiQy6q.js";
 export {
   s as BasicPage,
   P as BlankPage,

package/dist/{range-calendar-D0oOkFj5.js → range-calendar-CAa8ly0W.js}

@@ -1,7 +1,7 @@
 import { Div as h, Span as H, Button as _, OnState as J, On as z } from "@base-framework/atoms";
 import { Component as Y, Data as B, Atom as j, DateTime as T } from "@base-framework/base";
 import { I as L } from "./image-BB__4s0g.js";
-import { B as f } from "./buttons-CfwtbIR-.js";
+import { B as f } from "./buttons-B-FvkS9B.js";
 import { Icons as P } from "./icons.es.js";
 const U = (e, t) => {
   const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, a = t.getBoundingClientRect(), s = 10, r = globalThis.scrollX, l = globalThis.scrollY;

package/dist/{sidebar-menu-page-BCrAhhN_.js → sidebar-menu-page-KZXiQy6q.js}

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

package/dist/{signature-panel-DAhBQ_J_.js → signature-panel-D38xgifi.js}

@@ -1,10 +1,10 @@
 import { Button as y, Div as o, On as C, Span as L, Th as N, UseParent as E, I as Q, Thead as V, Tr as G, Table as B, P as v, Li as w, Time as X, Nav as m, Ul as f, Section as I, Canvas as q } from "@base-framework/atoms";
 import { Atom as d, Component as p, Data as T, DateTime as K, router as k, NavLink as M, DataTracker as U, Jot as _, base as O, Dom as W } from "@base-framework/base";
-import { B as P, I as J } from "./buttons-CfwtbIR-.js";
+import { B as P, I as J } from "./buttons-B-FvkS9B.js";
 import { Icons as S } from "./icons.es.js";
 import { TableBody as Z, DataTableBody as ee, ScrollableTableBody as te, List as se, IntervalTimer as ae } from "@base-framework/organisms";
 import { C as ie, I as ne, H as oe } from "./inputs-CcimrM1k.js";
-import { A as le, P as re } from "./range-calendar-D0oOkFj5.js";
+import { A as le, P as re } from "./range-calendar-CAa8ly0W.js";
 import { V as g } from "./image-BB__4s0g.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.1.6",
+	"version": "1.1.7",
 	"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/buttons-CfwtbIR-.js

@@ -1,61 +0,0 @@
-import { I as h, Button as e } from "@base-framework/atoms";
-import { Atom as s } from "@base-framework/base";
-import { Icons as r } from "./icons.es.js";
-const m = {
-  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"
-}, c = s((n, t) => {
-  const a = m[n.size || "sm"];
-  return h({
-    ...n,
-    class: `stroke-current icon-size ${a} ${n.class || ""}`,
-    html: t[0]?.textContent
-  });
-}), i = (n) => s((t, a) => e({
-  ...n,
-  ...t,
-  class: `bttn ${n.class} ${t.class || ""}`
-}, a)), u = s(
-  (n, t) => e({
-    ...n,
-    class: n.class
-  }, [
-    n.icon && n.position !== "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null,
-    ...t || [],
-    n.icon && n.position === "right" ? c({ size: "sm", class: n.animation ?? null }, n.icon) : null
-  ])
-), l = (n) => s((t, a) => u({
-  ...n,
-  ...t,
-  class: `bttn ${n.class} ${t.class || ""}`
-}, a)), w = (n) => () => {
-  if (n.allowHistory === !0 && globalThis.history.length > 2) {
-    globalThis.history.back();
-    return;
-  }
-  n.backUrl && app.navigate(n.backUrl);
-}, g = (n) => s((t, a) => (t.icon = t.icon || r.arrows.left, t.click = t.click || w(t), u({
-  ...n,
-  ...t
-}, a))), o = {
-  primary: i({ class: "primary" }),
-  secondary: i({ class: "secondary" }),
-  destructive: i({ class: "destructive" }),
-  warning: i({ class: "warning" }),
-  outline: i({ class: "outline" }),
-  ghost: i({ class: "ghost" }),
-  link: i({ class: "link" }),
-  icon: l({ class: "icon" }),
-  withIcon: l({ class: "with-icon" }),
-  back: g({ class: "with-icon back-button" })
-}, k = s((n, t) => (o[n.variant] || o.primary)(n, t)), y = s((n, t) => k({ ...n, variant: "withIcon", icon: r.loading, animation: "animate-spin" }, t));
-export {
-  k as B,
-  c as I,
-  y as L
-};