@balikjs/mobile 0.1.11 → 0.1.13

package/dist/Spinner/Spinner.module.css.js

@@ -1,17 +1,17 @@
-const s = "_base_w20em_1", e = "_sizeXs_w20em_6", _ = "_sizeSm_w20em_11", i = "_sizeMd_w20em_16", z = "_sizeLg_w20em_21", t = "_sizeXl_w20em_26", m = {
+const s = "_base_vhmnv_1", e = "_sizeXs_vhmnv_6", _ = "_sizeSm_vhmnv_11", i = "_sizeMd_vhmnv_16", z = "_sizeLg_vhmnv_21", n = "_sizeXl_vhmnv_26", v = {
   base: s,
   sizeXs: e,
   sizeSm: _,
   sizeMd: i,
   sizeLg: z,
-  sizeXl: t
+  sizeXl: n
 };
 export {
   s as base,
-  m as default,
+  v as default,
   z as sizeLg,
   i as sizeMd,
   _ as sizeSm,
-  t as sizeXl,
+  n as sizeXl,
   e as sizeXs
 };

package/dist/Steps/Steps.js

@@ -1,84 +1,85 @@
-import { createComponent as n, mergeProps as l, spread as C, insert as d, template as v } from "solid-js/web";
-import { splitProps as o, mergeProps as x, createSignal as P, useContext as T, onMount as I, onCleanup as _, createContext as $ } from "solid-js";
+import { createComponent as n, mergeProps as l, spread as v, insert as d, template as x } from "solid-js/web";
+import { splitProps as o, mergeProps as P, createSignal as T, useContext as I, onMount as _, onCleanup as $, createContext as z } from "solid-js";
 import { Steps as i, useStepsItemContext as L } from "@ark-ui/solid";
 import { Check as N } from "lucide-solid";
+import { Button as p } from "../Button/Button.js";
 import { bem as R } from "../utils/bem.js";
 import { cn as a } from "../utils/cn.js";
 import s from "./Steps.module.css.js";
-var p = /* @__PURE__ */ v("<span>");
+var m = /* @__PURE__ */ x("<span>");
 const M = {
   vertical: !1
-}, m = $();
+}, h = z();
 function O() {
-  const e = L()();
-  return e.completed ? n(N, {
+  const t = L()();
+  return t.completed ? n(N, {
     size: 14,
     "aria-hidden": "true"
   }) : (() => {
-    var t = p();
-    return d(t, () => e.index + 1), t;
+    var e = m();
+    return d(e, () => t.index + 1), e;
   })();
 }
 function b(r) {
-  const [e, t] = o(x(M, r), ["class", "children", "vertical", "defaultStep", "count"]), [c, g] = P(0), h = () => g((u) => u + 1), f = () => g((u) => Math.max(0, u - 1)), S = () => e.count ?? c();
-  return n(m.Provider, {
+  const [t, e] = o(P(M, r), ["class", "children", "vertical", "defaultStep", "count"]), [c, g] = T(0), f = () => g((u) => u + 1), S = () => g((u) => Math.max(0, u - 1)), C = () => t.count ?? c();
+  return n(h.Provider, {
     value: {
-      register: h,
-      unregister: f
+      register: f,
+      unregister: S
     },
     get children() {
-      return n(i.Root, l(t, {
+      return n(i.Root, l(e, {
         get count() {
-          return S();
+          return C();
         },
         get class() {
-          return a(R(), s.root, e.vertical && s.vertical, e.class);
+          return a(R(), s.root, t.vertical && s.vertical, t.class);
         },
         get children() {
-          return e.children;
+          return t.children;
         }
       }));
     }
   });
 }
-function q(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.List, l(t, {
+function w(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.List, l(e, {
     get class() {
-      return a(s.list, e.class);
+      return a(s.list, t.class);
     },
     get children() {
-      return e.children;
+      return t.children;
     }
   }));
 }
-function w(r) {
-  const [e, t] = o(r, ["class", "children"]), c = T(m);
-  return I(() => c == null ? void 0 : c.register()), _(() => c == null ? void 0 : c.unregister()), n(i.Item, l(t, {
+function G(r) {
+  const [t, e] = o(r, ["class", "children"]), c = I(h);
+  return _(() => c == null ? void 0 : c.register()), $(() => c == null ? void 0 : c.unregister()), n(i.Item, l(e, {
     get class() {
-      return a(s.item, e.class);
+      return a(s.item, t.class);
     },
     get children() {
-      return e.children;
+      return t.children;
     }
   }));
 }
-function B(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.Trigger, l(t, {
+function H(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.Trigger, l(e, {
     get class() {
-      return a(s.itemTrigger, e.class);
+      return a(s.itemTrigger, t.class);
     },
     get children() {
-      return e.children || [n(k, {}), n(y, {})];
+      return t.children || [n(k, {}), n(y, {})];
     }
   }));
 }
 function k(r) {
-  const [e, t] = o(r, ["class"]);
-  return n(i.Indicator, l(t, {
+  const [t, e] = o(r, ["class"]);
+  return n(i.Indicator, l(e, {
     get class() {
-      return a(s.indicator, e.class);
+      return a(s.indicator, t.class);
     },
     get children() {
       return n(O, {});
@@ -86,88 +87,97 @@ function k(r) {
   }));
 }
 function y(r) {
-  const [e, t] = o(r, ["class"]);
+  const [t, e] = o(r, ["class"]);
   return (() => {
-    var c = p();
-    return C(c, l(t, {
+    var c = m();
+    return v(c, l(e, {
       get class() {
-        return a(s.itemTitle, e.class);
+        return a(s.itemTitle, t.class);
       }
     }), !1, !0), d(c, () => r.children), c;
   })();
 }
-function G(r) {
-  const [e, t] = o(r, ["class"]);
-  return n(i.Separator, l(t, {
+function J(r) {
+  const [t, e] = o(r, ["class"]);
+  return n(i.Separator, l(e, {
     get class() {
-      return a(s.separator, e.class);
+      return a(s.separator, t.class);
     }
   }));
 }
-function H(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.Content, l(t, {
+function K(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.Content, l(e, {
     get class() {
-      return a(s.content, e.class);
+      return a(s.content, t.class);
     },
     get children() {
-      return e.children;
+      return t.children;
     }
   }));
 }
-function J(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.CompletedContent, l(t, {
+function Q(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.CompletedContent, l(e, {
     get class() {
-      return a(s.completedContent, e.class);
+      return a(s.completedContent, t.class);
     },
     get children() {
-      return e.children;
+      return t.children;
     }
   }));
 }
-function K(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.PrevTrigger, l(t, {
+function V(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.PrevTrigger, l({
+    asChild: p,
+    variant: "outline",
+    intent: "neutral",
+    size: "sm",
     get class() {
-      return a(s.prevTrigger, e.class);
-    },
+      return a(s.navTrigger, t.class);
+    }
+  }, e, {
     get children() {
-      return e.children || "Previous";
+      return t.children || "Previous";
     }
   }));
 }
-function Q(r) {
-  const [e, t] = o(r, ["class", "children"]);
-  return n(i.NextTrigger, l(t, {
+function W(r) {
+  const [t, e] = o(r, ["class", "children"]);
+  return n(i.NextTrigger, l({
+    asChild: p,
+    variant: "solid",
+    size: "sm",
     get class() {
-      return a(s.nextTrigger, e.class);
-    },
+      return a(s.navTrigger, t.class);
+    }
+  }, e, {
     get children() {
-      return e.children || "Next";
+      return t.children || "Next";
     }
   }));
 }
-function V(r) {
-  const [e, t] = o(r, ["class"]);
-  return n(i.Progress, l(t, {
+function X(r) {
+  const [t, e] = o(r, ["class"]);
+  return n(i.Progress, l(e, {
     get class() {
-      return a(s.progress, e.class);
+      return a(s.progress, t.class);
     }
   }));
 }
 b.Original = i;
 export {
   b as Steps,
-  J as StepsCompletedContent,
-  H as StepsContent,
+  Q as StepsCompletedContent,
+  K as StepsContent,
   k as StepsIndicator,
-  w as StepsItem,
-  q as StepsList,
-  Q as StepsNextTrigger,
-  K as StepsPrevTrigger,
-  V as StepsProgress,
-  G as StepsSeparator,
+  G as StepsItem,
+  w as StepsList,
+  W as StepsNextTrigger,
+  V as StepsPrevTrigger,
+  X as StepsProgress,
+  J as StepsSeparator,
   y as StepsTitle,
-  B as StepsTrigger
+  H as StepsTrigger
 };

package/dist/Steps/Steps.module.css.js

@@ -1,31 +1,29 @@
-const t = "_root_t60po_1", o = "_list_t60po_7", e = "_item_t60po_14", r = "_itemTrigger_t60po_20", _ = "_itemTitle_t60po_34", i = "_indicator_t60po_46", n = "_separator_t60po_75", s = "_content_t60po_87", c = "_completedContent_t60po_95", p = "_progress_t60po_103", g = "_prevTrigger_t60po_113", a = "_nextTrigger_t60po_114", l = "_vertical_t60po_161", m = {
+const t = "_root_1dj7p_1", e = "_list_1dj7p_7", o = "_item_1dj7p_14", _ = "_itemTrigger_1dj7p_20", r = "_itemTitle_1dj7p_34", n = "_indicator_1dj7p_46", i = "_separator_1dj7p_75", s = "_content_1dj7p_87", c = "_completedContent_1dj7p_95", p = "_progress_1dj7p_103", d = "_navTrigger_1dj7p_113", a = "_vertical_1dj7p_119", g = {
   root: t,
-  list: o,
-  item: e,
-  itemTrigger: r,
-  itemTitle: _,
-  indicator: i,
-  separator: n,
+  list: e,
+  item: o,
+  itemTrigger: _,
+  itemTitle: r,
+  indicator: n,
+  separator: i,
   content: s,
   completedContent: c,
   progress: p,
-  prevTrigger: g,
-  nextTrigger: a,
-  vertical: l
+  navTrigger: d,
+  vertical: a
 };
 export {
   c as completedContent,
   s as content,
-  m as default,
-  i as indicator,
-  e as item,
-  _ as itemTitle,
-  r as itemTrigger,
-  o as list,
-  a as nextTrigger,
-  g as prevTrigger,
+  g as default,
+  n as indicator,
+  o as item,
+  r as itemTitle,
+  _ as itemTrigger,
+  e as list,
+  d as navTrigger,
   p as progress,
   t as root,
-  n as separator,
-  l as vertical
+  i as separator,
+  a as vertical
 };

package/dist/Switch/Switch.js

@@ -1,49 +1,53 @@
-import { createComponent as t, mergeProps as n, memo as o } from "solid-js/web";
-import { splitProps as m, mergeProps as c } from "solid-js";
+import { createComponent as n, mergeProps as a, memo as o } from "solid-js/web";
+import { splitProps as d, mergeProps as u, createMemo as g } from "solid-js";
 import { Switch as r } from "@ark-ui/solid";
-import { bem as a } from "../utils/bem.js";
-import { cn as p } from "../utils/cn.js";
+import { bem as p } from "../utils/bem.js";
+import { cn as h } from "../utils/cn.js";
 import e from "./Switch.module.css.js";
-const d = {
+const f = {
   xs: e.sizeXs,
   sm: e.sizeSm,
   md: e.sizeMd,
   lg: e.sizeLg,
   xl: e.sizeXl,
   "2xl": e.size2xl
-}, g = {
-  size: "md"
+}, z = {
+  default: null,
+  danger: e.intentDanger
+}, b = {
+  size: "md",
+  intent: "default"
 };
-function u(i) {
-  const [s, l] = m(c(g, i), ["class", "children", "size", "defaultChecked"]);
-  return t(r.Root, n(l, {
+function P(l) {
+  const [t, c] = d(u(b, l), ["class", "children", "size", "intent", "defaultChecked"]), s = (i) => typeof i == "function" ? i() : i, m = g(() => h(p("balik-switch", s(t.intent)), e.root, f[s(t.size)], z[s(t.intent)], t.class));
+  return n(r.Root, a(c, {
     get class() {
-      return p(a(), e.root, d[s.size], s.class);
+      return m();
     },
     get children() {
-      return [t(r.Control, {
+      return [n(r.Control, {
         get class() {
           return e.control;
         },
         get children() {
-          return t(r.Thumb, {
+          return n(r.Thumb, {
             get class() {
               return e.thumb;
             }
           });
         }
-      }), o(() => o(() => !!s.children)() && t(r.Label, {
+      }), o(() => o(() => !!t.children)() && n(r.Label, {
         get class() {
           return e.label;
         },
         get children() {
-          return s.children;
+          return t.children;
         }
-      })), t(r.HiddenInput, {})];
+      })), n(r.HiddenInput, {})];
     }
   }));
 }
-u.Original = r;
+P.Original = r;
 export {
-  u as Switch
+  P as Switch
 };

package/dist/Switch/Switch.module.css.js

@@ -1,25 +1,27 @@
-const s = "_root_1i8jj_1", _ = "_control_1i8jj_16", i = "_thumb_1i8jj_42", e = "_label_1i8jj_68", o = "_sizeXs_1i8jj_80", t = "_sizeSm_1i8jj_93", j = "_sizeMd_1i8jj_106", z = "_sizeLg_1i8jj_119", l = "_sizeXl_1i8jj_132", c = "_size2xl_1i8jj_145", n = {
-  root: s,
-  control: _,
-  thumb: i,
-  label: e,
+const e = "_root_vlxeu_1", s = "_control_vlxeu_17", _ = "_intentDanger_vlxeu_34", t = "_thumb_vlxeu_42", l = "_label_vlxeu_59", o = "_sizeXs_vlxeu_67", n = "_sizeSm_vlxeu_80", i = "_sizeMd_vlxeu_93", z = "_sizeLg_vlxeu_106", c = "_sizeXl_vlxeu_119", u = "_size2xl_vlxeu_132", x = {
+  root: e,
+  control: s,
+  intentDanger: _,
+  thumb: t,
+  label: l,
   sizeXs: o,
-  sizeSm: t,
-  sizeMd: j,
+  sizeSm: n,
+  sizeMd: i,
   sizeLg: z,
-  sizeXl: l,
-  size2xl: c
+  sizeXl: c,
+  size2xl: u
 };
 export {
-  _ as control,
-  n as default,
-  e as label,
-  s as root,
-  c as size2xl,
+  s as control,
+  x as default,
+  _ as intentDanger,
+  l as label,
+  e as root,
+  u as size2xl,
   z as sizeLg,
-  j as sizeMd,
-  t as sizeSm,
-  l as sizeXl,
+  i as sizeMd,
+  n as sizeSm,
+  c as sizeXl,
   o as sizeXs,
-  i as thumb
+  t as thumb
 };

package/dist/Tabs/Tabs.module.css.js

@@ -1,13 +1,13 @@
-const t = "_list_8s02m_1", s = "_trigger_8s02m_7", n = "_indicator_8s02m_38", i = "_content_8s02m_58", o = {
+const t = "_list_fl0ml_1", n = "_trigger_fl0ml_7", l = "_indicator_fl0ml_39", i = "_content_fl0ml_59", o = {
   list: t,
-  trigger: s,
-  indicator: n,
+  trigger: n,
+  indicator: l,
   content: i
 };
 export {
   i as content,
   o as default,
-  n as indicator,
+  l as indicator,
   t as list,
-  s as trigger
+  n as trigger
 };

package/dist/Tag/Tag.js

@@ -1,56 +1,64 @@
-import { spread as m, mergeProps as c, insert as r, memo as p, createComponent as u, template as d } from "solid-js/web";
-import { splitProps as f, mergeProps as g } from "solid-js";
-import { CloseButton as z } from "../CloseButton/CloseButton.js";
-import { bem as v } from "../utils/bem.js";
-import { cn as P } from "../utils/cn.js";
+import { spread as m, mergeProps as p, insert as o, memo as f, createComponent as d, template as g } from "solid-js/web";
+import { splitProps as z, mergeProps as b, createMemo as P } from "solid-js";
+import { CloseButton as v } from "../CloseButton/CloseButton.js";
+import { bem as x } from "../utils/bem.js";
+import { cn as C } from "../utils/cn.js";
 import e from "./Tag.module.css.js";
-var b = /* @__PURE__ */ d("<span>");
-const x = {
+var _ = /* @__PURE__ */ g("<span>");
+const $ = {
   solid: e.solid,
+  surface: e.surface,
+  subtle: e.subtle,
   outline: e.outline
-}, C = {
-  default: e.intentDefault,
+}, M = {
+  neutral: e.intentNeutral,
+  accent: e.intentAccent,
   success: e.intentSuccess,
   warning: e.intentWarning,
-  danger: e.intentDanger,
-  info: e.intentInfo
-}, _ = {
+  danger: e.intentDanger
+}, S = {
+  default: "neutral",
+  info: "accent"
+}, h = {
   xs: e.sizeXs,
   sm: e.sizeSm,
   md: e.sizeMd,
   lg: e.sizeLg,
   xl: e.sizeXl,
   "2xl": e.size2xl
-}, $ = {
-  variant: "solid",
+}, k = {
+  variant: "subtle",
   intent: "default",
   size: "sm",
   closable: !1
 };
-function X(o) {
-  const [t, i] = f(g($, o), ["variant", "intent", "size", "closable", "onClose", "class", "children"]);
+function X(i) {
+  const [t, l] = z(b(k, i), ["variant", "intent", "size", "closable", "onClose", "class", "children"]), s = (n) => typeof n == "function" ? n() : n, c = P(() => {
+    const n = s(t.variant), r = S[s(t.intent)] || s(t.intent);
+    return C(x("balik-tag", n, r, s(t.size)), e.base, $[n], M[r], h[s(t.size)], t.class);
+  });
   return (() => {
-    var s = b();
-    return m(s, c(i, {
+    var n = _();
+    return m(n, p(l, {
       "data-part": "root",
       get class() {
-        return P(v("balik-tag", t.variant, t.intent, t.size), e.base, x[t.variant], C[t.intent], _[t.size], t.class);
+        return c();
       }
-    }), !1, !0), r(s, () => t.children, null), r(s, (() => {
-      var a = p(() => !!t.closable);
-      return () => a() && u(z, {
+    }), !1, !0), o(n, () => t.children, null), o(n, (() => {
+      var r = f(() => !!t.closable);
+      return () => r() && d(v, {
         size: "xs",
         rounded: !0,
         get class() {
           return e.close;
         },
         "data-part": "close",
-        onClick: (l) => {
-          var n;
-          l.stopPropagation(), (n = t.onClose) == null || n.call(t);
+        onClick: (u) => {
+          var a;
+          u.stopPropagation(), (a = t.onClose) == null || a.call(t);
         }
       });
-    })(), null), s;
+    })(), null), n;
   })();
 }
 export {

package/dist/Tag/Tag.module.css.js

@@ -1,35 +1,39 @@
-const n = "_base_18cwb_1", s = "_solid_18cwb_19", t = "_outline_18cwb_25", e = "_intentDefault_18cwb_31", _ = "_intentSuccess_18cwb_37", i = "_intentWarning_18cwb_43", c = "_intentDanger_18cwb_49", o = "_intentInfo_18cwb_55", l = "_close_18cwb_61", b = "_sizeXs_18cwb_94", z = "_sizeSm_18cwb_101", w = "_sizeMd_18cwb_108", a = "_sizeLg_18cwb_115", u = "_sizeXl_18cwb_122", g = "_size2xl_18cwb_129", d = {
-  base: n,
-  solid: s,
-  outline: t,
-  intentDefault: e,
-  intentSuccess: _,
-  intentWarning: i,
-  intentDanger: c,
-  intentInfo: o,
-  close: l,
-  sizeXs: b,
-  sizeSm: z,
-  sizeMd: w,
-  sizeLg: a,
-  sizeXl: u,
-  size2xl: g
+const e = "_base_1lez1_1", n = "_solid_1lez1_30", s = "_surface_1lez1_35", t = "_subtle_1lez1_41", _ = "_outline_1lez1_46", i = "_intentNeutral_1lez1_53", l = "_intentAccent_1lez1_65", c = "_intentSuccess_1lez1_77", z = "_intentWarning_1lez1_89", o = "_intentDanger_1lez1_101", a = "_close_1lez1_115", u = "_sizeXs_1lez1_140", r = "_sizeSm_1lez1_147", g = "_sizeMd_1lez1_154", d = "_sizeLg_1lez1_161", b = "_sizeXl_1lez1_168", S = "_size2xl_1lez1_175", X = {
+  base: e,
+  solid: n,
+  surface: s,
+  subtle: t,
+  outline: _,
+  intentNeutral: i,
+  intentAccent: l,
+  intentSuccess: c,
+  intentWarning: z,
+  intentDanger: o,
+  close: a,
+  sizeXs: u,
+  sizeSm: r,
+  sizeMd: g,
+  sizeLg: d,
+  sizeXl: b,
+  size2xl: S
 };
 export {
-  n as base,
-  l as close,
-  d as default,
-  c as intentDanger,
-  e as intentDefault,
-  o as intentInfo,
-  _ as intentSuccess,
-  i as intentWarning,
-  t as outline,
-  g as size2xl,
-  a as sizeLg,
-  w as sizeMd,
-  z as sizeSm,
-  u as sizeXl,
-  b as sizeXs,
-  s as solid
+  e as base,
+  a as close,
+  X as default,
+  l as intentAccent,
+  o as intentDanger,
+  i as intentNeutral,
+  c as intentSuccess,
+  z as intentWarning,
+  _ as outline,
+  S as size2xl,
+  d as sizeLg,
+  g as sizeMd,
+  r as sizeSm,
+  b as sizeXl,
+  u as sizeXs,
+  n as solid,
+  t as subtle,
+  s as surface
 };