@balikjs/mobile 0.1.5 → 0.1.7

package/dist/Dialog/Dialog.js

@@ -0,0 +1,142 @@
+import { insert as u, createComponent as o, effect as g, className as p, mergeProps as D, Portal as L, memo as l, template as z } from "solid-js/web";
+import { splitProps as E, mergeProps as M, Show as f } from "solid-js";
+import { Dialog as s } from "@ark-ui/solid";
+import { CloseButton as x } from "../CloseButton/CloseButton.js";
+import { cn as i } from "../utils/cn.js";
+import { bem as S } from "../utils/bem.js";
+import { Button as h } from "../Button/Button.js";
+import r from "./Dialog.module.css.js";
+var C = /* @__PURE__ */ z("<div>");
+const $ = {
+  mode: "sheet",
+  modal: !0,
+  lazyMount: !0,
+  unmountOnExit: !0,
+  closeable: !0,
+  backdropBlur: !0,
+  showCancel: !0,
+  showConfirm: !0,
+  cancelLabel: "Cancel",
+  confirmLabel: "Confirm",
+  loading: !1,
+  danger: !1,
+  backdropDismissible: !0
+};
+function v(b) {
+  const [e, O] = E(M($, b), ["mode", "onOpen", "onClose", "onOpenChange", "title", "closeable", "lazyMount", "unmountOnExit", "showCancel", "showConfirm", "cancelLabel", "confirmLabel", "onCancel", "onConfirm", "loading", "danger", "backdropDismissible", "backdropBlur", "modal", "defaultOpen", "footerClass", "footerPlacement", "class", "children"]), a = e.mode === "modal", w = (n) => {
+    var t, m, d;
+    n.open ? (t = e.onOpen) == null || t.call(e) : (m = e.onClose) == null || m.call(e), (d = e.onOpenChange) == null || d.call(e, n);
+  }, P = (n) => {
+    var t;
+    n.open || (t = e.onCancel) == null || t.call(e), w(n);
+  }, k = () => {
+    var n, t;
+    e.loading || ((n = e.onCancel) == null || n.call(e), (t = e.onOpenChange) == null || t.call(e, {
+      open: !1
+    }));
+  }, y = () => {
+    var n;
+    (n = e.onConfirm) == null || n.call(e);
+  }, B = e.showCancel !== e.showConfirm, c = (() => {
+    var n = C();
+    return u(n, o(f, {
+      get when() {
+        return e.showCancel;
+      },
+      get children() {
+        return o(h, {
+          size: "sm",
+          get disabled() {
+            return e.loading;
+          },
+          onClick: k,
+          get children() {
+            return e.cancelLabel;
+          }
+        });
+      }
+    }), null), u(n, o(f, {
+      get when() {
+        return e.showConfirm;
+      },
+      get children() {
+        return o(h, {
+          size: "sm",
+          solid: !0,
+          get danger() {
+            return e.danger;
+          },
+          get loading() {
+            return e.loading;
+          },
+          onClick: y,
+          get children() {
+            return e.confirmLabel;
+          }
+        });
+      }
+    }), null), g(() => p(n, i(r.footer, B && r.footerSingle, e.footerClass))), n;
+  })();
+  return o(s.Root, D(O, {
+    onOpenChange: P,
+    get modal() {
+      return e.modal;
+    },
+    get lazyMount() {
+      return e.lazyMount;
+    },
+    get unmountOnExit() {
+      return e.unmountOnExit;
+    },
+    get closeOnInteractOutside() {
+      return l(() => !!e.backdropDismissible)() && !e.loading;
+    },
+    get children() {
+      return o(L, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          return [o(s.Backdrop, {
+            get class() {
+              return i(r.backdrop, e.backdropBlur && r.blurred);
+            }
+          }), o(s.Positioner, {
+            get class() {
+              return i(r.positioner, !a && r.positionerSheet);
+            },
+            get children() {
+              return o(s.Content, {
+                get class() {
+                  return i(S(), r.content, a ? r.contentModal : r.contentSheet, e.class);
+                },
+                get children() {
+                  return [l(() => l(() => !!e.title)() && o(s.Title, {
+                    get class() {
+                      return r.title;
+                    },
+                    get children() {
+                      return e.title;
+                    }
+                  })), l(() => e.footerPlacement === "top" && (e.showCancel || e.showConfirm) && c), (() => {
+                    var n = C();
+                    return u(n, () => e.children), g(() => p(n, r.body)), n;
+                  })(), l(() => e.footerPlacement !== "top" && (e.showCancel || e.showConfirm) && c), l(() => l(() => !!(a && e.closeable && !e.loading))() && o(s.CloseTrigger, {
+                    asChild: x,
+                    get class() {
+                      return r.close;
+                    }
+                  }))];
+                }
+              });
+            }
+          })];
+        }
+      });
+    }
+  }));
+}
+v.Original = s;
+export {
+  v as Dialog
+};

