@balikjs/mobile 0.1.10 → 0.1.12

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

@@ -1,25 +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 = {
+const n = "_base_fr8u0_1", t = "_icon_fr8u0_26", e = "_body_fr8u0_40", _ = "_title_fr8u0_45", s = "_description_fr8u0_53", i = "_close_fr8u0_61", o = "_intentInfo_fr8u0_83", c = "_intentSuccess_fr8u0_88", r = "_intentWarning_fr8u0_93", f = "_intentDanger_fr8u0_98", u = {
   base: n,
   icon: t,
-  body: c,
-  title: e,
-  description: _,
-  close: s,
-  intentInfo: i,
-  intentSuccess: o,
-  intentWarning: u,
-  intentDanger: a
+  body: e,
+  title: _,
+  description: s,
+  close: i,
+  intentInfo: o,
+  intentSuccess: c,
+  intentWarning: r,
+  intentDanger: f
 };
 export {
   n as base,
-  c as body,
-  s as close,
-  k as default,
-  _ as description,
+  e as body,
+  i as close,
+  u as default,
+  s as description,
   t as icon,
-  a as intentDanger,
-  i as intentInfo,
-  o as intentSuccess,
-  u as intentWarning,
-  e as title
+  f as intentDanger,
+  o as intentInfo,
+  c as intentSuccess,
+  r as intentWarning,
+  _ as title
 };

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

@@ -1,27 +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,
+const s = "_base_4spf6_1", e = "_image_4spf6_17", _ = "_fallback_4spf6_26", i = "_sizeXs_4spf6_30", a = "_sizeSm_4spf6_36", l = "_sizeMd_4spf6_42", f = "_sizeLg_4spf6_48", z = "_sizeXl_4spf6_54", c = "_size2xl_4spf6_60", t = "_male_4spf6_66", o = "_female_4spf6_71", m = {
+  base: s,
+  image: e,
   fallback: _,
   sizeXs: i,
   sizeSm: a,
   sizeMd: l,
-  sizeLg: z,
-  sizeXl: c,
-  size2xl: t,
-  male: o,
-  female: m
+  sizeLg: f,
+  sizeXl: z,
+  size2xl: c,
+  male: t,
+  female: o
 };
 export {
-  e as base,
-  n as default,
+  s as base,
+  m as default,
   _ as fallback,
-  m as female,
-  s as image,
-  o as male,
-  t as size2xl,
-  z as sizeLg,
+  o as female,
+  e as image,
+  t as male,
+  c as size2xl,
+  f as sizeLg,
   l as sizeMd,
   a as sizeSm,
-  c as sizeXl,
+  z as sizeXl,
   i as sizeXs
 };

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

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

package/dist/Badge/Badge.js

@@ -1,59 +1,60 @@
-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
+import { spread as u, mergeProps as m, insert as a, createComponent as d, effect as p, className as f, template as i } from "solid-js/web";
+import { splitProps as g, mergeProps as z, createMemo as b, Show as h } from "solid-js";
+import { bem as v } from "../utils/bem.js";
+import { cn as P } from "../utils/cn.js";
+import t from "./Badge.module.css.js";
+var $ = /* @__PURE__ */ i("<span aria-hidden=true data-part=dot>"), x = /* @__PURE__ */ i("<span>");
+const _ = {
+  xs: t.sizeXs,
+  sm: t.sizeSm,
+  md: t.sizeMd,
+  lg: t.sizeLg,
+  xl: t.sizeXl,
+  "2xl": t.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",
+  solid: t.solid,
+  surface: t.surface,
+  subtle: t.subtle,
+  outline: t.outline
+}, w = {
+  neutral: t.intentNeutral,
+  accent: t.intentAccent,
+  danger: t.intentDanger,
+  success: t.intentSuccess,
+  warning: t.intentWarning
+}, M = {
+  default: "neutral",
+  info: "accent",
+  intent: "accent"
+}, N = {
+  variant: "subtle",
   intent: "default",
-  solid: !0,
+  size: "md",
   dot: !1
 };
-function X(r) {
-  const [t, a] = f(g(b, r), ["size", "intent", "solid", "dot", "class", "children"]), s = t.solid ? "solid" : "outline";
+function k(o) {
+  const [n, l] = g(z(N, o), ["variant", "intent", "size", "dot", "class", "children"]), s = (e) => typeof e == "function" ? e() : e, c = b(() => {
+    const e = s(n.variant), r = M[s(n.intent)] || s(n.intent);
+    return P(v("balik-badge", e, r, s(n.size)), t.base, S[e], w[r], _[s(n.size)], n.class);
+  });
   return (() => {
-    var n = x();
-    return d(n, u(a, {
+    var e = x();
+    return u(e, m(l, {
       "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);
+        return c();
       }
-    }), !1, !0), o(n, c(z, {
+    }), !1, !0), a(e, d(h, {
       get when() {
-        return t.dot;
+        return n.dot;
       },
       get children() {
-        var i = P();
-        return m(() => p(i, e.dot)), i;
+        var r = $();
+        return p(() => f(r, t.dot)), r;
       }
-    }), null), o(n, () => t.children, null), n;
+    }), null), a(e, () => n.children, null), e;
   })();
 }
 export {
-  X as Badge
+  k as Badge
 };

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

@@ -1,45 +1,39 @@
-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
+const t = "_base_6avx0_1", n = "_solid_6avx0_29", e = "_surface_6avx0_34", s = "_subtle_6avx0_40", _ = "_outline_6avx0_45", i = "_intentNeutral_6avx0_52", a = "_intentAccent_6avx0_64", c = "_intentDanger_6avx0_76", o = "_intentSuccess_6avx0_88", x = "_intentWarning_6avx0_100", l = "_sizeXs_6avx0_114", z = "_sizeSm_6avx0_121", v = "_sizeMd_6avx0_128", u = "_sizeLg_6avx0_135", r = "_sizeXl_6avx0_142", d = "_size2xl_6avx0_149", g = "_dot_6avx0_158", b = {
+  base: t,
+  solid: n,
+  surface: e,
+  subtle: s,
+  outline: _,
+  intentNeutral: i,
+  intentAccent: a,
+  intentDanger: c,
+  intentSuccess: o,
+  intentWarning: x,
+  sizeXs: l,
+  sizeSm: z,
+  sizeMd: v,
+  sizeLg: u,
+  sizeXl: r,
+  size2xl: d,
+  dot: g
 };
 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
+  t as base,
+  b as default,
+  g as dot,
+  a as intentAccent,
+  c as intentDanger,
+  i as intentNeutral,
+  o as intentSuccess,
+  x as intentWarning,
+  _ as outline,
+  d as size2xl,
+  u as sizeLg,
+  v as sizeMd,
+  z as sizeSm,
+  r as sizeXl,
+  l as sizeXs,
+  n as solid,
+  s as subtle,
+  e as surface
 };

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

