@balikjs/mobile 0.1.4 → 0.1.6

package/README.md

@@ -9,6 +9,7 @@ A mobile-first UI component library built on top of [Ark UI](https://ark-ui.com)
 - **ES Modules** — `type: "module"` in `package.json`. `import` / `export` everywhere. No CommonJS.
 - **Vite ecosystem** — Built with Vite, tested with Vitest.
 - **CSS Modules + tokens** — Styles authored with CSS Modules. Design tokens as CSS custom properties.
+- **Client-only, no SSR** — The library assumes a browser environment and does not support server-side rendering. See [docs/no-ssr.md](./docs/no-ssr.md).
 
 ## Install
 

package/dist/Alert/Alert.js

@@ -0,0 +1,82 @@
+import { spread as C, mergeProps as b, insert as i, createComponent as n, effect as u, className as a, template as g } from "solid-js/web";
+import { splitProps as P, mergeProps as w, Show as f } from "solid-js";
+import { Info as z, CircleAlert as _, TriangleAlert as $, CircleCheck as A } from "lucide-solid";
+import { CloseButton as S } from "../CloseButton/CloseButton.js";
+import { bem as k } from "../utils/bem.js";
+import { cn as x } from "../utils/cn.js";
+import r from "./Alert.module.css.js";
+var y = /* @__PURE__ */ g("<p data-part=description>"), I = /* @__PURE__ */ g("<div><span data-part=icon></span><div data-part=body><p data-part=title>");
+const D = {
+  info: r.intentInfo,
+  success: r.intentSuccess,
+  warning: r.intentWarning,
+  danger: r.intentDanger
+}, T = {
+  success: () => n(A, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  warning: () => n($, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  danger: () => n(_, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  info: () => n(z, {
+    size: 20,
+    "aria-hidden": "true"
+  })
+}, B = {
+  intent: "info",
+  closeable: !1
+};
+function W(h) {
+  const [t, v] = P(w(B, h), ["title", "description", "intent", "closeable", "onClose", "class"]);
+  return (() => {
+    var s = I(), o = s.firstChild, l = o.nextSibling, c = l.firstChild;
+    return C(s, b(v, {
+      role: "alert",
+      "data-part": "root",
+      get class() {
+        return x(k("balik-alert", t.intent), r.base, D[t.intent], t.class);
+      }
+    }), !1, !0), i(o, () => T[t.intent]()), i(c, () => t.title), i(l, n(f, {
+      get when() {
+        return t.description;
+      },
+      get children() {
+        var e = y();
+        return i(e, () => t.description), u(() => a(e, r.description)), e;
+      }
+    }), null), i(s, n(f, {
+      get when() {
+        return t.closeable;
+      },
+      get children() {
+        return n(S, {
+          size: "xs",
+          get class() {
+            return r.close;
+          },
+          onClick: () => {
+            var e;
+            return (e = t.onClose) == null ? void 0 : e.call(t);
+          },
+          "data-part": "close"
+        });
+      }
+    }), null), u((e) => {
+      var d = r.icon, p = r.body, m = r.title;
+      return d !== e.e && a(o, e.e = d), p !== e.t && a(l, e.t = p), m !== e.a && a(c, e.a = m), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), s;
+  })();
+}
+export {
+  W as Alert
+};

package/dist/Alert/Alert.module.css.js

@@ -0,0 +1,25 @@
+const n = "_base_1kunc_1", t = "_icon_1kunc_26", c = "_body_1kunc_40", e = "_title_1kunc_45", _ = "_description_1kunc_53", s = "_close_1kunc_61", i = "_intentInfo_1kunc_83", o = "_intentSuccess_1kunc_88", u = "_intentWarning_1kunc_93", a = "_intentDanger_1kunc_98", k = {
+  base: n,
+  icon: t,
+  body: c,
+  title: e,
+  description: _,
+  close: s,
+  intentInfo: i,
+  intentSuccess: o,
+  intentWarning: u,
+  intentDanger: a
+};
+export {
+  n as base,
+  c as body,
+  s as close,
+  k as default,
+  _ as description,
+  t as icon,
+  a as intentDanger,
+  i as intentInfo,
+  o as intentSuccess,
+  u as intentWarning,
+  e as title
+};

package/dist/Avatar/Avatar.js

@@ -0,0 +1,60 @@
+import { spread as v, mergeProps as z, insert as o, createComponent as b, effect as c, className as g, setAttribute as p, template as l } from "solid-js/web";
+import { splitProps as P, mergeProps as x, createMemo as h, Show as k } from "solid-js";
+import { bem as A } from "../utils/bem.js";
+import { cn as _ } from "../utils/cn.js";
+import r from "./Avatar.module.css.js";
+var $ = /* @__PURE__ */ l("<img data-part=image>"), S = /* @__PURE__ */ l("<span>"), w = /* @__PURE__ */ l("<span aria-hidden=true data-part=fallback>");
+const L = {
+  xs: r.sizeXs,
+  sm: r.sizeSm,
+  md: r.sizeMd,
+  lg: r.sizeLg,
+  xl: r.sizeXl,
+  "2xl": r.size2xl
+}, M = {
+  male: r.male,
+  female: r.female
+}, X = {
+  size: "md",
+  gender: "male"
+};
+function E(d) {
+  const [e, f] = P(x(X, d), ["src", "alt", "name", "size", "gender", "class"]), u = h(() => e.name ? e.name.split(/\s+/).filter(Boolean).slice(0, 2).map((s) => s[0]).join("") : "?");
+  return (() => {
+    var s = S();
+    return v(s, z(f, {
+      role: "img",
+      get "aria-label"() {
+        return e.alt || e.name || "Avatar";
+      },
+      "data-part": "root",
+      get class() {
+        return _(A("balik-avatar", e.size), r.base, L[e.size], M[e.gender], e.class);
+      }
+    }), !1, !0), o(s, b(k, {
+      get when() {
+        return e.src;
+      },
+      get fallback() {
+        return (() => {
+          var a = w();
+          return o(a, u), c(() => g(a, r.fallback)), a;
+        })();
+      },
+      get children() {
+        var a = $();
+        return c((t) => {
+          var i = r.image, m = e.src, n = e.alt || "";
+          return i !== t.e && g(a, t.e = i), m !== t.t && p(a, "src", t.t = m), n !== t.a && p(a, "alt", t.a = n), t;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), a;
+      }
+    })), s;
+  })();
+}
+export {
+  E as Avatar
+};

package/dist/Avatar/Avatar.module.css.js

@@ -0,0 +1,27 @@
+const e = "_base_1iyre_1", s = "_image_1iyre_17", _ = "_fallback_1iyre_26", i = "_sizeXs_1iyre_30", a = "_sizeSm_1iyre_36", l = "_sizeMd_1iyre_42", z = "_sizeLg_1iyre_48", c = "_sizeXl_1iyre_54", t = "_size2xl_1iyre_60", o = "_male_1iyre_66", m = "_female_1iyre_71", n = {
+  base: e,
+  image: s,
+  fallback: _,
+  sizeXs: i,
+  sizeSm: a,
+  sizeMd: l,
+  sizeLg: z,
+  sizeXl: c,
+  size2xl: t,
+  male: o,
+  female: m
+};
+export {
+  e as base,
+  n as default,
+  _ as fallback,
+  m as female,
+  s as image,
+  o as male,
+  t as size2xl,
+  z as sizeLg,
+  l as sizeMd,
+  a as sizeSm,
+  c as sizeXl,
+  i as sizeXs
+};

package/dist/BackToTop/BackToTop.js

@@ -0,0 +1,55 @@
+import { insert as m, effect as a, setAttribute as c, className as b, template as p, delegateEvents as h } from "solid-js/web";
+import { splitProps as g, mergeProps as k, createSignal as w, onMount as T, onCleanup as E } from "solid-js";
+import { bem as y } from "../utils/bem.js";
+import { cn as L } from "../utils/cn.js";
+import n from "./BackToTop.module.css.js";
+var B = /* @__PURE__ */ p("<button type=button data-part=root>"), P = /* @__PURE__ */ p('<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><title>Back to top</title><path d="m18 15-6-6-6 6">');
+const S = {
+  threshold: 200,
+  target: void 0
+};
+function j(u) {
+  const [e] = g(k(S, u), ["class", "threshold", "target", "icon", "aria-label"]), [v, d] = w(!1);
+  function l() {
+    const t = typeof e.target == "function" ? e.target() : null, o = t ? t.scrollTop : window.scrollY;
+    d(o > e.threshold);
+  }
+  let r = null;
+  T(() => {
+    const t = typeof e.target == "function" ? e.target() : null;
+    t ? (t.addEventListener("scroll", l, {
+      passive: !0
+    }), r = () => t.removeEventListener("scroll", l)) : (window.addEventListener("scroll", l, {
+      passive: !0
+    }), r = () => window.removeEventListener("scroll", l));
+  }), E(() => {
+    r && r();
+  });
+  function f() {
+    const t = typeof e.target == "function" ? e.target() : null;
+    t ? t.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    }) : window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }
+  return (() => {
+    var t = B();
+    return t.$$click = f, m(t, () => e.icon || (() => {
+      var o = P();
+      return a(() => c(o, "class", n.icon)), o;
+    })()), a((o) => {
+      var s = L(y(), n.base, v() && n.visible, e.class), i = e["aria-label"] || "Back to top";
+      return s !== o.e && b(t, o.e = s), i !== o.t && c(t, "aria-label", o.t = i), o;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
+  })();
+}
+h(["click"]);
+export {
+  j as BackToTop
+};

package/dist/BackToTop/BackToTop.module.css.js

@@ -0,0 +1,11 @@
+const s = "_base_132ju_1", e = "_visible_132ju_25", i = "_icon_132ju_40", _ = {
+  base: s,
+  visible: e,
+  icon: i
+};
+export {
+  s as base,
+  _ as default,
+  i as icon,
+  e as visible
+};

package/dist/Badge/Badge.js

@@ -0,0 +1,59 @@
+import { spread as d, mergeProps as u, insert as o, createComponent as c, effect as m, className as p, template as l } from "solid-js/web";
+import { splitProps as f, mergeProps as g, Show as z } from "solid-js";
+import { bem as h } from "../utils/bem.js";
+import { cn as I } from "../utils/cn.js";
+import e from "./Badge.module.css.js";
+var P = /* @__PURE__ */ l("<span aria-hidden=true data-part=dot>"), x = /* @__PURE__ */ l("<span>");
+const D = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, S = {
+  default: e.solidDefault,
+  danger: e.solidDanger,
+  success: e.solidSuccess,
+  warning: e.solidWarning,
+  info: e.solidInfo,
+  intent: e.solidIntent
+}, _ = {
+  default: e.outlineDefault,
+  danger: e.outlineDanger,
+  success: e.outlineSuccess,
+  warning: e.outlineWarning,
+  info: e.outlineInfo,
+  intent: e.outlineIntent
+}, $ = {
+  solid: S,
+  outline: _
+}, b = {
+  size: "md",
+  intent: "default",
+  solid: !0,
+  dot: !1
+};
+function X(r) {
+  const [t, a] = f(g(b, r), ["size", "intent", "solid", "dot", "class", "children"]), s = t.solid ? "solid" : "outline";
+  return (() => {
+    var n = x();
+    return d(n, u(a, {
+      "data-part": "root",
+      get class() {
+        return I(h("balik-badge", s, t.intent, t.size), e.base, D[t.size], $[s][t.intent], t.class);
+      }
+    }), !1, !0), o(n, c(z, {
+      get when() {
+        return t.dot;
+      },
+      get children() {
+        var i = P();
+        return m(() => p(i, e.dot)), i;
+      }
+    }), null), o(n, () => t.children, null), n;
+  })();
+}
+export {
+  X as Badge
+};

package/dist/Badge/Badge.module.css.js

@@ -0,0 +1,45 @@
+const s = "_base_rjkpf_1", n = "_sizeXs_rjkpf_22", o = "_sizeSm_rjkpf_29", e = "_sizeMd_rjkpf_36", t = "_sizeLg_rjkpf_43", i = "_sizeXl_rjkpf_50", _ = "_size2xl_rjkpf_57", l = "_solidDefault_rjkpf_66", c = "_solidDanger_rjkpf_72", f = "_solidSuccess_rjkpf_78", r = "_solidWarning_rjkpf_84", u = "_solidInfo_rjkpf_90", d = "_solidIntent_rjkpf_96", a = "_outlineDefault_rjkpf_104", p = "_outlineDanger_rjkpf_109", j = "_outlineSuccess_rjkpf_114", k = "_outlineWarning_rjkpf_119", z = "_outlineInfo_rjkpf_124", g = "_outlineIntent_rjkpf_129", D = "_dot_rjkpf_136", I = {
+  base: s,
+  sizeXs: n,
+  sizeSm: o,
+  sizeMd: e,
+  sizeLg: t,
+  sizeXl: i,
+  size2xl: _,
+  solidDefault: l,
+  solidDanger: c,
+  solidSuccess: f,
+  solidWarning: r,
+  solidInfo: u,
+  solidIntent: d,
+  outlineDefault: a,
+  outlineDanger: p,
+  outlineSuccess: j,
+  outlineWarning: k,
+  outlineInfo: z,
+  outlineIntent: g,
+  dot: D
+};
+export {
+  s as base,
+  I as default,
+  D as dot,
+  p as outlineDanger,
+  a as outlineDefault,
+  z as outlineInfo,
+  g as outlineIntent,
+  j as outlineSuccess,
+  k as outlineWarning,
+  _ as size2xl,
+  t as sizeLg,
+  e as sizeMd,
+  o as sizeSm,
+  i as sizeXl,
+  n as sizeXs,
+  c as solidDanger,
+  l as solidDefault,
+  u as solidInfo,
+  d as solidIntent,
+  f as solidSuccess,
+  r as solidWarning
+};

package/dist/BottomNavigation/BottomNavigation.js

@@ -0,0 +1,48 @@
+import { insert as a, effect as c, className as i, createComponent as p, Dynamic as f, mergeProps as u, template as m } from "solid-js/web";
+import { splitProps as s, mergeProps as v } from "solid-js";
+import { bem as g } from "../utils/bem.js";
+import { cn as h } from "../utils/cn.js";
+import o from "./BottomNavigation.module.css.js";
+var l = /* @__PURE__ */ m("<span>"), d = /* @__PURE__ */ m("<nav data-part=root>");
+function y(n) {
+  const [t] = s(n, ["icon", "label", "active", "href", "onClick"]), e = t.href ? "a" : "button";
+  return p(f, u({
+    component: e
+  }, () => t.href ? {
+    href: t.href
+  } : {
+    type: "button"
+  }, {
+    get class() {
+      return o.item;
+    },
+    get "data-active"() {
+      return t.active ? "" : void 0;
+    },
+    get onClick() {
+      return t.onClick;
+    },
+    "data-part": "item",
+    get children() {
+      return [(() => {
+        var r = l();
+        return a(r, () => t.icon), c(() => i(r, o.icon)), r;
+      })(), (() => {
+        var r = l();
+        return a(r, () => t.label), c(() => i(r, o.label)), r;
+      })()];
+    }
+  }));
+}
+const b = {};
+function N(n) {
+  const [t] = s(v(b, n), ["class", "children"]);
+  return (() => {
+    var e = d();
+    return a(e, () => t.children), c(() => i(e, h(g(), o.root, t.class))), e;
+  })();
+}
+export {
+  N as BottomNavigation,
+  y as BottomNavigationItem
+};

package/dist/BottomNavigation/BottomNavigation.module.css.js

@@ -0,0 +1,13 @@
+const o = "_root_1co83_1", t = "_item_1co83_15", c = "_icon_1co83_40", _ = "_label_1co83_53", e = {
+  root: o,
+  item: t,
+  icon: c,
+  label: _
+};
+export {
+  e as default,
+  c as icon,
+  t as item,
+  _ as label,
+  o as root
+};

package/dist/BottomSheet/BottomSheet.js

@@ -0,0 +1,120 @@
+import { createComponent as R, Portal as G, effect as f, className as s, setAttribute as O, insert as c, memo as h, template as u, use as I, delegateEvents as w } from "solid-js/web";
+import { splitProps as N, mergeProps as U, createSignal as x, createEffect as F, on as H } from "solid-js";
+import { bem as M } from "../utils/bem.js";
+import { cn as C } from "../utils/cn.js";
+import { useScrollLock as V } from "../utils/useScrollLock.js";
+import l from "./BottomSheet.module.css.js";
+var j = /* @__PURE__ */ u("<div data-part=backdrop>"), q = /* @__PURE__ */ u("<div role=dialog aria-modal=true data-part=sheet><div data-part=body>"), z = /* @__PURE__ */ u("<div data-part=grabber-area><div data-part=grabber>"), J = /* @__PURE__ */ u("<div data-part=header><h2 data-part=title>"), B = /* @__PURE__ */ u("<div data-part=footer>");
+const K = {
+  dismissible: !0,
+  backdropBlur: !0,
+  draggable: !0
+}, Q = 0.3, W = 0.5, X = 3;
+function ne(Y) {
+  const [t] = N(U({
+    footerPlacement: "bottom",
+    ...K
+  }, Y), ["open", "onOpen", "onClose", "onOpenChange", "title", "dismissible", "draggable", "backdropBlur", "footer", "footerClass", "footerPlacement", "class", "children"]);
+  let m;
+  const [b, S] = x(!1);
+  let y = 0, g = 0, $ = 0, _ = 0, P = 0;
+  const A = (e) => {
+    e.currentTarget.setPointerCapture(e.pointerId), y = $ = e.clientY, _ = e.timeStamp, P = 0, g = 0, S(!0);
+  }, D = (e) => {
+    if (!b()) return;
+    const r = e.clientY - y, i = e.timeStamp - _;
+    i > 0 && (P = (e.clientY - $) / i), $ = e.clientY, _ = e.timeStamp, g = r;
+    const o = r >= 0 ? r : r / X;
+    m.style.transform = `translateY(${o}px)`;
+  }, E = (e) => {
+    S(!1), m.style.transform = "", e && k({
+      open: !1
+    });
+  }, T = () => {
+    if (!b()) return;
+    const e = m.offsetHeight || 1, r = g > e * Q, i = g > 0 && P > W;
+    E(t.dismissible && (r || i));
+  }, L = () => {
+    b() && E(!1);
+  }, k = (e) => {
+    var r;
+    (r = t.onOpenChange) == null || r.call(t, e);
+  };
+  return V(() => t.open), F(H(() => t.open, (e) => {
+    var r, i;
+    e ? (r = t.onOpen) == null || r.call(t) : (i = t.onClose) == null || i.call(t);
+  }, {
+    defer: !0
+  })), R(G, {
+    get mount() {
+      return document.body;
+    },
+    get children() {
+      return [(() => {
+        var e = j();
+        return e.$$click = () => {
+          t.dismissible && k({
+            open: !1
+          });
+        }, f((r) => {
+          var i = C(l.backdrop, t.backdropBlur && l.blurred), o = t.open ? "" : void 0;
+          return i !== r.e && s(e, r.e = i), o !== r.t && O(e, "data-open", r.t = o), r;
+        }, {
+          e: void 0,
+          t: void 0
+        }), e;
+      })(), (() => {
+        var e = q(), r = e.firstChild, i = m;
+        return typeof i == "function" ? I(i, e) : m = e, c(e, (() => {
+          var o = h(() => !!t.draggable);
+          return () => o() && (() => {
+            var a = z(), v = a.firstChild;
+            return a.addEventListener("pointercancel", L), a.$$pointerup = T, a.$$pointermove = D, a.$$pointerdown = A, f((n) => {
+              var d = l.grabberArea, p = l.grabber;
+              return d !== n.e && s(a, n.e = d), p !== n.t && s(v, n.t = p), n;
+            }, {
+              e: void 0,
+              t: void 0
+            }), a;
+          })();
+        })(), r), c(e, (() => {
+          var o = h(() => !!t.title);
+          return () => o() && (() => {
+            var a = J(), v = a.firstChild;
+            return c(v, () => t.title), f((n) => {
+              var d = l.header, p = l.title;
+              return d !== n.e && s(a, n.e = d), p !== n.t && s(v, n.t = p), n;
+            }, {
+              e: void 0,
+              t: void 0
+            }), a;
+          })();
+        })(), r), c(e, (() => {
+          var o = h(() => !!(t.footerPlacement === "top" && t.footer));
+          return () => o() && (() => {
+            var a = B();
+            return c(a, () => t.footer), f(() => s(a, C(l.footer, t.footerClass))), a;
+          })();
+        })(), r), c(r, () => t.children), c(e, (() => {
+          var o = h(() => !!(t.footerPlacement !== "top" && t.footer));
+          return () => o() && (() => {
+            var a = B();
+            return c(a, () => t.footer), f(() => s(a, C(l.footer, t.footerClass))), a;
+          })();
+        })(), null), f((o) => {
+          var a = C(M(), l.sheet, b() && l.dragging, t.class), v = t.open ? "" : void 0, n = t.title || "BottomSheet", d = l.body;
+          return a !== o.e && s(e, o.e = a), v !== o.t && O(e, "data-open", o.t = v), n !== o.a && O(e, "aria-label", o.a = n), d !== o.o && s(r, o.o = d), o;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        }), e;
+      })()];
+    }
+  });
+}
+w(["click", "pointerdown", "pointermove", "pointerup"]);
+export {
+  ne as BottomSheet
+};

package/dist/BottomSheet/BottomSheet.module.css.js

@@ -0,0 +1,25 @@
+const t = "_backdrop_9tgy4_1", r = "_blurred_9tgy4_11", e = "_sheet_9tgy4_22", _ = "_dragging_9tgy4_47", g = "_grabberArea_9tgy4_65", o = "_grabber_9tgy4_65", b = "_header_9tgy4_89", a = "_title_9tgy4_98", s = "_body_9tgy4_110", d = "_footer_9tgy4_125", c = {
+  backdrop: t,
+  blurred: r,
+  sheet: e,
+  dragging: _,
+  grabberArea: g,
+  grabber: o,
+  header: b,
+  title: a,
+  body: s,
+  footer: d
+};
+export {
+  t as backdrop,
+  r as blurred,
+  s as body,
+  c as default,
+  _ as dragging,
+  d as footer,
+  o as grabber,
+  g as grabberArea,
+  b as header,
+  e as sheet,
+  a as title
+};

package/dist/Button/Button.js

@@ -0,0 +1,56 @@
+import { createComponent as o, mergeProps as m, memo as r, insert as g, effect as c, className as u, template as p } from "solid-js/web";
+import { splitProps as f, mergeProps as b } from "solid-js";
+import { ark as l } from "@ark-ui/solid/factory";
+import { Loader2 as z } from "lucide-solid";
+import { bem as P } from "../utils/bem.js";
+import { cn as h } from "../utils/cn.js";
+import e from "./Button.module.css.js";
+var y = /* @__PURE__ */ p("<span>");
+const v = {
+  outline: e.outline,
+  solid: e.solid
+}, x = {
+  default: e.intentDefault,
+  danger: e.intentDanger
+}, D = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl
+}, L = {
+  solid: !1,
+  danger: !1,
+  size: "md",
+  disabled: !1,
+  loading: !1
+};
+function O(a) {
+  const [s, d] = f(b(L, a), ["solid", "danger", "size", "class", "loading", "disabled", "children"]), i = s.solid ? "solid" : "outline", n = s.danger ? "danger" : "default";
+  return o(l.button, m(d, {
+    get disabled() {
+      return s.disabled;
+    },
+    get "aria-disabled"() {
+      return s.loading || s.disabled;
+    },
+    get class() {
+      return h(P("balik-button", i, n, s.size), e.base, v[i], x[n], D[s.size], s.loading && e.loadingButton, s.class);
+    },
+    get children() {
+      return [r(() => s.children), r(() => r(() => !!s.loading)() && (() => {
+        var t = y();
+        return g(t, o(z, {
+          get class() {
+            return e.spinner;
+          },
+          "aria-hidden": "true"
+        })), c(() => u(t, e.loadingOverlay)), t;
+      })())];
+    }
+  }));
+}
+O.Original = l;
+export {
+  O as Button
+};

package/dist/Button/Button.module.css.js

@@ -0,0 +1,31 @@
+const n = "_base_1l4rf_1", s = "_loadingOverlay_1l4rf_24", e = "_loadingButton_1l4rf_35", t = "_outline_1l4rf_39", _ = "_solid_1l4rf_51", i = "_intentDefault_1l4rf_63", l = "_intentDanger_1l4rf_72", o = "_sizeXs_1l4rf_81", r = "_sizeSm_1l4rf_89", a = "_sizeMd_1l4rf_97", f = "_sizeLg_1l4rf_105", z = "_sizeXl_1l4rf_113", c = "_spinner_1l4rf_121", d = {
+  base: n,
+  loadingOverlay: s,
+  loadingButton: e,
+  outline: t,
+  solid: _,
+  intentDefault: i,
+  intentDanger: l,
+  sizeXs: o,
+  sizeSm: r,
+  sizeMd: a,
+  sizeLg: f,
+  sizeXl: z,
+  spinner: c
+};
+export {
+  n as base,
+  d as default,
+  l as intentDanger,
+  i as intentDefault,
+  e as loadingButton,
+  s as loadingOverlay,
+  t as outline,
+  f as sizeLg,
+  a as sizeMd,
+  r as sizeSm,
+  z as sizeXl,
+  o as sizeXs,
+  _ as solid,
+  c as spinner
+};