package/dist/Dialog/Dialog.module.css.js

@@ -0,0 +1,29 @@
+const o = "_backdrop_1dyp4_1", t = "_blurred_1dyp4_11", e = "_positioner_1dyp4_27", n = "_positionerSheet_1dyp4_38", _ = "_content_1dyp4_44", c = "_contentModal_1dyp4_54", d = "_contentSheet_1dyp4_80", s = "_title_1dyp4_97", p = "_body_1dyp4_110", r = "_footer_1dyp4_117", i = "_footerSingle_1dyp4_127", l = "_close_1dyp4_131", y = {
+  backdrop: o,
+  blurred: t,
+  positioner: e,
+  positionerSheet: n,
+  content: _,
+  contentModal: c,
+  contentSheet: d,
+  title: s,
+  body: p,
+  footer: r,
+  footerSingle: i,
+  close: l
+};
+export {
+  o as backdrop,
+  t as blurred,
+  p as body,
+  l as close,
+  _ as content,
+  c as contentModal,
+  d as contentSheet,
+  y as default,
+  r as footer,
+  i as footerSingle,
+  e as positioner,
+  n as positionerSheet,
+  s as title
+};

package/dist/Divider/Divider.js

@@ -0,0 +1,27 @@
+import { spread as a, mergeProps as n, template as s } from "solid-js/web";
+import { splitProps as l, mergeProps as m } from "solid-js";
+import { bem as p } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import t from "./Divider.module.css.js";
+var f = /* @__PURE__ */ s("<hr>");
+const v = {
+  horizontal: t.horizontal,
+  vertical: t.vertical
+}, P = {
+  orientation: "horizontal"
+};
+function _(e) {
+  const [r, i] = l(m(P, e), ["orientation", "class"]);
+  return (() => {
+    var o = f();
+    return a(o, n(i, {
+      "data-part": "root",
+      get class() {
+        return c(p("balik-divider", r.orientation), v[r.orientation], r.class);
+      }
+    }), !1, !1), o;
+  })();
+}
+export {
+  _ as Divider
+};

package/dist/Divider/Divider.module.css.js

@@ -0,0 +1,9 @@
+const t = "_horizontal_487ge_1", o = "_vertical_487ge_9", a = {
+  horizontal: t,
+  vertical: o
+};
+export {
+  a as default,
+  t as horizontal,
+  o as vertical
+};

package/dist/Drawer/Drawer.js

