@balikjs/mobile 0.1.5 → 0.1.7

package/dist/Picker/Picker.js

@@ -0,0 +1,75 @@
+import { createComponent as h, insert as l, effect as g, className as c, template as b, delegateEvents as $ } from "solid-js/web";
+import { splitProps as k, mergeProps as P, createSignal as y, createEffect as O } from "solid-js";
+import { BottomSheet as S } from "../BottomSheet/BottomSheet.js";
+import { PickerView as V } from "../PickerView/PickerView.js";
+import { bem as _ } from "../utils/bem.js";
+import { cn as x } from "../utils/cn.js";
+import o from "./Picker.module.css.js";
+var B = /* @__PURE__ */ b("<div data-part=header><button type=button data-part=cancel></button><span data-part=title></span><button type=button data-part=confirm>"), E = /* @__PURE__ */ b("<div data-part=picker-body>");
+const D = {
+  cancelLabel: "Cancel",
+  confirmLabel: "Confirm"
+};
+function j(C) {
+  const [e] = k(P(D, C), ["open", "onOpenChange", "columns", "value", "onValueChange", "onConfirm", "onCancel", "title", "cancelLabel", "confirmLabel", "class", "children"]), [m, s] = y([]);
+  O(() => {
+    e.open && s(e.value ? [...e.value] : e.columns.map((t) => {
+      var n;
+      return (n = t.items[0]) == null ? void 0 : n.value;
+    }));
+  });
+  const u = () => {
+    var t, n;
+    (t = e.onCancel) == null || t.call(e), (n = e.onOpenChange) == null || n.call(e, {
+      open: !1
+    });
+  }, L = () => {
+    var t, n;
+    (t = e.onConfirm) == null || t.call(e, m()), (n = e.onOpenChange) == null || n.call(e, {
+      open: !1
+    });
+  };
+  return h(S, {
+    get open() {
+      return e.open;
+    },
+    get class() {
+      return x(_(), o.sheet, e.class);
+    },
+    onOpenChange: (t) => {
+      t.open || u();
+    },
+    get children() {
+      return [(() => {
+        var t = B(), n = t.firstChild, i = n.nextSibling, a = i.nextSibling;
+        return n.$$click = u, l(n, () => e.cancelLabel), l(i, () => e.title), a.$$click = L, l(a, () => e.confirmLabel), g((r) => {
+          var p = o.header, f = o.headerButton, d = o.headerTitle, v = o.headerButton;
+          return p !== r.e && c(t, r.e = p), f !== r.t && c(n, r.t = f), d !== r.a && c(i, r.a = d), v !== r.o && c(a, r.o = v), r;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        }), t;
+      })(), (() => {
+        var t = E();
+        return l(t, h(V, {
+          get columns() {
+            return e.columns;
+          },
+          get value() {
+            return m();
+          },
+          onValueChange: (n, i) => {
+            var a;
+            s(n), (a = e.onValueChange) == null || a.call(e, n, i);
+          }
+        }), null), l(t, () => e.children, null), g(() => c(t, o.body)), t;
+      })()];
+    }
+  });
+}
+$(["click"]);
+export {
+  j as Picker
+};

package/dist/Picker/Picker.module.css.js

@@ -0,0 +1,15 @@
+const e = "_sheet_1rmda_1", t = "_header_1rmda_7", d = "_headerTitle_1rmda_17", a = "_headerButton_1rmda_33", r = "_body_1rmda_44", _ = {
+  sheet: e,
+  header: t,
+  headerTitle: d,
+  headerButton: a,
+  body: r
+};
+export {
+  r as body,
+  _ as default,
+  t as header,
+  a as headerButton,
+  d as headerTitle,
+  e as sheet
+};

package/dist/PickerView/PickerView.js

