@balikjs/mobile 0.1.4 → 0.1.6

package/dist/Card/Card.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 i } from "solid-js";
+import { bem as n } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import f from "./Card.module.css.js";
+var d = /* @__PURE__ */ p("<div>");
+const P = {};
+function b(t) {
+  const [e, o] = l(i(P, t), ["class", "children"]);
+  return (() => {
+    var r = d();
+    return s(r, m(o, {
+      "data-part": "root",
+      get class() {
+        return c(n(), f.base, e.class);
+      }
+    }), !1, !0), a(r, () => e.children), r;
+  })();
+}
+export {
+  b as Card
+};

package/dist/Card/Card.module.css.js

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

package/dist/Checkbox/Checkbox.js

@@ -0,0 +1,65 @@
+import { createComponent as t, mergeProps as a, insert as l, memo as c, template as i } from "solid-js/web";
+import { splitProps as m, mergeProps as u } from "solid-js";
+import { Checkbox as n, useCheckboxContext as p } from "@ark-ui/solid";
+import { bem as g } from "../utils/bem.js";
+import { cn as h } from "../utils/cn.js";
+import e from "./Checkbox.module.css.js";
+var f = /* @__PURE__ */ i('<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3px stroke-linecap=round stroke-linejoin=round aria-hidden=true><title>'), x = /* @__PURE__ */ i('<svg><path d="M5 12h14"></svg>', !1, !0, !1), C = /* @__PURE__ */ i('<svg><path d="M20 6 9 17l-5-5"></svg>', !1, !0, !1);
+const k = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, z = {
+  size: "md",
+  rounded: !0
+};
+function v() {
+  const o = p();
+  return t(n.Indicator, {
+    get indeterminate() {
+      return o().indeterminate;
+    },
+    get class() {
+      return e.indicator;
+    },
+    get children() {
+      var r = f(), s = r.firstChild;
+      return l(s, () => o().indeterminate ? "Indeterminate" : "Check"), l(r, (() => {
+        var d = c(() => !!o().indeterminate);
+        return () => d() ? x() : C();
+      })(), null), r;
+    }
+  });
+}
+function $(o) {
+  const [r, s] = m(u(z, o), ["class", "children", "size", "rounded", "defaultChecked"]);
+  return t(n.Root, a(s, {
+    get class() {
+      return h(g(), e.root, k[r.size], r.rounded && e.rounded, r.class);
+    },
+    get children() {
+      return [t(n.Control, {
+        get class() {
+          return e.control;
+        },
+        get children() {
+          return t(v, {});
+        }
+      }), t(n.Label, {
+        get class() {
+          return e.label;
+        },
+        get children() {
+          return r.children;
+        }
+      }), t(n.HiddenInput, {})];
+    }
+  }));
+}
+$.Original = n;
+export {
+  $ as Checkbox
+};

package/dist/Checkbox/Checkbox.module.css.js

@@ -0,0 +1,27 @@
+const s = "_root_18n31_1", _ = "_control_18n31_16", n = "_indicator_18n31_66", o = "_label_18n31_78", e = "_sizeXs_18n31_90", i = "_sizeSm_18n31_100", t = "_sizeMd_18n31_110", c = "_sizeLg_18n31_120", z = "_sizeXl_18n31_130", l = "_size2xl_18n31_140", d = "_rounded_18n31_150", r = {
+  root: s,
+  control: _,
+  indicator: n,
+  label: o,
+  sizeXs: e,
+  sizeSm: i,
+  sizeMd: t,
+  sizeLg: c,
+  sizeXl: z,
+  size2xl: l,
+  rounded: d
+};
+export {
+  _ as control,
+  r as default,
+  n as indicator,
+  o as label,
+  s as root,
+  d as rounded,
+  l as size2xl,
+  c as sizeLg,
+  t as sizeMd,
+  i as sizeSm,
+  z as sizeXl,
+  e as sizeXs
+};

package/dist/Clipboard/Clipboard.js