@@ -0,0 +1,59 @@
+import { createComponent as h, Portal as g, effect as s, className as v, setAttribute as m, insert as c, memo as b, template as u, delegateEvents as C } from "solid-js/web";
+import { splitProps as P, mergeProps as k } from "solid-js";
+import { bem as y } from "../utils/bem.js";
+import { cn as D } from "../utils/cn.js";
+import d from "./Drawer.module.css.js";
+var O = /* @__PURE__ */ u("<div data-part=backdrop>"), $ = /* @__PURE__ */ u("<div role=dialog aria-modal=true data-part=panel><div data-part=body>"), w = /* @__PURE__ */ u("<div data-part=header><h2 data-part=title>");
+const A = {
+  side: "right"
+};
+function F(f) {
+  const [r] = P(k(A, f), ["open", "onOpenChange", "title", "side", "class", "children"]);
+  return h(g, {
+    get mount() {
+      return document.body;
+    },
+    get children() {
+      return [(() => {
+        var a = O();
+        return a.$$click = () => {
+          var t;
+          return (t = r.onOpenChange) == null ? void 0 : t.call(r, !1);
+        }, s((t) => {
+          var e = d.backdrop, o = r.open ? "" : void 0;
+          return e !== t.e && v(a, t.e = e), o !== t.t && m(a, "data-open", t.t = o), t;
+        }, {
+          e: void 0,
+          t: void 0
+        }), a;
+      })(), (() => {
+        var a = $(), t = a.firstChild;
+        return c(a, (() => {
+          var e = b(() => !!r.title);
+          return () => e() && (() => {
+            var o = w(), n = o.firstChild;
+            return c(n, () => r.title), s((i) => {
+              var l = d.header, p = d.title;
+              return l !== i.e && v(o, i.e = l), p !== i.t && v(n, i.t = p), i;
+            }, {
+              e: void 0,
+              t: void 0
+            }), o;
+          })();
+        })(), t), c(t, () => r.children), s((e) => {
+          var o = D(y(), d.panel, r.side === "left" ? d.sideLeft : d.sideRight, r.class), n = r.open ? "" : void 0, i = r.title || "Drawer", l = d.body;
+          return o !== e.e && v(a, e.e = o), n !== e.t && m(a, "data-open", e.t = n), i !== e.a && m(a, "aria-label", e.a = i), l !== e.o && v(t, e.o = l), e;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0,
+          o: void 0
+        }), a;
+      })()];
+    }
+  });
+}
+C(["click"]);
+export {
+  F as Drawer
+};

package/dist/Drawer/Drawer.module.css.js

@@ -0,0 +1,19 @@
+const e = "_backdrop_c5zjb_1", t = "_panel_c5zjb_17", _ = "_sideLeft_c5zjb_36", c = "_sideRight_c5zjb_46", s = "_header_c5zjb_56", d = "_title_c5zjb_64", o = "_body_c5zjb_72", b = {
+  backdrop: e,
+  panel: t,
+  sideLeft: _,
+  sideRight: c,
+  header: s,
+  title: d,
+  body: o
+};
+export {
+  e as backdrop,
+  o as body,
+  b as default,
+  s as header,
+  t as panel,
+  _ as sideLeft,
+  c as sideRight,
+  d as title
+};

package/dist/Empty/Empty.js