@@ -1,13 +1,13 @@
-const o = "_root_5mvh3_1", t = "_item_5mvh3_15", _ = "_icon_5mvh3_40", e = "_label_5mvh3_54", c = {
+const o = "_root_1xc7x_1", t = "_item_1xc7x_15", c = "_icon_1xc7x_40", _ = "_label_1xc7x_54", e = {
   root: o,
   item: t,
-  icon: _,
-  label: e
+  icon: c,
+  label: _
 };
 export {
-  c as default,
-  _ as icon,
+  e as default,
+  c as icon,
   t as item,
-  e as label,
+  _ as label,
   o as root
 };

package/dist/BottomSheet/BottomSheet.js

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

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

@@ -1,25 +1,19 @@
-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,
+const r = "_backdrop_1l1c4_1", e = "_blurred_1l1c4_11", c = "_sheet_1l1c4_22", _ = "_dragging_1l1c4_52", t = "_grabberArea_1l1c4_70", b = "_grabber_1l1c4_70", a = "_content_1l1c4_96", n = {
+  backdrop: r,
+  blurred: e,
+  sheet: c,
   dragging: _,
-  grabberArea: g,
-  grabber: o,
-  header: b,
-  title: a,
-  body: s,
-  footer: d
+  grabberArea: t,
+  grabber: b,
+  content: a
 };
 export {
-  t as backdrop,
-  r as blurred,
-  s as body,
-  c as default,
+  r as backdrop,
+  e as blurred,
+  a as content,
+  n as default,
   _ as dragging,
-  d as footer,
-  o as grabber,
-  g as grabberArea,
-  b as header,
-  e as sheet,
-  a as title
+  b as grabber,
+  t as grabberArea,
+  c as sheet
 };

package/dist/Button/Button.js

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