@@ -0,0 +1,60 @@
+import { spread as d, mergeProps as u, insert as s, memo as y, createComponent as n, template as C } from "solid-js/web";
+import { splitProps as f, mergeProps as b, createSignal as g, onCleanup as z } from "solid-js";
+import { Check as h, Copy as v } from "lucide-solid";
+import { bem as x } from "../utils/bem.js";
+import { cn as P } from "../utils/cn.js";
+import t from "./Clipboard.module.css.js";
+var T = /* @__PURE__ */ C("<button>");
+const D = {
+  xs: t.sizeXs,
+  sm: t.sizeSm,
+  md: t.sizeMd,
+  lg: t.sizeLg,
+  xl: t.sizeXl
+}, _ = {
+  size: "md",
+  copiedDuration: 2e3,
+  toastOnCopy: !1
+};
+function L(l) {
+  const [o, c] = f(b(_, l), ["value", "size", "class", "copiedDuration", "toastOnCopy", "children"]), [a, i] = g(!1);
+  let r = null;
+  const p = async () => {
+    try {
+      await navigator.clipboard.writeText(o.value);
+    } catch {
+      const e = document.createElement("textarea");
+      e.value = o.value, e.style.position = "fixed", e.style.opacity = "0", document.body.appendChild(e), e.select(), document.execCommand("copy"), document.body.removeChild(e);
+    }
+    i(!0), clearTimeout(r), r = setTimeout(() => i(!1), o.copiedDuration);
+  };
+  return z(() => clearTimeout(r)), (() => {
+    var e = T();
+    return d(e, u(c, {
+      type: "button",
+      "data-part": "root",
+      onClick: p,
+      get class() {
+        return P(x("balik-clipboard", o.size), t.base, D[o.size], a() && t.copied, o.class);
+      }
+    }), !1, !0), s(e, (() => {
+      var m = y(() => !!a());
+      return () => m() ? n(h, {
+        "aria-hidden": "true",
+        get class() {
+          return t.icon;
+        },
+        "data-part": "icon"
+      }) : n(v, {
+        "aria-hidden": "true",
+        get class() {
+          return t.icon;
+        },
+        "data-part": "icon"
+      });
+    })(), null), s(e, () => o.children, null), e;
+  })();
+}
+export {
+  L as Clipboard
+};

package/dist/Clipboard/Clipboard.module.css.js

@@ -0,0 +1,21 @@
+const s = "_base_17wch_1", e = "_icon_17wch_43", _ = "_copied_17wch_49", c = "_sizeXs_17wch_78", i = "_sizeSm_17wch_92", o = "_sizeMd_17wch_106", z = "_sizeLg_17wch_120", n = "_sizeXl_17wch_134", t = {
+  base: s,
+  icon: e,
+  copied: _,
+  sizeXs: c,
+  sizeSm: i,
+  sizeMd: o,
+  sizeLg: z,
+  sizeXl: n
+};
+export {
+  s as base,
+  _ as copied,
+  t as default,
+  e as icon,
+  z as sizeLg,
+  o as sizeMd,
+  i as sizeSm,
+  n as sizeXl,
+  c as sizeXs
+};

package/dist/CloseButton/CloseButton.js

@@ -0,0 +1,37 @@
+import { spread as i, mergeProps as l, insert as m, createComponent as a, template as n } from "solid-js/web";
+import { splitProps as p, mergeProps as d } from "solid-js";
+import { X as u } from "lucide-solid";
+import { bem as c } from "../utils/bem.js";
+import { cn as z } from "../utils/cn.js";
+import e from "./CloseButton.module.css.js";
+var f = /* @__PURE__ */ n("<button>");
+const b = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, g = {
+  size: "md",
+  rounded: !1
+};
+function v(t) {
+  const [r, o] = p(d(g, t), ["size", "rounded", "class"]);
+  return (() => {
+    var s = f();
+    return i(s, l(o, {
+      type: "button",
+      "data-part": "root",
+      "aria-label": "Close",
+      get class() {
+        return z(c("balik-close-button", r.size), e.base, b[r.size], r.rounded && e.rounded, r.class);
+      }
+    }), !1, !0), m(s, a(u, {
+      "aria-hidden": "true"
+    })), s;
+  })();
+}
+export {
+  v as CloseButton
+};

