@balikjs/mobile 0.1.5 → 0.1.7

package/dist/QrCode/QrCode.js

@@ -0,0 +1,78 @@
+import { createComponent as n, mergeProps as a, insert as m, effect as u, className as g, template as f } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+import { QrCode as o } from "@ark-ui/solid";
+import { Download as p } from "lucide-solid";
+import { bem as h } from "../utils/bem.js";
+import { cn as d } from "../utils/cn.js";
+import l from "./QrCode.module.css.js";
+var C = /* @__PURE__ */ f("<div>");
+function c(e) {
+  const [r, t] = s(e, ["class", "children"]);
+  return n(o.Root, a(t, {
+    get class() {
+      return d(h(), l.root, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function v(e) {
+  const [r, t] = s(e, ["class", "children"]);
+  return (() => {
+    var i = C();
+    return m(i, n(o.Frame, a(t, {
+      get class() {
+        return d(l.frame, r.class);
+      },
+      get children() {
+        return n(o.Pattern, {});
+      }
+    })), null), m(i, () => r.children, null), u(() => g(i, l.frameWrapper)), i;
+  })();
+}
+function Q(e) {
+  const [r, t] = s(e, ["class"]);
+  return n(o.Pattern, a(t, {
+    get class() {
+      return r.class;
+    }
+  }));
+}
+function w(e) {
+  const [r, t] = s(e, ["class", "children"]);
+  return n(o.Overlay, a(t, {
+    get class() {
+      return d(l.overlay, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function P(e) {
+  const [r, t] = s(e, ["class", "children"]);
+  return n(o.DownloadTrigger, a(t, {
+    get class() {
+      return d(l.downloadTrigger, r.class);
+    },
+    get children() {
+      return r.children || [n(p, {
+        size: 14,
+        "aria-hidden": "true"
+      }), "Download"];
+    }
+  }));
+}
+c.Original = o;
+c.Frame = v;
+c.Pattern = Q;
+c.Overlay = w;
+c.DownloadTrigger = P;
+export {
+  c as QrCode,
+  P as QrCodeDownloadTrigger,
+  v as QrCodeFrame,
+  w as QrCodeOverlay,
+  Q as QrCodePattern
+};

package/dist/QrCode/QrCode.module.css.js

@@ -0,0 +1,15 @@
+const r = "_root_1d6r3_1", o = "_frame_1d6r3_8", e = "_overlay_1d6r3_17", a = "_downloadTrigger_1d6r3_33", _ = "_frameWrapper_1d6r3_59", d = {
+  root: r,
+  frame: o,
+  overlay: e,
+  downloadTrigger: a,
+  frameWrapper: _
+};
+export {
+  d as default,
+  a as downloadTrigger,
+  o as frame,
+  _ as frameWrapper,
+  e as overlay,
+  r as root
+};

package/dist/RadioGroup/Radio.js

@@ -0,0 +1,42 @@
+import { createComponent as t, mergeProps as m } from "solid-js/web";
+import { splitProps as n, mergeProps as l } from "solid-js";
+import { RadioGroup as r } from "@ark-ui/solid";
+import { bem as c } from "../utils/bem.js";
+import { cn as p } from "../utils/cn.js";
+import e from "./Radio.module.css.js";
+const a = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, d = {
+  size: "md"
+};
+function g(o) {
+  const [s, i] = n(l(d, o), ["class", "children", "size"]);
+  return t(r.Item, m(i, {
+    get class() {
+      return p(c(), e.item, a[s.size], s.class);
+    },
+    get children() {
+      return [t(r.ItemControl, {
+        get class() {
+          return e.control;
+        }
+      }), t(r.ItemText, {
+        get class() {
+          return e.text;
+        },
+        get children() {
+          return s.children;
+        }
+      }), t(r.ItemHiddenInput, {})];
+    }
+  }));
+}
+g.Original = r;
+export {
+  g as Radio
+};

package/dist/RadioGroup/Radio.module.css.js

@@ -0,0 +1,23 @@
+const s = "_item_i6pys_1", i = "_control_i6pys_16", e = "_text_i6pys_70", _ = "_sizeXs_i6pys_82", t = "_sizeSm_i6pys_91", z = "_sizeMd_i6pys_100", o = "_sizeLg_i6pys_109", c = "_sizeXl_i6pys_118", n = "_size2xl_i6pys_127", l = {
+  item: s,
+  control: i,
+  text: e,
+  sizeXs: _,
+  sizeSm: t,
+  sizeMd: z,
+  sizeLg: o,
+  sizeXl: c,
+  size2xl: n
+};
+export {
+  i as control,
+  l as default,
+  s as item,
+  n as size2xl,
+  o as sizeLg,
+  z as sizeMd,
+  t as sizeSm,
+  c as sizeXl,
+  _ as sizeXs,
+  e as text
+};

package/dist/RadioGroup/RadioGroup.js

@@ -0,0 +1,29 @@
+import { createComponent as t, mergeProps as m, memo as e } from "solid-js/web";
+import { splitProps as i, mergeProps as n } from "solid-js";
+import { RadioGroup as o } from "@ark-ui/solid";
+import { bem as p } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import l from "./RadioGroup.module.css.js";
+const u = {};
+function d(s) {
+  const [r, a] = i(n(u, s), ["label", "class", "children", "defaultValue"]);
+  return t(o.Root, m(a, {
+    get class() {
+      return c(p(), l.root, r.class);
+    },
+    get children() {
+      return [e(() => e(() => !!r.label)() && t(o.Label, {
+        get class() {
+          return l.label;
+        },
+        get children() {
+          return r.label;
+        }
+      })), e(() => r.children)];
+    }
+  }));
+}
+d.Original = o;
+export {
+  d as RadioGroup
+};

package/dist/RadioGroup/RadioGroup.module.css.js

@@ -0,0 +1,9 @@
+const o = "_root_yaoun_1", t = "_label_yaoun_12", l = {
+  root: o,
+  label: t
+};
+export {
+  l as default,
+  t as label,
+  o as root
+};

package/dist/RatingGroup/RatingGroup.js

@@ -0,0 +1,87 @@
+import { createComponent as e, mergeProps as o, memo as u, template as c } from "solid-js/web";
+import { splitProps as i, Show as p } from "solid-js";
+import { RatingGroup as n, useRatingGroupItemContext as g } from "@ark-ui/solid";
+import { bem as h } from "../utils/bem.js";
+import { cn as s } from "../utils/cn.js";
+import a from "./RatingGroup.module.css.js";
+var d = /* @__PURE__ */ c('<svg viewBox="0 0 24 24"fill=currentColor width=24 height=24><title>Full star</title><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z">'), f = /* @__PURE__ */ c('<svg viewBox="0 0 24 24"width=24 height=24><title>Half star</title><defs><linearGradient id=half-gradient x1=0 x2=1 y1=0 y2=0><stop offset=50% stop-color=currentColor></stop><stop offset=50% stop-color=var(--color-neutral-6)></stop></linearGradient></defs><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z"fill=url(#half-gradient)>'), m = /* @__PURE__ */ c('<svg viewBox="0 0 24 24"fill=currentColor width=24 height=24><title>Empty star</title><path d="M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z">');
+function G() {
+  return d();
+}
+function L() {
+  return f();
+}
+function R() {
+  return m();
+}
+function C() {
+  const t = g()();
+  return e(p, {
+    get when() {
+      return t.half;
+    },
+    get fallback() {
+      return u(() => !!(t.checked || t.highlighted))() ? e(G, {}) : e(R, {});
+    },
+    get children() {
+      return e(L, {});
+    }
+  });
+}
+function x(r) {
+  const [t, l] = i(r, ["class", "children", "defaultValue"]);
+  return e(n.Root, o(l, {
+    get class() {
+      return s(h(), a.root, t.class);
+    },
+    get children() {
+      return t.children;
+    }
+  }));
+}
+function S(r) {
+  const [t, l] = i(r, ["class"]);
+  return e(n.Label, o(l, {
+    get class() {
+      return s(a.label, t.class);
+    }
+  }));
+}
+function z(r) {
+  const [t, l] = i(r, ["class", "children"]);
+  return e(n.Control, o(l, {
+    get class() {
+      return s(a.control, t.class);
+    },
+    get children() {
+      return t.children;
+    }
+  }));
+}
+function B(r) {
+  const [t, l] = i(r, ["class", "children"]);
+  return e(n.Item, o(l, {
+    get class() {
+      return s(a.item, t.class);
+    },
+    get children() {
+      return t.children || e(C, {});
+    }
+  }));
+}
+function M(r) {
+  const [t, l] = i(r, ["class"]);
+  return e(n.HiddenInput, o(l, {
+    get class() {
+      return t.class;
+    }
+  }));
+}
+x.Original = n;
+export {
+  x as RatingGroup,
+  z as RatingGroupControl,
+  M as RatingGroupHiddenInput,
+  B as RatingGroupItem,
+  S as RatingGroupLabel
+};

package/dist/RatingGroup/RatingGroup.module.css.js

@@ -0,0 +1,13 @@
+const o = "_root_y2qj5_1", t = "_label_y2qj5_7", _ = "_control_y2qj5_13", l = "_item_y2qj5_18", e = {
+  root: o,
+  label: t,
+  control: _,
+  item: l
+};
+export {
+  _ as control,
+  e as default,
+  l as item,
+  t as label,
+  o as root
+};

package/dist/SafeArea/SafeArea.js

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

package/dist/SafeArea/SafeArea.module.css.js

@@ -0,0 +1,15 @@
+const t = "_base_vi1b3_1", o = "_top_vi1b3_5", _ = "_bottom_vi1b3_9", s = "_left_vi1b3_13", b = "_right_vi1b3_17", e = {
+  base: t,
+  top: o,
+  bottom: _,
+  left: s,
+  right: b
+};
+export {
+  t as base,
+  _ as bottom,
+  e as default,
+  s as left,
+  b as right,
+  o as top
+};

package/dist/SearchInput/SearchInput.js

@@ -0,0 +1,76 @@
+import { createComponent as s, mergeProps as g, memo as b, insert as h, effect as v, className as C, template as y, delegateEvents as I } from "solid-js/web";
+import { splitProps as P, mergeProps as z, createSignal as $, on as k, onCleanup as w } from "solid-js";
+import { X as N, Search as S } from "lucide-solid";
+import { Input as _ } from "../Input/Input.js";
+import { bem as a } from "../utils/bem.js";
+import { cn as o } from "../utils/cn.js";
+import i from "./SearchInput.module.css.js";
+var x = /* @__PURE__ */ y('<button type=button aria-label="Clear search">');
+const K = {
+  variant: "outline",
+  size: "md",
+  disabled: !1,
+  debounce: 300
+};
+function O(c) {
+  const [e, m] = P(z(K, c), ["variant", "size", "class", "inputClassName", "onKeywordChange", "debounce", "disabled", "placeholder", "onInput"]), [u, l] = $("");
+  let n;
+  k(u, (t) => {
+    const r = setTimeout(() => {
+      var p;
+      (p = e.onKeywordChange) == null || p.call(e, t);
+    }, e.debounce);
+    w(() => clearTimeout(r));
+  });
+  const d = (t) => {
+    var r;
+    l(t.target.value), (r = e.onInput) == null || r.call(e, t);
+  }, f = () => {
+    l(""), n && (n.value = "", n.focus());
+  };
+  return s(_, g({
+    ref(t) {
+      var r = n;
+      typeof r == "function" ? r(t) : n = t;
+    },
+    get variant() {
+      return e.variant;
+    },
+    get size() {
+      return e.size;
+    },
+    get disabled() {
+      return e.disabled;
+    },
+    get class() {
+      return o(a("balik-search-input", e.variant, e.size), e.class);
+    },
+    get inputClassName() {
+      return o(i.input, a(), e.inputClassName);
+    },
+    type: "search",
+    autocomplete: "off",
+    get placeholder() {
+      return e.placeholder;
+    },
+    onInput: d,
+    get prefix() {
+      return s(S, {
+        "aria-hidden": "true",
+        get class() {
+          return o(a(), i.icon);
+        }
+      });
+    },
+    get suffix() {
+      return b(() => !!(u() && !e.disabled))() ? (() => {
+        var t = x();
+        return t.$$click = f, h(t, s(N, {})), v(() => C(t, o(a(), i.clear))), t;
+      })() : null;
+    }
+  }, m));
+}
+I(["click"]);
+export {
+  O as SearchInput
+};

package/dist/SearchInput/SearchInput.module.css.js

@@ -0,0 +1,11 @@
+const c = "_icon_19ygc_1", n = "_clear_19ygc_5", t = "_input_19ygc_28", _ = {
+  icon: c,
+  clear: n,
+  input: t
+};
+export {
+  n as clear,
+  _ as default,
+  c as icon,
+  t as input
+};

package/dist/Select/Select.js

@@ -0,0 +1,122 @@
+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 { 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>");
+const F = {
+  xs: t.triggerSizeXs,
+  sm: t.triggerSizeSm,
+  md: t.triggerSizeMd,
+  lg: t.triggerSizeLg,
+  xl: t.triggerSizeXl
+};
+function M(g) {
+  const e = T(), m = () => e().open, [s, a] = w("");
+  O(() => {
+    e().open || a("");
+  });
+  const P = I(() => {
+    const r = s().toLowerCase();
+    return r ? e().collection.items.filter((i) => i.label.toLowerCase().includes(r)) : e().collection.items;
+  });
+  return l(y, {
+    get open() {
+      return m();
+    },
+    get class() {
+      return t.sheet;
+    },
+    onOpenChange: (r) => {
+      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;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), c(() => i.value = s()), r;
+      })()), (() => {
+        var r = z();
+        return u(r, l(L, {
+          get each() {
+            return P();
+          },
+          children: (i) => l(n.Item, {
+            item: i,
+            get class() {
+              return t.item;
+            },
+            get children() {
+              return l(n.ItemText, {
+                get children() {
+                  return i.label;
+                }
+              });
+            }
+          })
+        })), c(() => d(r, t.list)), r;
+      })()];
+    }
+  });
+}
+const R = {
+  size: "md",
+  disabled: !1,
+  filter: !1
+};
+function V(g) {
+  const [e, m] = x(_(R, g), ["size", "class", "collection", "placeholder", "disabled", "filter", "filterPlaceholder", "defaultValue"]);
+  return (() => {
+    var s = z();
+    return u(s, l(n.Root, b({
+      get collection() {
+        return e.collection;
+      },
+      get disabled() {
+        return e.disabled;
+      }
+    }, m, {
+      get children() {
+        return [l(n.Trigger, {
+          get class() {
+            return A(E("balik-select", e.size), t.triggerBase, F[e.size], e.class);
+          },
+          get children() {
+            return [l(n.ValueText, {
+              get placeholder() {
+                return e.placeholder;
+              }
+            }), (() => {
+              var a = D();
+              return u(a, l(k, {
+                size: "1em",
+                "aria-hidden": "true"
+              })), c(() => d(a, t.indicator)), a;
+            })()];
+          }
+        }), l(M, {
+          get filter() {
+            return e.filter;
+          },
+          get filterPlaceholder() {
+            return e.filterPlaceholder;
+          }
+        }), l(n.HiddenSelect, {})];
+      }
+    }))), c(() => d(s, t.root)), s;
+  })();
+}
+V.Original = n;
+C(["input"]);
+export {
+  V as Select
+};

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

@@ -0,0 +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,
+  triggerSizeXs: i,
+  triggerSizeSm: g,
+  triggerSizeMd: _,
+  triggerSizeLg: n,
+  triggerSizeXl: s,
+  filterWrapper: u,
+  filterInput: o,
+  list: f,
+  sheet: S
+};
+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,
+  _ as triggerSizeMd,
+  g as triggerSizeSm,
+  s as triggerSizeXl,
+  i as triggerSizeXs
+};