@base-framework/ui 0.0.0

package/dist/icon-B9QUT2NY.js

@@ -0,0 +1,47 @@
+import { Button as e, I as c } from "@base-framework/atoms";
+import { Atom as i } from "@base-framework/base";
+import { Icons as h } from "./icons.es.js";
+const s = (t) => i((n, a) => e({
+  ...t,
+  ...n,
+  class: `bttn ${t.class} ${n.class || ""}`
+}, a)), o = (t) => i((n, a) => e({
+  ...t,
+  ...n,
+  class: `bttn ${t.class} ${n.class || ""}`
+}, [
+  n.icon && n.position !== "right" ? c({ class: n.animation ?? null, html: n.icon }) : null,
+  ...a || [],
+  n.icon && n.position === "right" ? c({ class: n.animation ?? null, html: n.icon }) : null
+])), m = {
+  primary: s({ class: "primary" }),
+  secondary: s({ class: "secondary" }),
+  destructive: s({ class: "destructive" }),
+  warning: s({ class: "warning" }),
+  outline: s({ class: "outline" }),
+  ghost: s({ class: "ghost" }),
+  link: s({ class: "link" }),
+  icon: o({ class: "icon" }),
+  withIcon: o({ class: "with-icon" })
+}, r = i((t, n) => (m[t.variant] || m.primary)(t, n)), I = i((t, n) => r({ ...t, variant: "withIcon", icon: h.loading, animation: "animate-spin" }, n)), u = {
+  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"
+}, $ = i((t, n) => {
+  var l;
+  const a = u[t.size || "sm"];
+  return c({
+    ...t,
+    class: `icon-size ${a} ${t.class || ""}`,
+    html: (l = n[0]) == null ? void 0 : l.textContent
+  });
+});
+export {
+  r as B,
+  $ as I,
+  I as L
+};