@@ -0,0 +1,89 @@
+import { insert as v, createComponent as s, effect as f, className as d, template as h, use as P, setStyleProperty as E, style as _, delegateEvents as I } from "solid-js/web";
+import { splitProps as M, For as b, onMount as S, onCleanup as V, createEffect as p, createMemo as D } from "solid-js";
+import { bem as H } from "../utils/bem.js";
+import { cn as w } from "../utils/cn.js";
+import { ITEM_HEIGHT as L, createWheel as T } from "./wheel.js";
+import c from "./PickerView.module.css.js";
+var k = /* @__PURE__ */ h("<div data-part=column><div data-part=column-viewport><div data-part=highlight-bar></div><div data-part=column-list>"), B = /* @__PURE__ */ h("<div data-part=item>"), F = /* @__PURE__ */ h("<div data-part=columns>");
+function G(n) {
+  let r;
+  const a = T({
+    onSettle: (t) => {
+      const i = n.items[t];
+      i !== void 0 && n.onChange(i.value);
+    }
+  });
+  S(() => a.mount(r)), V(() => a.destroy()), p(() => {
+    const t = n.items;
+    a.configure({
+      count: t.length,
+      circular: !!n.circular,
+      disabled: (l) => {
+        var o;
+        return !!((o = t[l]) != null && o.disabled);
+      }
+    });
+    const i = t.findIndex((l) => l.value === n.value);
+    i >= 0 && a.setIndex(i);
+  });
+  const u = D(() => n.circular ? [...n.items, ...n.items, ...n.items] : n.items);
+  return (() => {
+    var t = k(), i = t.firstChild, l = i.firstChild, o = l.nextSibling;
+    o.addEventListener("pointercancel", () => a.onPointerCancel()), o.$$pointerup = (e) => a.onPointerUp(e), o.$$pointermove = (e) => a.onPointerMove(e), o.$$pointerdown = (e) => a.onPointerDown(e);
+    var g = r;
+    return typeof g == "function" ? P(g, o) : r = o, v(o, s(b, {
+      get each() {
+        return u();
+      },
+      children: (e) => (() => {
+        var m = B();
+        return E(m, "height", `${L}px`), v(m, () => e.label), f(() => d(m, w(c.item, e.value === n.value && c.itemSelected, e.disabled && c.itemDisabled))), m;
+      })()
+    })), f((e) => {
+      var m = c.column, y = n.flex !== void 0 ? {
+        flex: n.flex
+      } : void 0, C = c.columnViewport, $ = c.highlightBar, x = c.columnList;
+      return m !== e.e && d(t, e.e = m), e.t = _(t, y, e.t), C !== e.a && d(i, e.a = C), $ !== e.o && d(l, e.o = $), x !== e.i && d(o, e.i = x), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), t;
+  })();
+}
+function A(n) {
+  const [r] = M(n, ["columns", "value", "onValueChange", "class"]), a = (u, t) => {
+    var l;
+    const i = [...r.value];
+    i[u] = t, (l = r.onValueChange) == null || l.call(r, i, u);
+  };
+  return (() => {
+    var u = F();
+    return v(u, s(b, {
+      get each() {
+        return r.columns;
+      },
+      children: (t, i) => s(G, {
+        get items() {
+          return t.items;
+        },
+        get circular() {
+          return t.circular;
+        },
+        get flex() {
+          return t.flex;
+        },
+        get value() {
+          return r.value[i()];
+        },
+        onChange: (l) => a(i(), l)
+      })
+    })), f(() => d(u, w(H(), c.columns, r.class))), u;
+  })();
+}
+I(["pointerdown", "pointermove", "pointerup"]);
+export {
+  A as PickerView
+};

package/dist/PickerView/PickerView.module.css.js

@@ -0,0 +1,21 @@
+const t = "_columns_6ehtv_1", e = "_column_6ehtv_1", o = "_columnViewport_6ehtv_12", c = "_columnList_6ehtv_40", i = "_highlightBar_6ehtv_44", _ = "_item_6ehtv_58", l = "_itemSelected_6ehtv_67", m = "_itemDisabled_6ehtv_73", n = {
+  columns: t,
+  column: e,
+  columnViewport: o,
+  columnList: c,
+  highlightBar: i,
+  item: _,
+  itemSelected: l,
+  itemDisabled: m
+};
+export {
+  e as column,
+  c as columnList,
+  o as columnViewport,
+  t as columns,
+  n as default,
+  i as highlightBar,
+  _ as item,
+  m as itemDisabled,
+  l as itemSelected
+};

package/dist/PickerView/wheel.js

@@ -0,0 +1,146 @@
+const Y = 40, x = 5, v = 200, y = 80;
+const U = "cubic-bezier(0.23, 1, 0.68, 1)";
+function L({ onSettle: d } = {}) {
+  let a = null, r = 0, T = !1, H = () => !1, i = 80, l = !1, m = null, I = null, s = null;
+  const G = () => r * 40, M = () => 80, _ = () => 80 - Math.max(0, r - 1) * 40;
+  function g(t) {
+    return T ? 80 - (r + t) * 40 : 80 - t * 40;
+  }
+  function F(t) {
+    if (r === 0) return 0;
+    const n = Math.round((80 - t) / 40);
+    return T ? (n % r + r) % r : Math.max(0, Math.min(r - 1, n));
+  }
+  function S(t) {
+    if (!T || r === 0) return t;
+    const n = 80 - r * 40, e = G();
+    return n - ((n - t) % e + e) % e;
+  }
+  function u(t, n) {
+    i = t, a && (a.style.transition = n > 0 ? `transform ${n}ms ${U}` : "none", a.style.transform = `translate3d(0, ${t}px, 0)`);
+  }
+  function P() {
+    if (!a) return i;
+    const t = getComputedStyle(a).transform;
+    if (!t || t === "none") return i;
+    const n = t.match(/matrix.*\((.+)\)/);
+    if (!n) return i;
+    const e = n[1].split(","), o = e.length === 16 ? parseFloat(e[13]) : parseFloat(e[5]);
+    return Number.isFinite(o) ? o : i;
+  }
+  function N() {
+    m && (clearTimeout(m), m = null), I && a && (a.removeEventListener("transitionend", I), I = null);
+  }
+  function D() {
+    N(), l && (l = !1, u(P(), 0));
+  }
+  function h() {
+    const t = F(i);
+    T && u(S(i), 0), d == null || d(t);
+  }
+  function p(t, n) {
+    if (N(), Math.abs(t - i) < 0.5 || n <= 0) {
+      u(t, 0), h();
+      return;
+    }
+    l = !0, u(t, n);
+    const e = () => {
+      N(), l && (l = !1, h());
+    };
+    I = (o) => {
+      o.target === a && o.propertyName === "transform" && e();
+    }, a.addEventListener("transitionend", I), m = setTimeout(e, n + 100);
+  }
+  function C(t, n) {
+    if (r === 0 || !H(t)) return t;
+    const e = n || 1;
+    for (let o = 1; o < r; o++)
+      for (const f of [t + e * o, t - e * o]) {
+        const E = T ? (f % r + r) % r : f;
+        if (!(E < 0 || E >= r) && !H(E))
+          return E;
+      }
+    return t;
+  }
+  function O(t, n) {
+    if (!T) {
+      let c = Math.round((80 - t) / 40);
+      return c = Math.max(0, Math.min(r - 1, c)), c = C(c, n), 80 - c * 40;
+    }
+    let e = Math.round((80 - t) / 40);
+    const o = (e % r + r) % r;
+    let E = C(o, n) - o;
+    return E > r / 2 && (E -= r), E < -r / 2 && (E += r), e += E, 80 - e * 40;
+  }
+  return {
+    mount(t) {
+      a = t, u(i, 0);
+    },
+    /** (Re)configure item count / circularity / disabled lookup. */
+    configure(t) {
+      r = t.count, T = t.circular, H = t.disabled || (() => !1);
+    },
+    /** Jump to an index without animation. No-op while the user interacts. */
+    setIndex(t) {
+      if (s || l || r === 0) return;
+      const n = Math.max(0, Math.min(r - 1, t));
+      u(g(n), 0);
+    },
+    getIndex: () => F(i),
+    isBusy: () => !!s || l,
+    destroy() {
+      N(), l = !1, s = null, a = null;
+    },
+    onPointerDown(t) {
+      var e, o;
+      if (r === 0) return;
+      t.preventDefault(), (o = (e = t.currentTarget).setPointerCapture) == null || o.call(e, t.pointerId), D(), T && u(S(i), 0);
+      const n = performance.now();
+      s = {
+        startY: t.clientY,
+        startOffset: i,
+        sampleY: t.clientY,
+        sampleT: n,
+        moved: !1
+      };
+    },
+    onPointerMove(t) {
+      if (!s) return;
+      const n = t.clientY - s.startY;
+      Math.abs(n) > 8 && (s.moved = !0);
+      let e = s.startOffset + n;
+      T || (e > M() ? e = M() + (e - M()) / 2 : e < _() && (e = _() + (e - _()) / 2)), u(e, 0);
+      const o = performance.now();
+      o - s.sampleT > 300 && (s.sampleT = o, s.sampleY = t.clientY);
+    },
+    onPointerUp(t) {
+      if (!s) return;
+      const n = s;
+      if (s = null, !n.moved) {
+        const c = a == null ? void 0 : a.parentElement;
+        if (c) {
+          const b = c.getBoundingClientRect(), R = Math.floor((t.clientY - b.top) / 40), A = Math.floor(5 / 2), w = i - (R - A) * 40;
+          p(O(w, Math.sign(R - A) || 1), 200);
+        }
+        return;
+      }
+      const e = performance.now() - n.sampleT, o = t.clientY - n.sampleY;
+      let f = i, E = 200;
+      if (e < 300 && Math.abs(o) > 15) {
+        const c = Math.abs(o) / e;
+        f += c / 3e-3 * Math.sign(o), E = 1e3;
+      }
+      T || (f > M() ? f = M() : f < _() && (f = _())), p(O(f, Math.sign(o) ? -Math.sign(o) : 1), E);
+    },
+    onPointerCancel() {
+      s && (s = null, p(O(i, 1), 200));
+    }
+  };
+}
+export {
+  y as CENTER_OFFSET,
+  v as CONTAINER_HEIGHT,
+  Y as ITEM_HEIGHT,
+  x as VISIBLE_ITEMS,
+  L as createWheel
+};

package/dist/PinInput/PinInput.js

@@ -0,0 +1,80 @@
+import { createComponent as r, mergeProps as l } from "solid-js/web";
+import { splitProps as c, mergeProps as u, useContext as m, createContext as d } from "solid-js";
+import { PinInput as o } from "@ark-ui/solid";
+import { bem as g } from "../utils/bem.js";
+import { cn as i } from "../utils/cn.js";
+import s from "./PinInput.module.css.js";
+const a = d({
+  size: "md"
+}), P = {
+  size: "md"
+}, f = {
+  xs: s.sizeXs,
+  sm: s.sizeSm,
+  md: s.sizeMd,
+  lg: s.sizeLg,
+  xl: s.sizeXl
+};
+function z(e) {
+  const [t, n] = c(u(P, e), ["class", "children", "size", "defaultValue"]);
+  return r(a.Provider, {
+    get value() {
+      return {
+        size: t.size
+      };
+    },
+    get children() {
+      return r(o.Root, l(n, {
+        get class() {
+          return i(g(), s.root, t.class);
+        },
+        get children() {
+          return t.children;
+        }
+      }));
+    }
+  });
+}
+function R(e) {
+  const [t, n] = c(e, ["class"]);
+  return r(o.Label, l(n, {
+    get class() {
+      return i(s.label, t.class);
+    }
+  }));
+}
+function v(e) {
+  const [t, n] = c(e, ["class", "children"]);
+  return r(o.Control, l(n, {
+    get class() {
+      return i(s.control, t.class);
+    },
+    get children() {
+      return t.children;
+    }
+  }));
+}
+function H(e) {
+  const t = m(a), [n, p] = c(u({}, e), ["class"]);
+  return r(o.Input, l(p, {
+    get class() {
+      return i(s.input, f[t.size], n.class);
+    }
+  }));
+}
+function O(e) {
+  const [t, n] = c(e, ["class"]);
+  return r(o.HiddenInput, l(n, {
+    get class() {
+      return t.class;
+    }
+  }));
+}
+z.Original = o;
+export {
+  z as PinInput,
+  v as PinInputControl,
+  O as PinInputHiddenInput,
+  H as PinInputInput,
+  R as PinInputLabel
+};

package/dist/PinInput/PinInput.module.css.js

@@ -0,0 +1,23 @@
+const s = "_root_nassu_1", _ = "_label_nassu_7", t = "_control_nassu_13", n = "_input_nassu_18", i = "_sizeXs_nassu_57 _b-sz-primary-xs_1bftp_1", o = "_sizeSm_nassu_63 _b-sz-primary-sm_1bftp_8", e = "_sizeMd_nassu_69 _b-sz-primary-md_1bftp_15", z = "_sizeLg_nassu_75 _b-sz-primary-lg_1bftp_22", a = "_sizeXl_nassu_81 _b-sz-primary-xl_1bftp_29", r = {
+  root: s,
+  label: _,
+  control: t,
+  input: n,
+  sizeXs: i,
+  sizeSm: o,
+  sizeMd: e,
+  sizeLg: z,
+  sizeXl: a
+};
+export {
+  t as control,
+  r as default,
+  n as input,
+  _ as label,
+  s as root,
+  z as sizeLg,
+  e as sizeMd,
+  o as sizeSm,
+  a as sizeXl,
+  i as sizeXs
+};

package/dist/Popover/Popover.js

@@ -0,0 +1,107 @@
+import { createComponent as n, mergeProps as c, Portal as p, memo as d } from "solid-js/web";
+import { splitProps as l, mergeProps as i } from "solid-js";
+import { Popover as o } from "@ark-ui/solid";
+import { bem as g } from "../utils/bem.js";
+import { cn as a } from "../utils/cn.js";
+import s from "./Popover.module.css.js";
+const u = {};
+function m(e) {
+  const [r, t] = l(i(u, e), ["class", "children", "defaultOpen"]);
+  return n(o.Root, c(t, {
+    lazyMount: !0,
+    unmountOnExit: !0,
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function w(e) {
+  const [r, t] = l(i(u, e), ["class", "children"]);
+  return n(o.Trigger, c(t, {
+    as: "div",
+    get class() {
+      return a(g(), r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function O(e) {
+  const [r, t] = l(i(u, e), ["class", "children"]);
+  return n(p, {
+    get mount() {
+      return document.body;
+    },
+    get children() {
+      return n(o.Positioner, {
+        get class() {
+          return s.positioner;
+        },
+        get children() {
+          return n(o.Content, c(t, {
+            get class() {
+              return a(g(), s.content, r.class);
+            },
+            get children() {
+              return [n(o.Arrow, {
+                get class() {
+                  return s.arrow;
+                },
+                get children() {
+                  return n(o.ArrowTip, {
+                    get class() {
+                      return s.arrowTip;
+                    }
+                  });
+                }
+              }), d(() => r.children)];
+            }
+          }));
+        }
+      });
+    }
+  });
+}
+function y(e) {
+  const [r, t] = l(i(u, e), ["class", "children"]);
+  return n(o.CloseTrigger, c(t, {
+    get class() {
+      return a(s.closeTrigger, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function A(e) {
+  const [r, t] = l(i(u, e), ["class", "children"]);
+  return n(o.Title, c(t, {
+    get class() {
+      return a(s.title, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function D(e) {
+  const [r, t] = l(i(u, e), ["class", "children"]);
+  return n(o.Description, c(t, {
+    get class() {
+      return a(s.description, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+m.Original = o;
+export {
+  m as Popover,
+  y as PopoverCloseTrigger,
+  O as PopoverContent,
+  D as PopoverDescription,
+  A as PopoverTitle,
+  w as PopoverTrigger
+};

package/dist/Popover/Popover.module.css.js

@@ -0,0 +1,17 @@
+const t = "_positioner_1sx5y_1", o = "_content_1sx5y_5", s = "_arrowTip_1sx5y_26", e = "_closeTrigger_1sx5y_31", i = "_title_1sx5y_49", n = "_description_1sx5y_57", r = {
+  positioner: t,
+  content: o,
+  arrowTip: s,
+  closeTrigger: e,
+  title: i,
+  description: n
+};
+export {
+  s as arrowTip,
+  e as closeTrigger,
+  o as content,
+  r as default,
+  n as description,
+  t as positioner,
+  i as title
+};

package/dist/Progress/Progress.js

@@ -0,0 +1,80 @@
+import { createComponent as o, mergeProps as c } from "solid-js/web";
+import { splitProps as l, mergeProps as u, useContext as m, createContext as p } from "solid-js";
+import { Progress as n } from "@ark-ui/solid";
+import { bem as d } from "../utils/bem.js";
+import { cn as a } from "../utils/cn.js";
+import e from "./Progress.module.css.js";
+const i = p({
+  size: "md",
+  striped: !1
+}), P = {
+  size: "md",
+  striped: !1
+}, f = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl
+};
+function z(r) {
+  const [s, t] = l(u(P, r), ["class", "children", "size", "striped"]);
+  return o(i.Provider, {
+    get value() {
+      return {
+        size: s.size,
+        striped: s.striped
+      };
+    },
+    get children() {
+      return o(n.Root, c(t, {
+        get class() {
+          return a(d(), e.root, f[s.size], s.class);
+        },
+        get children() {
+          return s.children;
+        }
+      }));
+    }
+  });
+}
+function L(r) {
+  const [s, t] = l(r, ["class"]);
+  return o(n.Track, c(t, {
+    get class() {
+      return a(e.track, s.class);
+    }
+  }));
+}
+function k(r) {
+  const s = m(i), [t, g] = l(r, ["class"]);
+  return o(n.Range, c(g, {
+    get class() {
+      return a(e.range, s.striped && e.striped, t.class);
+    }
+  }));
+}
+function v(r) {
+  const [s, t] = l(r, ["class"]);
+  return o(n.Label, c(t, {
+    get class() {
+      return a(e.label, s.class);
+    }
+  }));
+}
+function O(r) {
+  const [s, t] = l(r, ["class"]);
+  return o(n.ValueText, c(t, {
+    get class() {
+      return a(e.valueText, s.class);
+    }
+  }));
+}
+z.Original = n;
+export {
+  z as Progress,
+  v as ProgressLabel,
+  k as ProgressRange,
+  L as ProgressTrack,
+  O as ProgressValueText
+};

package/dist/Progress/Progress.module.css.js

@@ -0,0 +1,27 @@
+const s = "_root_1ohvc_1", e = "_track_1ohvc_8", _ = "_range_1ohvc_15", o = "_striped_1ohvc_22", t = "_label_1ohvc_42", c = "_valueText_1ohvc_48", i = "_sizeXs_1ohvc_53", n = "_sizeSm_1ohvc_58", z = "_sizeMd_1ohvc_63", a = "_sizeLg_1ohvc_68", l = "_sizeXl_1ohvc_73", v = {
+  root: s,
+  track: e,
+  range: _,
+  striped: o,
+  label: t,
+  valueText: c,
+  sizeXs: i,
+  sizeSm: n,
+  sizeMd: z,
+  sizeLg: a,
+  sizeXl: l
+};
+export {
+  v as default,
+  t as label,
+  _ as range,
+  s as root,
+  a as sizeLg,
+  z as sizeMd,
+  n as sizeSm,
+  l as sizeXl,
+  i as sizeXs,
+  o as striped,
+  e as track,
+  c as valueText
+};