package/dist/CloseButton/CloseButton.module.css.js

@@ -0,0 +1,21 @@
+const s = "_base_1satc_1", e = "_sizeXs_1satc_38", _ = "_sizeSm_1satc_49", t = "_sizeMd_1satc_59", i = "_sizeLg_1satc_69", z = "_sizeXl_1satc_79", c = "_size2xl_1satc_89", a = "_rounded_1satc_99", o = {
+  base: s,
+  sizeXs: e,
+  sizeSm: _,
+  sizeMd: t,
+  sizeLg: i,
+  sizeXl: z,
+  size2xl: c,
+  rounded: a
+};
+export {
+  s as base,
+  o as default,
+  a as rounded,
+  c as size2xl,
+  i as sizeLg,
+  t as sizeMd,
+  _ as sizeSm,
+  z as sizeXl,
+  e as sizeXs
+};

package/dist/Confirm/Confirm.js

@@ -0,0 +1,146 @@
+import { createComponent as f, render as p, memo as h } from "solid-js/web";
+import { splitProps as b, mergeProps as L, createRoot as w, createSignal as E, Show as v } from "solid-js";
+import { Dialog as C } from "../Dialog/Dialog.js";
+import g from "./Confirm.module.css.js";
+const y = {
+  mode: "sheet",
+  confirmLabel: "Confirm",
+  cancelLabel: "Cancel",
+  danger: !1,
+  loading: !1
+};
+function d(t) {
+  const [e] = b(L(y, t), ["mode", "open", "onOpenChange", "confirmLabel", "cancelLabel", "danger", "loading", "onConfirm", "onCancel", "class", "children"]), r = !!e.onCancel;
+  return f(C, {
+    get mode() {
+      return e.mode;
+    },
+    get open() {
+      return e.open;
+    },
+    get onOpenChange() {
+      return e.onOpenChange;
+    },
+    closeable: !1,
+    showCancel: r,
+    showConfirm: !0,
+    get cancelLabel() {
+      return e.cancelLabel;
+    },
+    get confirmLabel() {
+      return e.confirmLabel;
+    },
+    get danger() {
+      return e.danger;
+    },
+    get loading() {
+      return e.loading;
+    },
+    get onConfirm() {
+      return e.onConfirm;
+    },
+    get onCancel() {
+      return e.onCancel;
+    },
+    get footerClass() {
+      return r ? void 0 : g.footerCenter;
+    },
+    get class() {
+      return e.class;
+    },
+    get children() {
+      return e.children;
+    }
+  });
+}
+let i = null, o = null, m = null;
+function S() {
+  if (m) return;
+  const t = document.createElement("div");
+  document.body.appendChild(t), w(() => {
+    const [e, r] = E(null);
+    m = r;
+    const c = (n) => {
+      const u = e();
+      if (n.prev) return;
+      const l = i, a = o;
+      if (i = null, o = null, n.type === "confirm")
+        l == null || l();
+      else {
+        const s = new Error("Cancel");
+        s.code = "CANCEL", a == null || a(s);
+      }
+      r({
+        ...u,
+        open: !1
+      });
+    };
+    p(() => f(v, {
+      get when() {
+        return e();
+      },
+      children: (n) => f(C, {
+        get mode() {
+          return n().mode || "sheet";
+        },
+        get open() {
+          return n().open;
+        },
+        closeable: !1,
+        get showCancel() {
+          return !n().noCancel;
+        },
+        showConfirm: !0,
+        get confirmLabel() {
+          return n().confirmLabel || "Confirm";
+        },
+        get cancelLabel() {
+          return n().cancelLabel || "Cancel";
+        },
+        get danger() {
+          return n().danger;
+        },
+        get footerClass() {
+          return h(() => !!n().noCancel)() ? g.footerCenter : void 0;
+        },
+        onConfirm: () => c({
+          type: "confirm",
+          prev: n()
+        }),
+        onCancel: () => c({
+          type: "cancel",
+          prev: n()
+        }),
+        onOpenChange: (u) => {
+          if (!u.open) {
+            if (o) {
+              const l = new Error("Cancel");
+              l.code = "CANCEL";
+              const a = o;
+              i = null, o = null, a(l);
+            }
+            r(null);
+          }
+        },
+        get children() {
+          return n().children;
+        }
+      })
+    }), t);
+  });
+}
+d.confirm = (t = {}) => (S(), new Promise((e, r) => {
+  if (o) {
+    const c = new Error("Superseded by a newer confirm()");
+    c.code = "CANCEL", o(c);
+  }
+  i = e, o = r, m({
+    ...t,
+    open: !0
+  });
+}));
+const N = d.confirm;
+export {
+  d as Confirm,
+  N as confirm
+};

