@balikjs/mobile 0.1.10 → 0.1.12

package/dist/Select/Select.js

@@ -1,12 +1,12 @@
-import { insert as u, createComponent as l, mergeProps as b, effect as c, className as d, template as f, memo as S, setAttribute as $, delegateEvents as C } from "solid-js/web";
-import { splitProps as x, mergeProps as _, createSignal as w, createEffect as O, createMemo as I, For as L } from "solid-js";
-import { Select as n, useSelectContext as T } from "@ark-ui/solid";
-import { ChevronDown as k } from "lucide-solid";
-import { BottomSheet as y } from "../BottomSheet/BottomSheet.js";
+import { insert as f, createComponent as i, mergeProps as b, effect as d, className as g, template as p, memo as z, setAttribute as $, delegateEvents as C } from "solid-js/web";
+import { splitProps as x, mergeProps as _, createSignal as w, createEffect as O, createMemo as y, For as I } from "solid-js";
+import { Select as s, useSelectContext as L } from "@ark-ui/solid";
+import { ChevronDown as T } from "lucide-solid";
+import { BottomSheet as k } from "../BottomSheet/BottomSheet.js";
 import { bem as E } from "../utils/bem.js";
 import { cn as A } from "../utils/cn.js";
 import t from "./Select.module.css.js";
