@base-framework/ui 1.1.5 → 1.1.7

package/dist/atoms.es.js

@@ -1,7 +1,7 @@
-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-BNsImT7F.js";
-import { B as d, I as m, L as x } from "./buttons-CfwtbIR-.js";
+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-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-DEfa4qLY.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";
 export {
   e as Badge,

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
+};