package/dist/Confirm/Confirm.module.css.js

@@ -0,0 +1,7 @@
+const e = "_footerCenter_1364m_1", t = {
+  footerCenter: e
+};
+export {
+  t as default,
+  e as footerCenter
+};

package/dist/DatePicker/DatePicker.js

@@ -0,0 +1,149 @@
+import { insert as g, createComponent as D, effect as S, className as c, template as M, delegateEvents as z } from "solid-js/web";
+import { splitProps as K, mergeProps as j, createSignal as h, createMemo as k, createEffect as L, onCleanup as q } from "solid-js";
+import { Calendar as G } from "lucide-solid";
+import { BottomSheet as Q } from "../BottomSheet/BottomSheet.js";
+import { PickerView as W } from "../PickerView/PickerView.js";
+import { bem as X } from "../utils/bem.js";
+import { cn as T } from "../utils/cn.js";
+import o from "./DatePicker.module.css.js";
+var Z = /* @__PURE__ */ M("<button type=button data-part=trigger><span>"), ee = /* @__PURE__ */ M("<div><button type=button>Cancel</button><span></span><button type=button>Confirm"), te = /* @__PURE__ */ M("<div data-part=picker-body><p data-part=weekday>");
+const V = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function C(s, n) {
+  return new Date(s, n + 1, 0).getDate();
+}
+function ne(s, n, l) {
+  return Math.max(n, Math.min(l, s));
+}
+const re = {
+  title: "Select Date",
+  placeholder: "Select Date",
+  value: null,
+  disabled: !1
+};
+function ge(s) {
+  const [n] = K(j(re, s), ["value", "onValueChange", "onConfirm", "onCancel", "min", "max", "title", "placeholder", "disabled", "class"]), l = /* @__PURE__ */ new Date(), w = n.min || new Date(l.getFullYear() - 100, 0, 1), x = n.max || new Date(l.getFullYear() + 10, 11, 31), m = w.getFullYear(), Y = x.getFullYear(), [$, p] = h(!1), [u, F] = h(l.getFullYear()), [v, P] = h(l.getMonth()), [f, b] = h(l.getDate()), E = k(() => C(u(), v()));
+  L(() => {
+    const e = E();
+    f() > e && b(e);
+  }), L(() => {
+    if (!$()) return;
+    const e = (r) => {
+      r.key === "Escape" && y();
+    };
+    document.addEventListener("keydown", e), q(() => document.removeEventListener("keydown", e));
+  });
+  const B = k(() => {
+    const e = u();
+    return [{
+      flex: 1.1,
+      items: Array.from({
+        length: Y - m + 1
+      }, (r, t) => ({
+        label: String(m + t),
+        value: m + t
+      }))
+    }, {
+      circular: !0,
+      items: V.map((r, t) => ({
+        label: r,
+        value: t,
+        disabled: e === m && t < w.getMonth() || e === Y && t > x.getMonth()
+      }))
+    }, {
+      flex: 0.9,
+      circular: !0,
+      items: Array.from({
+        length: E()
+      }, (r, t) => ({
+        label: String(t + 1).padStart(2, "0"),
+        value: t + 1
+      }))
+    }];
+  }), N = () => [u(), v(), f()], J = ([e, r, t]) => {
+    F(e), P(r), b(ne(t, 1, C(e, r)));
+  }, H = k(() => new Date(u(), v(), f()).toLocaleDateString("en-US", {
+    weekday: "long"
+  })), I = () => {
+    const e = n.value;
+    return e ? `${V[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}` : n.placeholder;
+  };
+  function R() {
+    if (n.disabled) return;
+    const e = n.value || l;
+    F(e.getFullYear()), P(e.getMonth()), b(Math.min(e.getDate(), C(e.getFullYear(), e.getMonth()))), p(!0);
+  }
+  function U() {
+    var r, t;
+    const e = new Date(u(), v(), f());
+    (r = n.onValueChange) == null || r.call(n, e), (t = n.onConfirm) == null || t.call(n, e), p(!1);
+  }
+  function y() {
+    var e;
+    (e = n.onCancel) == null || e.call(n), p(!1);
+  }
+  return [(() => {
+    var e = Z(), r = e.firstChild;
+    return e.$$click = R, g(r, I), g(e, D(G, {
+      get class() {
+        return o.triggerIcon;
+      },
+      size: 18,
+      "stroke-width": 1.5
+    }), null), S((t) => {
+      var i = T(X(), o.trigger, n.disabled && o.triggerDisabled, n.class), a = n.disabled, d = T(o.triggerText, !n.value && o.triggerPlaceholder);
+      return i !== t.e && c(e, t.e = i), a !== t.t && (e.disabled = t.t = a), d !== t.a && c(r, t.a = d), t;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), e;
+  })(), D(Q, {
+    get open() {
+      return $();
+    },
+    get class() {
+      return o.sheet;
+    },
+    onOpenChange: (e) => {
+      e.open || y();
+    },
+    get children() {
+      return [(() => {
+        var e = ee(), r = e.firstChild, t = r.nextSibling, i = t.nextSibling;
+        return r.$$click = y, g(t, () => n.title), i.$$click = U, S((a) => {
+          var d = o.header, _ = o.headerButton, A = o.headerTitle, O = o.headerButton;
+          return d !== a.e && c(e, a.e = d), _ !== a.t && c(r, a.t = _), A !== a.a && c(t, a.a = A), O !== a.o && c(i, a.o = O), a;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        }), e;
+      })(), (() => {
+        var e = te(), r = e.firstChild;
+        return g(e, D(W, {
+          get class() {
+            return o.columns;
+          },
+          get columns() {
+            return B();
+          },
+          get value() {
+            return N();
+          },
+          onValueChange: J
+        }), r), g(r, H), S((t) => {
+          var i = o.pickerBody, a = o.weekday;
+          return i !== t.e && c(e, t.e = i), a !== t.t && c(r, t.t = a), t;
+        }, {
+          e: void 0,
+          t: void 0
+        }), e;
+      })()];
+    }
+  })];
+}
+z(["click"]);
+export {
+  ge as DatePicker
+};

package/dist/DatePicker/DatePicker.module.css.js

@@ -0,0 +1,29 @@
+const e = "_trigger_zwcfc_1", c = "_triggerDisabled_zwcfc_33", r = "_triggerText_zwcfc_40", t = "_triggerPlaceholder_zwcfc_48", _ = "_triggerIcon_zwcfc_52", g = "_pickerBody_zwcfc_61", o = "_sheet_zwcfc_68", s = "_header_zwcfc_74", i = "_headerTitle_zwcfc_87", d = "_headerButton_zwcfc_103", n = "_columns_zwcfc_114", a = "_weekday_zwcfc_118", l = {
+  trigger: e,
+  triggerDisabled: c,
+  triggerText: r,
+  triggerPlaceholder: t,
+  triggerIcon: _,
+  pickerBody: g,
+  sheet: o,
+  header: s,
+  headerTitle: i,
+  headerButton: d,
+  columns: n,
+  weekday: a
+};
+export {
+  n as columns,
+  l as default,
+  s as header,
+  d as headerButton,
+  i as headerTitle,
+  g as pickerBody,
+  o as sheet,
+  e as trigger,
+  c as triggerDisabled,
+  _ as triggerIcon,
+  t as triggerPlaceholder,
+  r as triggerText,
+  a as weekday
+};