@balikjs/mobile 0.1.4 → 0.1.6

package/dist/SelectPc/Select.js

@@ -0,0 +1,130 @@
+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 { 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 = {
+  outline: t.triggerVariantOutline
+}, D = {
+  xs: t.triggerSizeXs,
+  sm: t.triggerSizeSm,
+  md: t.triggerSizeMd,
+  lg: t.triggerSizeLg,
+  xl: t.triggerSizeXl
+}, F = {
+  variant: "outline",
+  size: "md",
+  disabled: !1,
+  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 = () => {
+    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({
+    get class() {
+      return t.root;
+    }
+  }, b, {
+    get collection() {
+      return i.collection;
+    },
+    get disabled() {
+      return i.disabled;
+    },
+    closeOnSelect: !0,
+    lazyMount: !0,
+    unmountOnExit: !0,
+    positioning: {
+      sameWidth: !0
+    },
+    onOpenChange: (e) => {
+      e.open || d(""), typeof g == "function" && g(e);
+    },
+    get children() {
+      return [r(n.Control, {
+        get children() {
+          return r(n.Trigger, {
+            get class() {
+              return M(E("balik-select", i.variant, i.size), t.triggerBase, B[i.variant], D[i.size], i.class);
+            },
+            get children() {
+              return [r(n.ValueText, {
+                get placeholder() {
+                  return i.placeholder;
+                }
+              }), (() => {
+                var e = R();
+                return x(e, r(k, {
+                  size: "1em",
+                  "aria-hidden": "true"
+                })), a(() => s(e, t.indicator)), e;
+              })()];
+            }
+          });
+        }
+      }), r(y, {
+        get children() {
+          return r(n.Positioner, {
+            get children() {
+              return r(n.Content, {
+                get class() {
+                  return t.content;
+                },
+                style: {
+                  "--_border-radius": C
+                },
+                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;
+                    }, {
+                      e: void 0,
+                      t: void 0,
+                      a: void 0
+                    }), a(() => o.value = u()), e;
+                  })()), r(n.ItemGroup, {
+                    get children() {
+                      return r(_, {
+                        get each() {
+                          return P();
+                        },
+                        children: (e) => r(n.Item, {
+                          item: e,
+                          get class() {
+                            return t.item;
+                          },
+                          get children() {
+                            return r(n.ItemText, {
+                              get children() {
+                                return e.label;
+                              }
+                            });
+                          }
+                        })
+                      });
+                    }
+                  })];
+                }
+              });
+            }
+          });
+        }
+      }), r(n.HiddenSelect, {})];
+    }
+  }));
+}
+W.Original = n;
+w(["input"]);
+export {
+  W as SelectPc
+};

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

@@ -0,0 +1,31 @@
+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
+};
+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
+};

package/dist/Skeleton/Skeleton.js