-var z = /* @__PURE__ */ f("<div>"), B = /* @__PURE__ */ f("<div><input>"), D = /* @__PURE__ */ f("<span>");
+var P = /* @__PURE__ */ p("<div>"), B = /* @__PURE__ */ p("<div><input>"), D = /* @__PURE__ */ p("<span>");
 const F = {
   xs: t.triggerSizeXs,
   sm: t.triggerSizeSm,
@@ -14,18 +14,18 @@ const F = {
   lg: t.triggerSizeLg,
   xl: t.triggerSizeXl
 };
-function M(g) {
-  const e = T(), m = () => e().open, [s, a] = w("");
+function M(m) {
+  const e = L(), u = () => e().open, [a, l] = w("");
   O(() => {
-    e().open || a("");
+    e().open || l("");
   });
-  const P = I(() => {
-    const r = s().toLowerCase();
-    return r ? e().collection.items.filter((i) => i.label.toLowerCase().includes(r)) : e().collection.items;
+  const c = y(() => {
+    const r = a().toLowerCase();
+    return r ? e().collection.items.filter((n) => n.label.toLowerCase().includes(r)) : e().collection.items;
   });
-  return l(y, {
+  return i(k, {
     get open() {
-      return m();
+      return u();
     },
     get class() {
       return t.sheet;
@@ -34,36 +34,36 @@ function M(g) {
       r.open || e().setOpen(!1);
     },
     get children() {
-      return [S(() => S(() => !!g.filter)() && (() => {
-        var r = B(), i = r.firstChild;
-        return i.$$input = (o) => a(o.target.value), c((o) => {
-          var p = t.filterWrapper, h = t.filterInput, v = g.filterPlaceholder || "Search...";
-          return p !== o.e && d(r, o.e = p), h !== o.t && d(i, o.t = h), v !== o.a && $(i, "placeholder", o.a = v), o;
+      return [z(() => z(() => !!m.filter)() && (() => {
+        var r = B(), n = r.firstChild;
+        return n.$$input = (o) => l(o.target.value), d((o) => {
+          var h = t.filterWrapper, v = t.filterInput, S = m.filterPlaceholder || "Search...";
+          return h !== o.e && g(r, o.e = h), v !== o.t && g(n, o.t = v), S !== o.a && $(n, "placeholder", o.a = S), o;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        }), c(() => i.value = s()), r;
+        }), d(() => n.value = a()), r;
       })()), (() => {
-        var r = z();
-        return u(r, l(L, {
+        var r = P();
+        return f(r, i(I, {
           get each() {
-            return P();
+            return c();
           },
-          children: (i) => l(n.Item, {
-            item: i,
+          children: (n) => i(s.Item, {
+            item: n,
             get class() {
               return t.item;
             },
             get children() {
-              return l(n.ItemText, {
+              return i(s.ItemText, {
                 get children() {
-                  return i.label;
+                  return n.label;
                 }
               });
             }
           })
-        })), c(() => d(r, t.list)), r;
+        })), d(() => g(r, t.list)), r;
       })()];
     }
   });
@@ -71,51 +71,52 @@ function M(g) {
 const R = {
   size: "md",
   disabled: !1,
+  invalid: !1,
   filter: !1
 };
-function V(g) {
-  const [e, m] = x(_(R, g), ["size", "class", "collection", "placeholder", "disabled", "filter", "filterPlaceholder", "defaultValue"]);
+function V(m) {
+  const [e, u] = x(_(R, m), ["size", "class", "collection", "placeholder", "disabled", "invalid", "filter", "filterPlaceholder", "defaultValue"]), a = (l) => typeof l == "function" ? l() : l;
   return (() => {
-    var s = z();
-    return u(s, l(n.Root, b({
+    var l = P();
+    return f(l, i(s.Root, b({
       get collection() {
         return e.collection;
       },
       get disabled() {
-        return e.disabled;
+        return a(e.disabled);
       }
-    }, m, {
+    }, u, {
       get children() {
-        return [l(n.Trigger, {
+        return [i(s.Trigger, {
           get class() {
-            return A(E("balik-select", e.size), t.triggerBase, F[e.size], e.class);
+            return A(E("balik-select", a(e.size)), t.triggerBase, F[a(e.size)], a(e.invalid) && t.invalid, e.class);
           },
           get children() {
-            return [l(n.ValueText, {
+            return [i(s.ValueText, {
               get placeholder() {
                 return e.placeholder;
               }
             }), (() => {
-              var a = D();
-              return u(a, l(k, {
+              var c = D();
+              return f(c, i(T, {
                 size: "1em",
                 "aria-hidden": "true"
-              })), c(() => d(a, t.indicator)), a;
+              })), d(() => g(c, t.indicator)), c;
             })()];
           }
-        }), l(M, {
+        }), i(M, {
           get filter() {
             return e.filter;
           },
           get filterPlaceholder() {
             return e.filterPlaceholder;
           }
-        }), l(n.HiddenSelect, {})];
+        }), i(s.HiddenSelect, {})];
       }
-    }))), c(() => d(s, t.root)), s;
+    }))), d(() => g(l, t.root)), l;
   })();
 }
-V.Original = n;
+V.Original = s;
 C(["input"]);
 export {
   V as Select

package/dist/Select/Select.module.css.js

@@ -1,27 +1,29 @@
-const r = "_root_vfnuu_1", t = "_triggerBase_vfnuu_5", e = "_indicator_vfnuu_46", i = "_triggerSizeXs_vfnuu_50", g = "_triggerSizeSm_vfnuu_58", _ = "_triggerSizeMd_vfnuu_66", n = "_triggerSizeLg_vfnuu_74", s = "_triggerSizeXl_vfnuu_82", u = "_filterWrapper_vfnuu_98", o = "_filterInput_vfnuu_103", f = "_list_vfnuu_125", S = "_sheet_vfnuu_132", c = {
-  root: r,
-  triggerBase: t,
-  indicator: e,
+const t = "_root_mbbl7_1", r = "_triggerBase_mbbl7_5", e = "_invalid_mbbl7_44", i = "_triggerSizeXs_mbbl7_52", g = "_triggerSizeSm_mbbl7_60", _ = "_triggerSizeMd_mbbl7_68", l = "_triggerSizeLg_mbbl7_76", s = "_triggerSizeXl_mbbl7_84", b = "_indicator_mbbl7_92", o = "_filterWrapper_mbbl7_100", n = "_filterInput_mbbl7_105", S = "_list_mbbl7_127", c = "_sheet_mbbl7_135", m = {
+  root: t,
+  triggerBase: r,
+  invalid: e,
   triggerSizeXs: i,
   triggerSizeSm: g,
   triggerSizeMd: _,
-  triggerSizeLg: n,
+  triggerSizeLg: l,
   triggerSizeXl: s,
-  filterWrapper: u,
-  filterInput: o,
-  list: f,
-  sheet: S
+  indicator: b,
+  filterWrapper: o,
+  filterInput: n,
+  list: S,
+  sheet: c
 };
 export {
-  c as default,
-  o as filterInput,
-  u as filterWrapper,
-  e as indicator,
-  f as list,
-  r as root,
-  S as sheet,
-  t as triggerBase,
-  n as triggerSizeLg,
+  m as default,
+  n as filterInput,
+  o as filterWrapper,
+  b as indicator,
+  e as invalid,
+  S as list,
+  t as root,
+  c as sheet,
+  r as triggerBase,
+  l as triggerSizeLg,
   _ as triggerSizeMd,
   g as triggerSizeSm,
   s as triggerSizeXl,

package/dist/SelectPc/Select.js

@@ -1,43 +1,49 @@
-import { createComponent as r, mergeProps as O, insert as x, effect as a, className as s, Portal as y, memo as v, setAttribute as $, template as S, delegateEvents as w } from "solid-js/web";
-import { mergeProps as I, splitProps as L, createSignal as T, createMemo as V, For as _ } from "solid-js";
-import { Select as n } from "@ark-ui/solid";
+import { createComponent as n, mergeProps as O, insert as y, effect as s, className as c, Portal as x, memo as S, setAttribute as $, template as z, delegateEvents as w } from "solid-js/web";
+import { mergeProps as A, splitProps as L, createSignal as T, createMemo as V, For as _ } from "solid-js";
+import { Select as i } from "@ark-ui/solid";
 import { ChevronDown as k } from "lucide-solid";
 import { bem as E } from "../utils/bem.js";
 import { cn as M } from "../utils/cn.js";
 import t from "./SelectPc.module.css.js";
-var R = /* @__PURE__ */ S("<span>"), A = /* @__PURE__ */ S("<div><input>");
-const B = {
+var R = /* @__PURE__ */ z("<span>"), B = /* @__PURE__ */ z("<div><input>");
+const D = {
   outline: t.triggerVariantOutline
-}, D = {
+}, F = {
   xs: t.triggerSizeXs,
   sm: t.triggerSizeSm,
   md: t.triggerSizeMd,
   lg: t.triggerSizeLg,
   xl: t.triggerSizeXl
-}, F = {
+}, N = {
+  default: t.triggerIntentAccent,
+  neutral: t.triggerIntentNeutral,
+  accent: t.triggerIntentAccent
+}, W = {
   variant: "outline",
   size: "md",
   disabled: !1,
+  invalid: !1,
+  intent: "default",
   filter: !1
 };
-function W(z) {
-  const c = I(F, z), g = c.onOpenChange, [i, b] = L(c, ["variant", "size", "class", "collection", "placeholder", "disabled", "filter", "filterPlaceholder", "defaultValue"]), [u, d] = T(""), m = () => {
+function X(b) {
+  const g = A(W, b), u = g.onOpenChange, [r, P] = L(g, ["variant", "size", "class", "collection", "placeholder", "disabled", "invalid", "intent", "filter", "filterPlaceholder", "defaultValue"]), [d, m] = T(""), o = (e) => typeof e == "function" ? e() : e, f = () => {
     var e;
-    return ((e = i.collection) == null ? void 0 : e.items) ?? [];
-  }, P = V(() => {
-    const e = u().toLowerCase();
-    return e ? m().filter((o) => o.label.toLowerCase().includes(e)) : m();
-  }), C = `var(--b-radius-l2-${i.size})`;
-  return r(n.Root, O({
+    return ((e = r.collection) == null ? void 0 : e.items) ?? [];
+  }, C = V(() => {
+    const e = d().toLowerCase();
+    return e ? f().filter((a) => a.label.toLowerCase().includes(e)) : f();
+  }), I = `var(--b-radius-l2-${r.size})`;
+  return n(i.Root, O({
     get class() {
       return t.root;
     }
-  }, b, {
+  }, P, {
     get collection() {
-      return i.collection;
+      return r.collection;
     },
     get disabled() {
-      return i.disabled;
+      return o(r.disabled);
     },
     closeOnSelect: !0,
     lazyMount: !0,
@@ -46,65 +52,65 @@ function W(z) {
       sameWidth: !0
     },
     onOpenChange: (e) => {
-      e.open || d(""), typeof g == "function" && g(e);
+      e.open || m(""), typeof u == "function" && u(e);
     },
     get children() {
-      return [r(n.Control, {
+      return [n(i.Control, {
         get children() {
-          return r(n.Trigger, {
+          return n(i.Trigger, {
             get class() {
-              return M(E("balik-select", i.variant, i.size), t.triggerBase, B[i.variant], D[i.size], i.class);
+              return M(E("balik-select", o(r.variant), o(r.intent), o(r.size)), t.triggerBase, D[o(r.variant)], F[o(r.size)], N[o(r.intent)], o(r.invalid) && t.invalid, r.class);
             },
             get children() {
-              return [r(n.ValueText, {
+              return [n(i.ValueText, {
                 get placeholder() {
-                  return i.placeholder;
+                  return r.placeholder;
                 }
               }), (() => {
                 var e = R();
-                return x(e, r(k, {
+                return y(e, n(k, {
                   size: "1em",
                   "aria-hidden": "true"
-                })), a(() => s(e, t.indicator)), e;
+                })), s(() => c(e, t.indicator)), e;
               })()];
             }
           });
         }
-      }), r(y, {
+      }), n(x, {
         get children() {
-          return r(n.Positioner, {
+          return n(i.Positioner, {
             get children() {
-              return r(n.Content, {
+              return n(i.Content, {
                 get class() {
                   return t.content;
                 },
                 style: {
-                  "--_border-radius": C
+                  "--_border-radius": I
                 },
                 get children() {
-                  return [v(() => v(() => !!i.filter)() && (() => {
-                    var e = A(), o = e.firstChild;
-                    return o.$$input = (l) => d(l.target.value), a((l) => {
-                      var p = t.filterWrapper, f = t.filterInput, h = i.filterPlaceholder || "Search...";
-                      return p !== l.e && s(e, l.e = p), f !== l.t && s(o, l.t = f), h !== l.a && $(o, "placeholder", l.a = h), l;
+                  return [S(() => S(() => !!r.filter)() && (() => {
+                    var e = B(), a = e.firstChild;
+                    return a.$$input = (l) => m(l.target.value), s((l) => {
+                      var p = t.filterWrapper, h = t.filterInput, v = r.filterPlaceholder || "Search...";
+                      return p !== l.e && c(e, l.e = p), h !== l.t && c(a, l.t = h), v !== l.a && $(a, "placeholder", l.a = v), l;
                     }, {
                       e: void 0,
                       t: void 0,
                       a: void 0
-                    }), a(() => o.value = u()), e;
-                  })()), r(n.ItemGroup, {
+                    }), s(() => a.value = d()), e;
+                  })()), n(i.ItemGroup, {
                     get children() {
-                      return r(_, {
+                      return n(_, {
                         get each() {
-                          return P();
+                          return C();
                         },
-                        children: (e) => r(n.Item, {
+                        children: (e) => n(i.Item, {
                           item: e,
                           get class() {
                             return t.item;
                           },
                           get children() {
-                            return r(n.ItemText, {
+                            return n(i.ItemText, {
                               get children() {
                                 return e.label;
                               }
@@ -119,12 +125,12 @@ function W(z) {
             }
           });
         }
-      }), r(n.HiddenSelect, {})];
+      }), n(i.HiddenSelect, {})];
     }
   }));
 }
-W.Original = n;
+X.Original = i;
 w(["input"]);
 export {
-  W as SelectPc
+  X as SelectPc
 };

package/dist/SelectPc/SelectPc.module.css.js

@@ -1,31 +1,37 @@
-const r = "_root_xp6lr_1", t = "_triggerBase_xp6lr_5", e = "_indicator_xp6lr_39", i = "_triggerVariantOutline_xp6lr_43", g = "_triggerSizeXs_xp6lr_53", _ = "_triggerSizeSm_xp6lr_61", n = "_triggerSizeMd_xp6lr_69", l = "_triggerSizeLg_xp6lr_77", o = "_triggerSizeXl_xp6lr_85", p = "_content_xp6lr_105", s = "_filterWrapper_xp6lr_118", c = "_filterInput_xp6lr_123", S = "_item_xp6lr_145", a = {
-  root: r,
-  triggerBase: t,
-  indicator: e,
-  triggerVariantOutline: i,
-  triggerSizeXs: g,
-  triggerSizeSm: _,
-  triggerSizeMd: n,
-  triggerSizeLg: l,
-  triggerSizeXl: o,
-  content: p,
-  filterWrapper: s,
-  filterInput: c,
-  item: S
+const t = "_root_yg1wm_1", r = "_triggerBase_yg1wm_5", e = "_invalid_yg1wm_37", g = "_triggerVariantOutline_yg1wm_45", i = "_triggerIntentNeutral_yg1wm_50", n = "_triggerIntentAccent_yg1wm_54", _ = "_triggerSizeXs_yg1wm_63", o = "_triggerSizeSm_yg1wm_71", c = "_triggerSizeMd_yg1wm_79", s = "_triggerSizeLg_yg1wm_87", a = "_triggerSizeXl_yg1wm_95", m = "_indicator_yg1wm_103", l = "_content_yg1wm_115", S = "_filterWrapper_yg1wm_128", y = "_filterInput_yg1wm_133", w = "_item_yg1wm_155", z = {
+  root: t,
+  triggerBase: r,
+  invalid: e,
+  triggerVariantOutline: g,
+  triggerIntentNeutral: i,
+  triggerIntentAccent: n,
+  triggerSizeXs: _,
+  triggerSizeSm: o,
+  triggerSizeMd: c,
+  triggerSizeLg: s,
+  triggerSizeXl: a,
+  indicator: m,
+  content: l,
+  filterWrapper: S,
+  filterInput: y,
+  item: w
 };
 export {
-  p as content,
-  a as default,
-  c as filterInput,
-  s as filterWrapper,
-  e as indicator,
-  S as item,
-  r as root,
-  t as triggerBase,
-  l as triggerSizeLg,
-  n as triggerSizeMd,
-  _ as triggerSizeSm,
-  o as triggerSizeXl,
-  g as triggerSizeXs,
-  i as triggerVariantOutline
+  l as content,
+  z as default,
+  y as filterInput,
+  S as filterWrapper,
+  m as indicator,
+  e as invalid,
+  w as item,
+  t as root,
+  r as triggerBase,
+  n as triggerIntentAccent,
+  i as triggerIntentNeutral,
+  s as triggerSizeLg,
+  c as triggerSizeMd,
+  o as triggerSizeSm,
+  a as triggerSizeXl,
+  _ as triggerSizeXs,
+  g as triggerVariantOutline
 };

package/dist/SignaturePad/SignaturePad.js

@@ -0,0 +1,116 @@
+import { createComponent as l, mergeProps as s, memo as u } from "solid-js/web";
+import { splitProps as c, mergeProps as g } from "solid-js";
+import { SignaturePad as r } from "@ark-ui/solid";
+import { bem as d } from "../utils/bem.js";
+import { cn as i } from "../utils/cn.js";
+import a from "./SignaturePad.module.css.js";
+const m = {
+  label: "Signature",
+  height: 160,
+  clearLabel: "Clear"
+};
+function o(t) {
+  const [e, n] = c(g(m, t), ["label", "height", "clearLabel", "class", "children"]);
+  return l(r.Root, s(n, {
+    get style() {
+      return {
+        "--_sp-height": `${e.height}px`
+      };
+    },
+    get class() {
+      return i(d(), a.root, e.class);
+    },
+    get children() {
+      return [l(r.Label, {
+        get class() {
+          return a.label;
+        },
+        get children() {
+          return e.label;
+        }
+      }), l(r.Control, {
+        get class() {
+          return a.control;
+        },
+        get children() {
+          return [l(r.Segment, {}), l(r.Guide, {
+            get class() {
+              return a.guide;
+            }
+          })];
+        }
+      }), u(() => e.children ?? l(r.ClearTrigger, {
+        get class() {
+          return a.clear;
+        },
+        get children() {
+          return e.clearLabel;
+        }
+      })), l(r.HiddenInput, {})];
+    }
+  }));
+}
+o.Original = r;
+function p(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.Label, s(n, {
+    get class() {
+      return i(a.label, e.class);
+    }
+  }));
+}
+function P(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.Control, s(n, {
+    get class() {
+      return i(a.control, e.class);
+    }
+  }));
+}
+function S(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.Segment, s(n, {
+    get class() {
+      return e.class;
+    }
+  }));
+}
+function h(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.Guide, s(n, {
+    get class() {
+      return i(a.guide, e.class);
+    }
+  }));
+}
+function b(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.ClearTrigger, s(n, {
+    get class() {
+      return i(a.clear, e.class);
+    }
+  }));
+}
+function f(t) {
+  const [e, n] = c(t, ["class"]);
+  return l(r.HiddenInput, s(n, {
+    get class() {
+      return e.class;
+    }
+  }));
+}
+o.Label = p;
+o.Control = P;
+o.Segment = S;
+o.Guide = h;
+o.ClearTrigger = b;
+o.HiddenInput = f;
+export {
+  o as SignaturePad,
+  b as SignaturePadClearTrigger,
+  P as SignaturePadControl,
+  h as SignaturePadGuide,
+  f as SignaturePadHiddenInput,
+  p as SignaturePadLabel,
+  S as SignaturePadSegment
+};

package/dist/SignaturePad/SignaturePad.module.css.js

@@ -0,0 +1,15 @@
+const o = "_root_m5u1s_1", t = "_label_m5u1s_8", _ = "_control_m5u1s_14", l = "_guide_m5u1s_27", s = "_clear_m5u1s_36", c = {
+  root: o,
+  label: t,
+  control: _,
+  guide: l,
+  clear: s
+};
+export {
+  s as clear,
+  _ as control,
+  c as default,
+  l as guide,
+  t as label,
+  o as root
+};

package/dist/Slider/Slider.module.css.js

@@ -1,19 +1,19 @@
-const t = "_root_gmqs2_1", o = "_label_gmqs2_9", _ = "_control_gmqs2_15", s = "_track_gmqs2_23", c = "_range_gmqs2_31", n = "_thumb_gmqs2_38", r = "_indicator_gmqs2_54", a = {
+const t = "_root_1x3uw_1", o = "_label_1x3uw_9", _ = "_control_1x3uw_15", c = "_track_1x3uw_23", n = "_range_1x3uw_31", r = "_thumb_1x3uw_38", a = "_indicator_1x3uw_54", l = {
   root: t,
   label: o,
   control: _,
-  track: s,
-  range: c,
-  thumb: n,
-  indicator: r
+  track: c,
+  range: n,
+  thumb: r,
+  indicator: a
 };
 export {
   _ as control,
-  a as default,
-  r as indicator,
+  l as default,
+  a as indicator,
   o as label,
-  c as range,
+  n as range,
   t as root,
-  n as thumb,
-  s as track
+  r as thumb,
+  c as track
 };

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