@balikjs/mobile 0.1.5 → 0.1.7

package/dist/FileUpload/FileUpload.js

@@ -0,0 +1,174 @@
+import { createComponent as l, mergeProps as i, memo as p, effect as u, className as d, insert as h, template as m } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+import { FileUpload as s } from "@ark-ui/solid";
+import { Trash2 as f, Upload as g, X as I, File as F } from "lucide-solid";
+import { bem as U } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import n from "./FileUpload.module.css.js";
+var v = /* @__PURE__ */ m("<span>Drag & drop files here, or click to browse"), T = /* @__PURE__ */ m("<div>");
+function z(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.Root, i(t, {
+    get class() {
+      return c(U(), n.root, e.class);
+    },
+    get children() {
+      return [p(() => e.children), l(s.HiddenInput, {})];
+    }
+  }));
+}
+function _(r) {
+  const [e, t] = a(r, ["class"]);
+  return l(s.Label, i(t, {
+    get class() {
+      return c(n.label, e.class);
+    }
+  }));
+}
+function $(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.Dropzone, i(t, {
+    get class() {
+      return c(n.dropzone, e.class);
+    },
+    get children() {
+      return e.children || [l(g, {
+        get class() {
+          return n.dropzoneIcon;
+        },
+        "aria-hidden": "true"
+      }), (() => {
+        var o = v();
+        return u(() => d(o, n.dropzoneText)), o;
+      })()];
+    }
+  }));
+}
+function G(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.Trigger, i(t, {
+    get class() {
+      return c(n.trigger, e.class);
+    },
+    get children() {
+      return e.children || [l(g, {
+        size: 16,
+        "aria-hidden": "true"
+      }), "Upload"];
+    }
+  }));
+}
+function S(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.ItemGroup, i(t, {
+    get class() {
+      return c(n.itemGroup, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function k(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.Item, i(t, {
+    get class() {
+      return c(n.item, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function H(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.ItemPreview, i(t, {
+    get class() {
+      return c(n.itemPreview, e.class);
+    },
+    get children() {
+      return [l(s.ItemPreviewImage, {
+        get class() {
+          return n.itemPreviewImage;
+        }
+      }), (() => {
+        var o = T();
+        return h(o, l(F, {
+          size: "100%",
+          "aria-hidden": "true"
+        })), u(() => d(o, n.itemPreviewFallback)), o;
+      })()];
+    }
+  }));
+}
+function L(r) {
+  const [e, t] = a(r, ["class"]);
+  return l(s.ItemPreviewImage, i(t, {
+    get class() {
+      return c(n.itemPreviewImage, e.class);
+    }
+  }));
+}
+function R(r) {
+  const [e, t] = a(r, ["class"]);
+  return l(s.ItemName, i(t, {
+    get class() {
+      return c(n.itemName, e.class);
+    }
+  }));
+}
+function y(r) {
+  const [e, t] = a(r, ["class"]);
+  return l(s.ItemSizeText, i(t, {
+    get class() {
+      return c(n.itemSizeText, e.class);
+    }
+  }));
+}
+function O(r) {
+  const [e, t] = a(r, ["class"]);
+  return l(s.ItemDeleteTrigger, i(t, {
+    get class() {
+      return c(n.itemDeleteTrigger, e.class);
+    },
+    get children() {
+      return l(I, {
+        size: 16,
+        "aria-hidden": "true"
+      });
+    }
+  }));
+}
+function X(r) {
+  const [e, t] = a(r, ["class", "children"]);
+  return l(s.ClearTrigger, i(t, {
+    get class() {
+      return c(n.clearTrigger, e.class);
+    },
+    get children() {
+      return e.children || [l(f, {
+        size: 14,
+        "aria-hidden": "true"
+      }), "Clear"];
+    }
+  }));
+}
+function j() {
+  return null;
+}
+z.Original = s;
+export {
+  z as FileUpload,
+  X as FileUploadClearTrigger,
+  $ as FileUploadDropzone,
+  j as FileUploadHiddenInput,
+  k as FileUploadItem,
+  O as FileUploadItemDeleteTrigger,
+  S as FileUploadItemGroup,
+  R as FileUploadItemName,
+  H as FileUploadItemPreview,
+  L as FileUploadItemPreviewImage,
+  y as FileUploadItemSizeText,
+  _ as FileUploadLabel,
+  G as FileUploadTrigger
+};

package/dist/FileUpload/FileUpload.module.css.js

@@ -0,0 +1,35 @@
+const e = "_root_1xrbf_1", r = "_label_1xrbf_7", t = "_dropzone_1xrbf_13", o = "_dropzoneIcon_1xrbf_48", i = "_dropzoneText_1xrbf_54", _ = "_itemGroup_1xrbf_60", m = "_item_1xrbf_60", n = "_itemPreview_1xrbf_79", c = "_itemPreviewImage_1xrbf_91", x = "_itemPreviewFallback_1xrbf_97", b = "_itemName_1xrbf_108", g = "_itemSizeText_1xrbf_116", a = "_itemDeleteTrigger_1xrbf_122", l = "_trigger_1xrbf_151", s = "_clearTrigger_1xrbf_183", f = {
+  root: e,
+  label: r,
+  dropzone: t,
+  dropzoneIcon: o,
+  dropzoneText: i,
+  itemGroup: _,
+  item: m,
+  itemPreview: n,
+  itemPreviewImage: c,
+  itemPreviewFallback: x,
+  itemName: b,
+  itemSizeText: g,
+  itemDeleteTrigger: a,
+  trigger: l,
+  clearTrigger: s
+};
+export {
+  s as clearTrigger,
+  f as default,
+  t as dropzone,
+  o as dropzoneIcon,
+  i as dropzoneText,
+  m as item,
+  a as itemDeleteTrigger,
+  _ as itemGroup,
+  b as itemName,
+  n as itemPreview,
+  x as itemPreviewFallback,
+  c as itemPreviewImage,
+  g as itemSizeText,
+  r as label,
+  e as root,
+  l as trigger
+};

package/dist/FilterGroup/FilterGroup.js

@@ -0,0 +1,70 @@
+import { insert as z, createComponent as c, memo as S, effect as X, className as m, style as $, setAttribute as E, template as M, delegateEvents as N } from "solid-js/web";
+import { createSignal as O, For as R } from "solid-js";
+import { ToggleGroup as y } from "@ark-ui/solid";
+import { bem as r } from "../utils/bem.js";
+import { cn as a } from "../utils/cn.js";
+import l from "./FilterGroup.module.css.js";
+var T = /* @__PURE__ */ M("<div><div><button type=button>");
+const j = {
+  xs: l.sizeXs,
+  sm: l.sizeSm,
+  md: l.sizeMd,
+  lg: l.sizeLg,
+  xl: l.sizeXl
+}, K = (t) => {
+  const k = t.allLabel ?? "All", V = t.items ?? [], x = t.size ?? "md", s = () => t.sticky ?? !1, [A, L] = O(t.defaultValue ?? []), d = () => t.value !== void 0, v = () => d() ? t.value ?? [] : A(), u = () => v().length === 0, g = (i) => {
+    var n;
+    d() || L(i), (n = t.onValueChange) == null || n.call(t, i);
+  }, F = () => {
+    u() || g([]);
+  }, G = (i) => {
+    g(i.value);
+  };
+  return (() => {
+    var i = T(), n = i.firstChild, o = n.firstChild;
+    return o.$$click = F, z(o, k), z(n, c(y.Root, {
+      get class() {
+        return a(l.list, r(), t.groupClass);
+      },
+      multiple: !0,
+      get value() {
+        return S(() => !!u())() ? [] : v();
+      },
+      onValueChange: G,
+      get children() {
+        return c(R, {
+          each: V,
+          children: (e) => c(y.Item, {
+            get class() {
+              return a(l.item, r(), t.buttonClass);
+            },
+            get value() {
+              return e.value;
+            },
+            get disabled() {
+              return e.disabled;
+            },
+            get children() {
+              return e.label;
+            }
+          })
+        });
+      }
+    }), null), X((e) => {
+      var f = a(r(), t.class), h = a(l.group, j[x], s() && l.sticky), I = typeof s() == "number" ? {
+        top: `${s()}px`
+      } : void 0, b = a(l.item, r(), t.buttonClass), C = u() ? "on" : "off";
+      return f !== e.e && m(i, e.e = f), h !== e.t && m(n, e.t = h), e.a = $(n, I, e.a), b !== e.o && m(o, e.o = b), C !== e.i && E(o, "data-state", e.i = C), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0
+    }), i;
+  })();
+};
+N(["click"]);
+export {
+  K as FilterGroup
+};

package/dist/FilterGroup/FilterGroup.module.css.js

@@ -0,0 +1,23 @@
+const s = "_group_1m5wj_1", _ = "_sticky_1m5wj_9", i = "_list_1m5wj_16", t = "_item_1m5wj_31", e = "_sizeXs_1m5wj_90", m = "_sizeSm_1m5wj_97", z = "_sizeMd_1m5wj_104", o = "_sizeLg_1m5wj_111", c = "_sizeXl_1m5wj_118", n = {
+  group: s,
+  sticky: _,
+  list: i,
+  item: t,
+  sizeXs: e,
+  sizeSm: m,
+  sizeMd: z,
+  sizeLg: o,
+  sizeXl: c
+};
+export {
+  n as default,
+  s as group,
+  t as item,
+  i as list,
+  o as sizeLg,
+  z as sizeMd,
+  m as sizeSm,
+  c as sizeXl,
+  e as sizeXs,
+  _ as sticky
+};

package/dist/Input/Input.js

@@ -0,0 +1,68 @@
+import { className as p, insert as a, memo as u, effect as m, createComponent as _, mergeProps as y, setAttribute as S, template as l, delegateEvents as C } from "solid-js/web";
+import { splitProps as L, mergeProps as A, createSignal as M } from "solid-js";
+import { ark as h } from "@ark-ui/solid/factory";
+import { bem as n } from "../utils/bem.js";
+import { cn as o } from "../utils/cn.js";
+import t from "./Input.module.css.js";
+var N = /* @__PURE__ */ l("<div data-part=root>"), g = /* @__PURE__ */ l("<span data-part=affix>"), j = /* @__PURE__ */ l("<button type=button data-part=password-toggle tabindex=-1>"), B = /* @__PURE__ */ l('<svg fill=none stroke=currentColor strokeLinecap=round strokeLinejoin=round strokeWidth=2 viewBox="0 0 24 24"><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"></path><path d="M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"></path><line x1=1 y1=1 x2=23 y2=23>'), E = /* @__PURE__ */ l('<svg fill=none stroke=currentColor strokeLinecap=round strokeLinejoin=round strokeWidth=2 viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx=12 cy=12 r=3>');
+const O = {
+  solid: t.solid,
+  outline: t.outline,
+  singleline: t.singleline
+}, T = {
+  xs: t.sizeXs,
+  sm: t.sizeSm,
+  md: t.sizeMd,
+  lg: t.sizeLg,
+  xl: t.sizeXl
+}, W = {
+  variant: "outline",
+  size: "md",
+  disabled: !1
+};
+function X(w) {
+  const [e, b] = L(A(W, w), ["variant", "size", "class", "inputClassName", "type", "prefix", "suffix", "disabled"]), [d, $] = M(!1), f = e.type === "password", k = e.prefix != null, z = e.suffix != null || f, P = o(n("balik-input", e.variant, e.size), t.base, O[e.variant], T[e.size], e.disabled && t.disabled, k && t.hasPrefix, z && t.hasSuffix, e.class);
+  return (() => {
+    var i = N();
+    return p(i, P), a(i, (() => {
+      var c = u(() => e.prefix != null);
+      return () => c() && (() => {
+        var r = g();
+        return a(r, () => e.prefix), m(() => p(r, o(n(), t.affix))), r;
+      })();
+    })(), null), a(i, _(h.input, y(b, {
+      get disabled() {
+        return e.disabled;
+      },
+      get type() {
+        return f ? d() ? "text" : "password" : e.type;
+      },
+      get class() {
+        return o(n(), t.input, e.inputClassName);
+      }
+    })), null), a(i, (() => {
+      var c = u(() => !!(f && e.suffix == null));
+      return () => c() ? (() => {
+        var r = j();
+        return r.$$click = () => $((s) => !s), a(r, (() => {
+          var s = u(() => !!d());
+          return () => s() ? B() : E();
+        })()), m((s) => {
+          var x = o(n(), t.passwordToggle), v = d() ? "Hide password" : "Show password";
+          return x !== s.e && p(r, s.e = x), v !== s.t && S(r, "aria-label", s.t = v), s;
+        }, {
+          e: void 0,
+          t: void 0
+        }), r;
+      })() : u(() => e.suffix != null)() ? (() => {
+        var r = g();
+        return a(r, () => e.suffix), m(() => p(r, o(n(), t.affix))), r;
+      })() : null;
+    })(), null), i;
+  })();
+}
+X.Original = h;
+C(["click"]);
+export {
+  X as Input
+};

package/dist/Input/Input.module.css.js

@@ -0,0 +1,35 @@
+const s = "_base_d4mcr_1", _ = "_input_d4mcr_19", i = "_affix_d4mcr_38", e = "_passwordToggle_d4mcr_64", c = "_solid_d4mcr_99", d = "_outline_d4mcr_108", o = "_singleline_d4mcr_118", n = "_disabled_d4mcr_130", t = "_sizeXs_d4mcr_137", l = "_sizeSm_d4mcr_146", r = "_sizeMd_d4mcr_155", a = "_sizeLg_d4mcr_164", m = "_sizeXl_d4mcr_173", f = "_hasPrefix_d4mcr_185", z = "_hasSuffix_d4mcr_189", g = {
+  base: s,
+  input: _,
+  affix: i,
+  passwordToggle: e,
+  solid: c,
+  outline: d,
+  singleline: o,
+  disabled: n,
+  sizeXs: t,
+  sizeSm: l,
+  sizeMd: r,
+  sizeLg: a,
+  sizeXl: m,
+  hasPrefix: f,
+  hasSuffix: z
+};
+export {
+  i as affix,
+  s as base,
+  g as default,
+  n as disabled,
+  f as hasPrefix,
+  z as hasSuffix,
+  _ as input,
+  d as outline,
+  e as passwordToggle,
+  o as singleline,
+  a as sizeLg,
+  r as sizeMd,
+  l as sizeSm,
+  m as sizeXl,
+  t as sizeXs,
+  c as solid
+};

package/dist/Link/Link.js

@@ -0,0 +1,22 @@
+import { spread as s, mergeProps as m, insert as a, template as p } from "solid-js/web";
+import { splitProps as l, mergeProps as n } from "solid-js";
+import { bem as i } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import f from "./Link.module.css.js";
+var P = /* @__PURE__ */ p("<a>");
+const u = {};
+function h(t) {
+  const [e, o] = l(n(u, t), ["class", "children"]);
+  return (() => {
+    var r = P();
+    return s(r, m(o, {
+      "data-part": "root",
+      get class() {
+        return c(i(), f.base, e.class);
+      }
+    }), !1, !0), a(r, () => e.children), r;
+  })();
+}
+export {
+  h as Link
+};

package/dist/Link/Link.module.css.js

@@ -0,0 +1,7 @@
+const s = "_base_114on_1", e = {
+  base: s
+};
+export {
+  s as base,
+  e as default
+};

package/dist/MoneyInput/MoneyInput.js

@@ -0,0 +1,106 @@
+import { createComponent as I, mergeProps as P, memo as g, insert as y, effect as v, className as h, template as V } from "solid-js/web";
+import { splitProps as $, mergeProps as z, createSignal as x, createEffect as S, on as _ } from "solid-js";
+import { Input as B } from "../Input/Input.js";
+import { bem as N } from "../utils/bem.js";
+import { cn as b } from "../utils/cn.js";
+import F from "./MoneyInput.module.css.js";
+var C = /* @__PURE__ */ V("<span>");
+const K = {
+  variant: "outline",
+  size: "md",
+  disabled: !1,
+  precision: 2,
+  min: 0
+};
+function q(D) {
+  const [e, t] = $(z(K, D), ["variant", "size", "class", "inputClassName", "disabled", "value", "onValueChange", "currency", "suffix", "precision", "min", "max", "locale", "placeholder"]), [w, l] = x(!1), [o, a] = x("");
+  let s;
+  const u = (n) => {
+    if (n == null || Number.isNaN(n)) return "";
+    const r = e.locale ?? (typeof navigator < "u" ? navigator.language : "en-US");
+    try {
+      return new Intl.NumberFormat(r, {
+        minimumFractionDigits: e.precision,
+        maximumFractionDigits: e.precision
+      }).format(n);
+    } catch {
+      return n.toFixed(e.precision);
+    }
+  }, c = (n) => {
+    if (!n || n === "-") return null;
+    const r = n.replace(/[^\d.-]/g, ""), i = Number.parseFloat(r);
+    return Number.isNaN(i) || e.min !== void 0 && i < e.min || e.max !== void 0 && i > e.max ? null : i;
+  };
+  return S(_(() => e.value, (n) => {
+    w() ? a(n != null ? String(n) : "") : a(u(n ?? null));
+  }, {
+    defer: !1
+  })), I(B, P(t, {
+    ref(n) {
+      var r = s;
+      typeof r == "function" ? r(n) : s = n;
+    },
+    get variant() {
+      return e.variant;
+    },
+    get size() {
+      return e.size;
+    },
+    get disabled() {
+      return e.disabled;
+    },
+    get class() {
+      return b(N("balik-money-input", e.variant, e.size), e.class);
+    },
+    get inputClassName() {
+      return b(N(), e.inputClassName);
+    },
+    type: "text",
+    inputmode: "decimal",
+    get placeholder() {
+      return e.placeholder || (e.currency ? `0${".".repeat(e.precision > 0 ? 1 : 0)}${"0".repeat(e.precision)}` : void 0);
+    },
+    get value() {
+      return o();
+    },
+    onInput: (n) => {
+      const r = n.target.value;
+      a(r);
+    },
+    onFocus: (n) => {
+      var i;
+      l(!0);
+      const r = c(o());
+      a(r != null ? String(r) : o()), (i = t.onFocus) == null || i.call(t, n);
+    },
+    onBlur: (n) => {
+      var i, m, p, f;
+      l(!1);
+      const r = c(o());
+      if (r != null && e.precision >= 0) {
+        const d = Number.parseFloat(r.toFixed(e.precision));
+        (i = e.onValueChange) == null || i.call(e, d), a(u(d));
+      } else o() === "" || o() === "-" ? ((m = e.onValueChange) == null || m.call(e, null), a("")) : ((p = e.onValueChange) == null || p.call(e, r), a(u(r ?? null)));
+      (f = t.onBlur) == null || f.call(t, n);
+    },
+    onKeyDown: (n) => {
+      var r;
+      n.key === "Enter" && n.target.blur(), (r = t.onKeyDown) == null || r.call(t, n);
+    },
+    get prefix() {
+      return g(() => !!e.currency)() && (() => {
+        var n = C();
+        return y(n, () => e.currency), v(() => h(n, F.currency)), n;
+      })();
+    },
+    get suffix() {
+      return g(() => !!e.suffix)() && (() => {
+        var n = C();
+        return y(n, () => e.suffix), v(() => h(n, F.suffix)), n;
+      })();
+    }
+  }));
+}
+export {
+  q as MoneyInput
+};

package/dist/MoneyInput/MoneyInput.module.css.js

@@ -0,0 +1,9 @@
+const s = "_currency_ivses_1", c = "_suffix_ivses_6", e = {
+  currency: s,
+  suffix: c
+};
+export {
+  s as currency,
+  e as default,
+  c as suffix
+};

package/dist/Pagination/Pagination.js

@@ -0,0 +1,67 @@
+import { createComponent as s, mergeProps as i } from "solid-js/web";
+import { splitProps as l } from "solid-js";
+import { Pagination as n } from "@ark-ui/solid";
+import { bem as c } from "../utils/bem.js";
+import { cn as o } from "../utils/cn.js";
+import a from "./Pagination.module.css.js";
+function g(t) {
+  const [r, e] = l(t, ["class", "children", "defaultPage"]);
+  return s(n.Root, i(e, {
+    get class() {
+      return o(c(), a.root, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function h(t) {
+  const [r, e] = l(t, ["class", "page"]);
+  return s(n.Item, i(e, {
+    get value() {
+      return r.page;
+    },
+    get class() {
+      return o(a.item, r.class);
+    }
+  }));
+}
+function v(t) {
+  const [r, e] = l(t, ["class", "children"]);
+  return s(n.PrevTrigger, i(e, {
+    get class() {
+      return o(a.item, r.class);
+    },
+    get children() {
+      return r.children || "Prev";
+    }
+  }));
+}
+function x(t) {
+  const [r, e] = l(t, ["class", "children"]);
+  return s(n.NextTrigger, i(e, {
+    get class() {
+      return o(a.item, r.class);
+    },
+    get children() {
+      return r.children || "Next";
+    }
+  }));
+}
+function T(t) {
+  const [r, e] = l(t, ["class"]);
+  return s(n.Ellipsis, i(e, {
+    get class() {
+      return o(a.ellipsis, r.class);
+    },
+    children: "..."
+  }));
+}
+g.Original = n;
+export {
+  g as Pagination,
+  T as PaginationEllipsis,
+  h as PaginationItem,
+  x as PaginationNextTrigger,
+  v as PaginationPrevTrigger
+};

package/dist/Pagination/Pagination.module.css.js

@@ -0,0 +1,11 @@
+const s = "_root_zhe4d_1", t = "_item_zhe4d_7", e = "_ellipsis_zhe4d_49", o = {
+  root: s,
+  item: t,
+  ellipsis: e
+};
+export {
+  o as default,
+  e as ellipsis,
+  t as item,
+  s as root
+};