@@ -0,0 +1,42 @@
+import { spread as h, mergeProps as u, memo as f, insert as g, createComponent as P, effect as w, className as y, setStyleProperty as n, template as l } from "solid-js/web";
+import { splitProps as S, mergeProps as _, createMemo as b, For as A } from "solid-js";
+import { bem as C } from "../utils/bem.js";
+import { cn as F } from "../utils/cn.js";
+import a from "./Skeleton.module.css.js";
+var $ = /* @__PURE__ */ l("<div>"), k = /* @__PURE__ */ l("<span role=presentation data-part=item aria-hidden=true>");
+const x = {
+  count: 1,
+  circle: !1
+};
+function O(m) {
+  const [r, p] = S(_(x, m), ["width", "height", "circle", "count", "class"]), d = b(() => Array.from({
+    length: r.count
+  }, (o, t) => t)), v = () => F(C(), a.base, r.circle && a.circle, r.class);
+  return (() => {
+    var o = $();
+    return h(o, u(p, {
+      get class() {
+        return f(() => r.count > 1)() ? a.wrapper : void 0;
+      },
+      "data-part": "root"
+    }), !1, !0), g(o, P(A, {
+      get each() {
+        return d();
+      },
+      children: () => (() => {
+        var t = k();
+        return w((e) => {
+          var i = v(), s = r.width || void 0, c = r.height || void 0;
+          return i !== e.e && y(t, e.e = i), s !== e.t && n(t, "width", e.t = s), c !== e.a && n(t, "height", e.a = c), e;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), t;
+      })()
+    })), o;
+  })();
+}
+export {
+  O as Skeleton
+};

package/dist/Skeleton/Skeleton.module.css.js

@@ -0,0 +1,11 @@
+const e = "_base_6tgv1_10", c = "_circle_6tgv1_25", r = "_wrapper_6tgv1_29", s = {
+  base: e,
+  circle: c,
+  wrapper: r
+};
+export {
+  e as base,
+  c as circle,
+  s as default,
+  r as wrapper
+};

package/dist/Slider/Slider.js

@@ -0,0 +1,63 @@
+import { createComponent as e, mergeProps as a, memo as l } from "solid-js/web";
+import { splitProps as c, mergeProps as i } from "solid-js";
+import { Slider as r } from "@ark-ui/solid";
+import { bem as m } from "../utils/bem.js";
+import { cn as g } from "../utils/cn.js";
+import t from "./Slider.module.css.js";
+const u = {
+  min: 0,
+  max: 100,
+  step: 1
+};
+function d(o) {
+  const [n, s] = c(i(u, o), ["label", "class", "children", "defaultValue"]);
+  return e(r.Root, a(s, {
+    get class() {
+      return g(m(), t.root, n.class);
+    },
+    get children() {
+      return [l(() => l(() => !!n.label)() && e(r.Label, {
+        get class() {
+          return t.label;
+        },
+        get children() {
+          return n.label;
+        }
+      })), e(r.Control, {
+        get class() {
+          return t.control;
+        },
+        get children() {
+          return [e(r.Track, {
+            get class() {
+              return t.track;
+            },
+            get children() {
+              return e(r.Range, {
+                get class() {
+                  return t.range;
+                }
+              });
+            }
+          }), e(r.Thumb, {
+            index: 0,
+            get class() {
+              return t.thumb;
+            },
+            get children() {
+              return [e(r.DraggingIndicator, {
+                get class() {
+                  return t.indicator;
+                }
+              }), e(r.HiddenInput, {})];
+            }
+          })];
+        }
+      })];
+    }
+  }));
+}
+d.Original = r;
+export {
+  d as Slider
+};

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

@@ -0,0 +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 = {
+  root: t,
+  label: o,
+  control: _,
+  track: s,
+  range: c,
+  thumb: n,
+  indicator: r
+};
+export {
+  _ as control,
+  a as default,
+  r as indicator,
+  o as label,
+  c as range,
+  t as root,
+  n as thumb,
+  s as track
+};

package/dist/Spinner/Spinner.js

@@ -0,0 +1,31 @@
+import { createComponent as o } from "solid-js/web";
+import { splitProps as t, mergeProps as i } from "solid-js";
+import { Loader2 as m } from "lucide-solid";
+import { bem as a } from "../utils/bem.js";
+import { cn as l } from "../utils/cn.js";
+import s from "./Spinner.module.css.js";
+const n = {
+  xs: s.sizeXs,
+  sm: s.sizeSm,
+  md: s.sizeMd,
+  lg: s.sizeLg,
+  xl: s.sizeXl
+}, p = {
+  size: "md"
+};
+function u(r) {
+  const [e] = t(i(p, r), ["size", "label", "class"]);
+  return o(m, {
+    role: "status",
+    "data-part": "root",
+    get "aria-label"() {
+      return e.label || "Loading";
+    },
+    get class() {
+      return l(a("balik-spinner", e.size), s.base, n[e.size], e.class);
+    }
+  });
+}
+export {
+  u as Spinner
+};

package/dist/Spinner/Spinner.module.css.js

@@ -0,0 +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 = {
+  base: s,
+  sizeXs: e,
+  sizeSm: _,
+  sizeMd: i,
+  sizeLg: z,
+  sizeXl: t
+};
+export {
+  s as base,
+  m as default,
+  z as sizeLg,
+  i as sizeMd,
+  _ as sizeSm,
+  t as sizeXl,
+  e as sizeXs
+};

package/dist/Steps/Steps.js

@@ -0,0 +1,173 @@
+import { createComponent as n, mergeProps as l, spread as C, insert as d, template as v } from "solid-js/web";
+import { splitProps as o, mergeProps as x, createSignal as P, useContext as T, onMount as I, onCleanup as _, createContext as $ } from "solid-js";
+import { Steps as i, useStepsItemContext as L } from "@ark-ui/solid";
+import { Check as N } from "lucide-solid";
+import { bem as R } from "../utils/bem.js";
+import { cn as a } from "../utils/cn.js";
+import s from "./Steps.module.css.js";
+var p = /* @__PURE__ */ v("<span>");
+const M = {
+  vertical: !1
+}, m = $();
+function O() {
+  const e = L()();
+  return e.completed ? n(N, {
+    size: 14,
+    "aria-hidden": "true"
+  }) : (() => {
+    var t = p();
+    return d(t, () => e.index + 1), t;
+  })();
+}
+function b(r) {
+  const [e, t] = o(x(M, r), ["class", "children", "vertical", "defaultStep", "count"]), [c, g] = P(0), h = () => g((u) => u + 1), f = () => g((u) => Math.max(0, u - 1)), S = () => e.count ?? c();
+  return n(m.Provider, {
+    value: {
+      register: h,
+      unregister: f
+    },
+    get children() {
+      return n(i.Root, l(t, {
+        get count() {
+          return S();
+        },
+        get class() {
+          return a(R(), s.root, e.vertical && s.vertical, e.class);
+        },
+        get children() {
+          return e.children;
+        }
+      }));
+    }
+  });
+}
+function q(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.List, l(t, {
+    get class() {
+      return a(s.list, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function w(r) {
+  const [e, t] = o(r, ["class", "children"]), c = T(m);
+  return I(() => c == null ? void 0 : c.register()), _(() => c == null ? void 0 : c.unregister()), n(i.Item, l(t, {
+    get class() {
+      return a(s.item, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function B(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.Trigger, l(t, {
+    get class() {
+      return a(s.itemTrigger, e.class);
+    },
+    get children() {
+      return e.children || [n(k, {}), n(y, {})];
+    }
+  }));
+}
+function k(r) {
+  const [e, t] = o(r, ["class"]);
+  return n(i.Indicator, l(t, {
+    get class() {
+      return a(s.indicator, e.class);
+    },
+    get children() {
+      return n(O, {});
+    }
+  }));
+}
+function y(r) {
+  const [e, t] = o(r, ["class"]);
+  return (() => {
+    var c = p();
+    return C(c, l(t, {
+      get class() {
+        return a(s.itemTitle, e.class);
+      }
+    }), !1, !0), d(c, () => r.children), c;
+  })();
+}
+function G(r) {
+  const [e, t] = o(r, ["class"]);
+  return n(i.Separator, l(t, {
+    get class() {
+      return a(s.separator, e.class);
+    }
+  }));
+}
+function H(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.Content, l(t, {
+    get class() {
+      return a(s.content, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function J(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.CompletedContent, l(t, {
+    get class() {
+      return a(s.completedContent, e.class);
+    },
+    get children() {
+      return e.children;
+    }
+  }));
+}
+function K(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.PrevTrigger, l(t, {
+    get class() {
+      return a(s.prevTrigger, e.class);
+    },
+    get children() {
+      return e.children || "Previous";
+    }
+  }));
+}
+function Q(r) {
+  const [e, t] = o(r, ["class", "children"]);
+  return n(i.NextTrigger, l(t, {
+    get class() {
+      return a(s.nextTrigger, e.class);
+    },
+    get children() {
+      return e.children || "Next";
+    }
+  }));
+}
+function V(r) {
+  const [e, t] = o(r, ["class"]);
+  return n(i.Progress, l(t, {
+    get class() {
+      return a(s.progress, e.class);
+    }
+  }));
+}
+b.Original = i;
+export {
+  b as Steps,
+  J as StepsCompletedContent,
+  H as StepsContent,
+  k as StepsIndicator,
+  w as StepsItem,
+  q as StepsList,
+  Q as StepsNextTrigger,
+  K as StepsPrevTrigger,
+  V as StepsProgress,
+  G as StepsSeparator,
+  y as StepsTitle,
+  B as StepsTrigger
+};

package/dist/Steps/Steps.module.css.js

@@ -0,0 +1,31 @@
+const t = "_root_upu3v_1", e = "_list_upu3v_7", r = "_item_upu3v_14", o = "_itemTrigger_upu3v_20", _ = "_itemTitle_upu3v_34", i = "_indicator_upu3v_46", n = "_separator_upu3v_75", s = "_content_upu3v_87", u = "_completedContent_upu3v_95", c = "_progress_upu3v_103", p = "_prevTrigger_upu3v_113", g = "_nextTrigger_upu3v_114", v = "_vertical_upu3v_161", a = {
+  root: t,
+  list: e,
+  item: r,
+  itemTrigger: o,
+  itemTitle: _,
+  indicator: i,
+  separator: n,
+  content: s,
+  completedContent: u,
+  progress: c,
+  prevTrigger: p,
+  nextTrigger: g,
+  vertical: v
+};
+export {
+  u as completedContent,
+  s as content,
+  a as default,
+  i as indicator,
+  r as item,
+  _ as itemTitle,
+  o as itemTrigger,
+  e as list,
+  g as nextTrigger,
+  p as prevTrigger,
+  c as progress,
+  t as root,
+  n as separator,
+  v as vertical
+};

package/dist/StickyHeader/StickyHeader.js

@@ -0,0 +1,30 @@
+import { spread as p, mergeProps as a, insert as l, template as m } from "solid-js/web";
+import { splitProps as f, mergeProps as i } from "solid-js";
+import { bem as c } from "../utils/bem.js";
+import { cn as n } from "../utils/cn.js";
+import o from "./StickyHeader.module.css.js";
+var d = /* @__PURE__ */ m("<div>");
+const u = {
+  offsetTop: 0
+};
+function T(s) {
+  const [r, e] = f(i(u, s), ["class", "children", "offsetTop", "shadow"]);
+  return (() => {
+    var t = d();
+    return p(t, a(e, {
+      get class() {
+        return n(c(), o.base, r.shadow && o.shadow, r.class);
+      },
+      get style() {
+        return {
+          top: `${r.offsetTop}px`,
+          ...typeof e.style == "object" ? e.style : void 0
+        };
+      },
+      "data-part": "root"
+    }), !1, !0), l(t, () => r.children), t;
+  })();
+}
+export {
+  T as StickyHeader
+};

package/dist/StickyHeader/StickyHeader.module.css.js

@@ -0,0 +1,9 @@
+const s = "_base_1e9r3_1", a = "_shadow_1e9r3_7", e = {
+  base: s,
+  shadow: a
+};
+export {
+  s as base,
+  e as default,
+  a as shadow
+};

package/dist/Switch/Switch.js

@@ -0,0 +1,49 @@
+import { createComponent as t, mergeProps as n, memo as o } from "solid-js/web";
+import { splitProps as m, mergeProps as c } from "solid-js";
+import { Switch as r } from "@ark-ui/solid";
+import { bem as a } from "../utils/bem.js";
+import { cn as p } from "../utils/cn.js";
+import e from "./Switch.module.css.js";
+const d = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, g = {
+  size: "md"
+};
+function u(i) {
+  const [s, l] = m(c(g, i), ["class", "children", "size", "defaultChecked"]);
+  return t(r.Root, n(l, {
+    get class() {
+      return p(a(), e.root, d[s.size], s.class);
+    },
+    get children() {
+      return [t(r.Control, {
+        get class() {
+          return e.control;
+        },
+        get children() {
+          return t(r.Thumb, {
+            get class() {
+              return e.thumb;
+            }
+          });
+        }
+      }), o(() => o(() => !!s.children)() && t(r.Label, {
+        get class() {
+          return e.label;
+        },
+        get children() {
+          return s.children;
+        }
+      })), t(r.HiddenInput, {})];
+    }
+  }));
+}
+u.Original = r;
+export {
+  u as Switch
+};

package/dist/Switch/Switch.module.css.js

@@ -0,0 +1,25 @@
+const s = "_root_eevss_1", e = "_control_eevss_16", _ = "_thumb_eevss_42", o = "_label_eevss_68", t = "_sizeXs_eevss_80", i = "_sizeSm_eevss_93", z = "_sizeMd_eevss_106", l = "_sizeLg_eevss_119", c = "_sizeXl_eevss_132", n = "_size2xl_eevss_145", v = {
+  root: s,
+  control: e,
+  thumb: _,
+  label: o,
+  sizeXs: t,
+  sizeSm: i,
+  sizeMd: z,
+  sizeLg: l,
+  sizeXl: c,
+  size2xl: n
+};
+export {
+  e as control,
+  v as default,
+  o as label,
+  s as root,
+  n as size2xl,
+  l as sizeLg,
+  z as sizeMd,
+  i as sizeSm,
+  c as sizeXl,
+  t as sizeXs,
+  _ as thumb
+};