@@ -0,0 +1,25 @@
+import { insert as m, effect as n, className as s, template as p } from "solid-js/web";
+import { splitProps as f, mergeProps as v } from "solid-js";
+import { bem as d } from "../utils/bem.js";
+import { cn as u } from "../utils/cn.js";
+import a from "./Empty.module.css.js";
+var P = /* @__PURE__ */ p("<div data-part=root><p>");
+const b = {
+  title: "No data"
+};
+function h(c) {
+  const [e] = f(v(b, c), ["title", "icon", "class"]);
+  return (() => {
+    var r = P(), o = r.firstChild;
+    return m(r, () => e.icon, o), m(o, () => e.title), n((t) => {
+      var i = u(d(), a.base, e.class), l = a.title;
+      return i !== t.e && s(r, t.e = i), l !== t.t && s(o, t.t = l), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), r;
+  })();
+}
+export {
+  h as Empty
+};

package/dist/Empty/Empty.module.css.js

@@ -0,0 +1,9 @@
+const t = "_base_42vb6_1", e = "_title_42vb6_12", s = {
+  base: t,
+  title: e
+};
+export {
+  t as base,
+  s as default,
+  e as title
+};

package/dist/Fab/Fab.js

@@ -0,0 +1,79 @@
+import { spread as g, mergeProps as b, insert as l, effect as i, className as c, createComponent as s, memo as $, template as m } from "solid-js/web";
+import { splitProps as u, mergeProps as f } from "solid-js";
+import { Popover as P, PopoverTrigger as h, PopoverContent as C } from "../Popover/Popover.js";
+import { bem as y } from "../utils/bem.js";
+import { cn as F } from "../utils/cn.js";
+import r from "./Fab.module.css.js";
+var d = /* @__PURE__ */ m("<button><span data-part=icon>"), I = /* @__PURE__ */ m("<span data-part=label>"), L = /* @__PURE__ */ m("<div data-part=items>");
+const v = {};
+function R(a) {
+  const [e, o] = u(f(v, a), ["icon", "class"]);
+  return (() => {
+    var t = d(), n = t.firstChild;
+    return g(t, b(o, {
+      type: "button",
+      "data-part": "root",
+      get class() {
+        return F(y(), r.base, e.class);
+      }
+    }), !1, !0), l(n, () => e.icon), i(() => c(n, r.icon)), t;
+  })();
+}
+function E(a) {
+  const [e, o] = u(a, ["icon", "label", "class"]);
+  return (() => {
+    var t = d(), n = t.firstChild;
+    return g(t, b(o, {
+      type: "button",
+      get class() {
+        return [r.item, e.class].filter(Boolean).join(" ");
+      },
+      "data-part": "item"
+    }), !1, !0), l(n, () => e.icon), l(t, (() => {
+      var _ = $(() => !!e.label);
+      return () => _() && (() => {
+        var p = I();
+        return l(p, () => e.label), i(() => c(p, r.itemLabel)), p;
+      })();
+    })(), null), i(() => c(n, r.itemIcon)), t;
+  })();
+}
+function G(a) {
+  const [e] = u(f(v, a), ["icon", "aria-label", "class", "style", "children"]);
+  return s(P, {
+    positioning: {
+      placement: "top-end",
+      gutter: 16
+    },
+    get children() {
+      return [s(h, {
+        get children() {
+          return s(R, {
+            get icon() {
+              return e.icon;
+            },
+            get "aria-label"() {
+              return e["aria-label"];
+            },
+            get class() {
+              return r.trigger;
+            }
+          });
+        }
+      }), s(C, {
+        get class() {
+          return r.groupContent;
+        },
+        get children() {
+          var o = L();
+          return l(o, () => e.children), i(() => c(o, r.items)), o;
+        }
+      })];
+    }
+  });
+}
+export {
+  R as Fab,
+  G as FabGroup,
+  E as FabItem
+};

package/dist/Fab/Fab.module.css.js

@@ -0,0 +1,19 @@
+const e = "_base_1mlce_1", t = "_icon_1mlce_28", c = "_groupContent_1mlce_41", o = "_items_1mlce_49", _ = "_item_1mlce_49", n = "_itemIcon_1mlce_79", m = "_itemLabel_1mlce_92", s = {
+  base: e,
+  icon: t,
+  groupContent: c,
+  items: o,
+  item: _,
+  itemIcon: n,
+  itemLabel: m
+};
+export {
+  e as base,
+  s as default,
+  c as groupContent,
+  t as icon,
+  _ as item,
+  n as itemIcon,
+  m as itemLabel,
+  o as items
+};

package/dist/Field/Field.js

@@ -0,0 +1,70 @@
+import { createComponent as i, mergeProps as q, memo as r, insert as y, effect as O, className as x, template as P } from "solid-js/web";
+import { splitProps as T, mergeProps as $ } from "solid-js";
+import { Field as o } from "@ark-ui/solid";
+import { bem as F } from "../utils/bem.js";
+import { cn as m } from "../utils/cn.js";
+import l from "./Field.module.css.js";
+var C = /* @__PURE__ */ P("<div>");
+const t = (n) => typeof n == "function" ? n() : n;
+function E(n = {}) {
+  const [e, g] = T($({
+    label: "",
+    error: "",
+    helper: "",
+    required: !1,
+    compact: !1
+  }, n), ["label", "error", "helper", "required", "compact", "invalid", "disabled", "readOnly", "class", "children"]), s = () => t(e.error), c = () => t(e.helper), p = () => !!s(), f = () => !!c(), a = () => t(e.compact), u = () => t(e.required), h = () => p() ? !0 : e.invalid === void 0 ? void 0 : t(e.invalid), b = () => e.disabled === void 0 ? void 0 : t(e.disabled), v = () => e.readOnly === void 0 ? void 0 : t(e.readOnly);
+  return i(o.Root, q(g, {
+    get invalid() {
+      return h();
+    },
+    get disabled() {
+      return b();
+    },
+    get readOnly() {
+      return v();
+    },
+    get required() {
+      return u();
+    },
+    get class() {
+      return m(F("balik-field", a() && "compact"), a() ? l.compact : l.root, e.class);
+    },
+    get children() {
+      return [r(() => r(() => !!t(e.label))() ? i(o.Label, {
+        get class() {
+          return m(l.label, a() && l.compactLabel);
+        },
+        get children() {
+          return [r(() => t(e.label)), r(() => r(() => !!u())() && i(o.RequiredIndicator, {
+            get class() {
+              return l.required;
+            },
+            children: "*"
+          }))];
+        }
+      }) : null), r(() => r(() => !!a())() ? (() => {
+        var d = C();
+        return y(d, () => e.children), O(() => x(d, l.inputWrap)), d;
+      })() : e.children), r(() => r(() => !!p())() ? i(o.ErrorText, {
+        get class() {
+          return l.errorText;
+        },
+        get children() {
+          return s();
+        }
+      }) : r(() => !!f())() ? i(o.HelperText, {
+        get class() {
+          return l.helperText;
+        },
+        get children() {
+          return c();
+        }
+      }) : null)];
+    }
+  }));
+}
+E.Original = o;
+export {
+  E as Field
+};

package/dist/Field/Field.module.css.js

@@ -0,0 +1,21 @@
+const e = "_root_pfa4w_1", t = "_compact_pfa4w_7", a = "_label_pfa4w_15", o = "_compactLabel_pfa4w_21", r = "_inputWrap_pfa4w_26", p = "_required_pfa4w_34", _ = "_errorText_pfa4w_39", c = "_helperText_pfa4w_46", l = {
+  root: e,
+  compact: t,
+  label: a,
+  compactLabel: o,
+  inputWrap: r,
+  required: p,
+  errorText: _,
+  helperText: c
+};
+export {
+  t as compact,
+  o as compactLabel,
+  l as default,
+  _ as errorText,
+  c as helperText,
+  r as inputWrap,
+  a as label,
+  p as required,
+  e as root
+};

package/dist/Fieldset/Fieldset.js

@@ -0,0 +1,31 @@
+import { createComponent as l, mergeProps as m, memo as t } from "solid-js/web";
+import { splitProps as i, mergeProps as c } from "solid-js";
+import { Fieldset as o } from "@ark-ui/solid";
+import { bem as a } from "../utils/bem.js";
+import { cn as f } from "../utils/cn.js";
+import s from "./Fieldset.module.css.js";
+const n = (e) => typeof e == "function" ? e() : e;
+function h(e = {}) {
+  const [r, p] = i(c({
+    helper: ""
+  }, e), ["helper", "class", "children"]);
+  return l(o.Root, m(p, {
+    get class() {
+      return f(a(), s.root, r.class);
+    },
+    get children() {
+      return [t(() => r.children), t(() => t(() => !!n(r.helper))() ? l(o.HelperText, {
+        get class() {
+          return s.helperText;
+        },
+        get children() {
+          return n(r.helper);
+        }
+      }) : null)];
+    }
+  }));
+}
+h.Original = o;
+export {
+  h as Fieldset
+};

package/dist/Fieldset/Fieldset.module.css.js

@@ -0,0 +1,9 @@
+const e = "_root_1ff22_1", t = "_helperText_1ff22_10", o = {
+  root: e,
+  helperText: t
+};
+export {
+  o as default,
+  t as helperText,
+  e as root
+};