@balikjs/mobile 0.1.4 → 0.1.6

package/dist/Tabs/Tabs.js

@@ -0,0 +1,55 @@
+import { createComponent as n, mergeProps as o } from "solid-js/web";
+import { splitProps as e } from "solid-js";
+import { Tabs as a } from "@ark-ui/solid";
+import { bem as c } from "../utils/bem.js";
+import { cn as l } from "../utils/cn.js";
+import i from "./Tabs.module.css.js";
+function m(t) {
+  const [r, s] = e(t, ["variant", "defaultValue", "defaultIndex"]), u = r.variant ?? "card";
+  return n(a.Root, o({
+    get class() {
+      return l(c());
+    },
+    "data-tabs-variant": u
+  }, s));
+}
+function v(t) {
+  const [r, s] = e(t, ["class"]);
+  return n(a.List, o({
+    get class() {
+      return l(c(), i.list, r.class);
+    }
+  }, s));
+}
+function C(t) {
+  const [r, s] = e(t, ["class"]);
+  return n(a.Trigger, o({
+    get class() {
+      return l(c(), i.trigger, r.class);
+    }
+  }, s));
+}
+function I(t) {
+  const [r, s] = e(t, ["class"]);
+  return n(a.Content, o({
+    get class() {
+      return l(c(), i.content, r.class);
+    }
+  }, s));
+}
+function x(t) {
+  const [r, s] = e(t, ["class"]);
+  return n(a.Indicator, o({
+    get class() {
+      return l(c(), i.indicator, r.class);
+    }
+  }, s));
+}
+m.Original = a;
+export {
+  m as Tabs,
+  I as TabsContent,
+  x as TabsIndicator,
+  v as TabsList,
+  C as TabsTrigger
+};

package/dist/Tabs/Tabs.module.css.js

@@ -0,0 +1,13 @@
+const t = "_list_1hun2_1", n = "_trigger_1hun2_7", i = "_indicator_1hun2_38", o = "_content_1hun2_58", _ = {
+  list: t,
+  trigger: n,
+  indicator: i,
+  content: o
+};
+export {
+  o as content,
+  _ as default,
+  i as indicator,
+  t as list,
+  n as trigger
+};

package/dist/Tag/Tag.js

@@ -0,0 +1,58 @@
+import { spread as m, mergeProps as c, insert as r, memo as p, createComponent as u, template as d } from "solid-js/web";
+import { splitProps as f, mergeProps as g } from "solid-js";
+import { CloseButton as z } from "../CloseButton/CloseButton.js";
+import { bem as v } from "../utils/bem.js";
+import { cn as P } from "../utils/cn.js";
+import e from "./Tag.module.css.js";
+var b = /* @__PURE__ */ d("<span>");
+const x = {
+  solid: e.solid,
+  outline: e.outline
+}, C = {
+  default: e.intentDefault,
+  success: e.intentSuccess,
+  warning: e.intentWarning,
+  danger: e.intentDanger,
+  info: e.intentInfo
+}, _ = {
+  xs: e.sizeXs,
+  sm: e.sizeSm,
+  md: e.sizeMd,
+  lg: e.sizeLg,
+  xl: e.sizeXl,
+  "2xl": e.size2xl
+}, $ = {
+  variant: "solid",
+  intent: "default",
+  size: "sm",
+  closable: !1
+};
+function X(o) {
+  const [t, i] = f(g($, o), ["variant", "intent", "size", "closable", "onClose", "class", "children"]);
+  return (() => {
+    var s = b();
+    return m(s, c(i, {
+      "data-part": "root",
+      get class() {
+        return P(v("balik-tag", t.variant, t.intent, t.size), e.base, x[t.variant], C[t.intent], _[t.size], t.class);
+      }
+    }), !1, !0), r(s, () => t.children, null), r(s, (() => {
+      var a = p(() => !!t.closable);
+      return () => a() && u(z, {
+        size: "xs",
+        rounded: !0,
+        get class() {
+          return e.close;
+        },
+        "data-part": "close",
+        onClick: (l) => {
+          var n;
+          l.stopPropagation(), (n = t.onClose) == null || n.call(t);
+        }
+      });
+    })(), null), s;
+  })();
+}
+export {
+  X as Tag
+};

package/dist/Tag/Tag.module.css.js

@@ -0,0 +1,35 @@
+const n = "_base_18cwb_1", s = "_solid_18cwb_19", t = "_outline_18cwb_25", e = "_intentDefault_18cwb_31", _ = "_intentSuccess_18cwb_37", i = "_intentWarning_18cwb_43", c = "_intentDanger_18cwb_49", o = "_intentInfo_18cwb_55", l = "_close_18cwb_61", b = "_sizeXs_18cwb_94", z = "_sizeSm_18cwb_101", w = "_sizeMd_18cwb_108", a = "_sizeLg_18cwb_115", u = "_sizeXl_18cwb_122", g = "_size2xl_18cwb_129", d = {
+  base: n,
+  solid: s,
+  outline: t,
+  intentDefault: e,
+  intentSuccess: _,
+  intentWarning: i,
+  intentDanger: c,
+  intentInfo: o,
+  close: l,
+  sizeXs: b,
+  sizeSm: z,
+  sizeMd: w,
+  sizeLg: a,
+  sizeXl: u,
+  size2xl: g
+};
+export {
+  n as base,
+  l as close,
+  d as default,
+  c as intentDanger,
+  e as intentDefault,
+  o as intentInfo,
+  _ as intentSuccess,
+  i as intentWarning,
+  t as outline,
+  g as size2xl,
+  a as sizeLg,
+  w as sizeMd,
+  z as sizeSm,
+  u as sizeXl,
+  b as sizeXs,
+  s as solid
+};

package/dist/Textarea/Textarea.js

@@ -0,0 +1,32 @@
+import { createComponent as o, mergeProps as a } from "solid-js/web";
+import { splitProps as m, mergeProps as n } from "solid-js";
+import { ark as r } from "@ark-ui/solid/factory";
+import { bem as l } from "../utils/bem.js";
+import { cn as p } from "../utils/cn.js";
+import s from "./Textarea.module.css.js";
+const c = {
+  solid: s.solid,
+  outline: s.outline
+}, z = {
+  xs: s.sizeXs,
+  sm: s.sizeSm,
+  md: s.sizeMd,
+  lg: s.sizeLg,
+  xl: s.sizeXl
+}, f = {
+  variant: "outline",
+  size: "md",
+  disabled: !1
+};
+function d(t) {
+  const [e, i] = m(n(f, t), ["variant", "size", "class"]);
+  return o(r.textarea, a(i, {
+    get class() {
+      return p(l("balik-textarea", e.variant, e.size), s.base, c[e.variant], z[e.size], e.class);
+    }
+  }));
+}
+d.Original = r;
+export {
+  d as Textarea
+};

package/dist/Textarea/Textarea.module.css.js

@@ -0,0 +1,21 @@
+const s = "_base_n2l8t_1", e = "_solid_n2l8t_32", _ = "_outline_n2l8t_41", t = "_sizeXs_n2l8t_51", i = "_sizeSm_n2l8t_59", n = "_sizeMd_n2l8t_67", l = "_sizeLg_n2l8t_75", o = "_sizeXl_n2l8t_83", z = {
+  base: s,
+  solid: e,
+  outline: _,
+  sizeXs: t,
+  sizeSm: i,
+  sizeMd: n,
+  sizeLg: l,
+  sizeXl: o
+};
+export {
+  s as base,
+  z as default,
+  _ as outline,
+  l as sizeLg,
+  n as sizeMd,
+  i as sizeSm,
+  o as sizeXl,
+  t as sizeXs,
+  e as solid
+};

package/dist/Toast/Toast.js

@@ -0,0 +1,137 @@
+import { spread as E, mergeProps as I, insert as l, createComponent as a, template as u, memo as P, effect as b, className as d } from "solid-js/web";
+import { createStore as z } from "solid-js/store";
+import { splitProps as C, mergeProps as A, For as B, createEffect as F, onCleanup as L } from "solid-js";
+import { Info as R, XCircle as S, TriangleAlert as N, CircleCheck as k } from "lucide-solid";
+import { CloseButton as w } from "../CloseButton/CloseButton.js";
+import { bem as T } from "../utils/bem.js";
+import { cn as x } from "../utils/cn.js";
+import e from "./Toast.module.css.js";
+var y = /* @__PURE__ */ u("<section>"), D = /* @__PURE__ */ u("<div role=status data-part=item><span data-part=icon></span><div data-part=body><p data-part=title>"), O = /* @__PURE__ */ u("<p data-part=description>");
+const q = {
+  "top-left": e.positionTopLeft,
+  "top-center": e.positionTopCenter,
+  "top-right": e.positionTopRight,
+  "bottom-left": e.positionBottomLeft,
+  "bottom-center": e.positionBottomCenter,
+  "bottom-right": e.positionBottomRight
+}, G = {
+  info: e.intentInfo,
+  success: e.intentSuccess,
+  warning: e.intentWarning,
+  danger: e.intentDanger
+}, U = {
+  success: () => a(k, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  warning: () => a(N, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  danger: () => a(S, {
+    size: 20,
+    "aria-hidden": "true"
+  }),
+  info: () => a(R, {
+    size: 20,
+    "aria-hidden": "true"
+  })
+};
+let V = 0;
+const [_, p] = z([]);
+function et(n) {
+  const t = typeof n == "string" ? {
+    title: n
+  } : n, s = ++V, i = t.duration ?? 5e3;
+  return p([..._, {
+    id: s,
+    title: t.title,
+    description: t.description ?? "",
+    intent: t.intent ?? "info",
+    duration: i,
+    state: "enter"
+  }]), i > 0 && setTimeout(() => $(s), i), s;
+}
+function $(n) {
+  p((t) => t.id === n, "state", "exit");
+}
+function W(n) {
+  p((t) => t.filter((s) => s.id !== n));
+}
+const X = {
+  position: "top-right"
+};
+function it(n) {
+  const [t, s] = C(A(X, n), ["position", "class"]);
+  return (() => {
+    var i = y();
+    return E(i, I(s, {
+      "aria-live": "polite",
+      "aria-label": "Notifications",
+      get class() {
+        return x(T(), e.region, q[t.position], t.class);
+      },
+      "data-part": "region"
+    }), !1, !0), l(i, a(B, {
+      each: _,
+      children: (o) => a(j, {
+        get id() {
+          return o.id;
+        },
+        get title() {
+          return o.title;
+        },
+        get description() {
+          return o.description;
+        },
+        get intent() {
+          return o.intent;
+        },
+        get state() {
+          return o.state;
+        }
+      })
+    })), i;
+  })();
+}
+function j(n) {
+  const [t] = C(n, ["id", "title", "description", "intent", "state"]), s = (i) => {
+    i.target === i.currentTarget && t.state === "exit" && W(t.id);
+  };
+  return F(() => {
+    if (t.state === "enter") {
+      const i = requestAnimationFrame(() => {
+        p((o) => o.id === t.id, "state", "visible");
+      });
+      L(() => cancelAnimationFrame(i));
+    }
+  }), (() => {
+    var i = D(), o = i.firstChild, m = o.nextSibling, f = m.firstChild;
+    return i.addEventListener("transitionend", s), l(o, () => U[t.intent]()), l(f, () => t.title), l(m, (() => {
+      var r = P(() => !!t.description);
+      return () => r() && (() => {
+        var c = O();
+        return l(c, () => t.description), b(() => d(c, e.description)), c;
+      })();
+    })(), null), l(i, a(w, {
+      size: "xs",
+      get class() {
+        return e.close;
+      },
+      onClick: () => $(t.id),
+      "data-part": "close"
+    }), null), b((r) => {
+      var c = x(T(), e.item, G[t.intent], t.state === "exit" && e.itemExit, t.state === "visible" && e.itemVisible), g = e.icon, v = e.body, h = e.title;
+      return c !== r.e && d(i, r.e = c), g !== r.t && d(o, r.t = g), v !== r.a && d(m, r.a = v), h !== r.o && d(f, r.o = h), r;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    }), i;
+  })();
+}
+export {
+  it as Toast,
+  et as toast
+};

package/dist/Toast/Toast.module.css.js

@@ -0,0 +1,43 @@
+const t = "_region_xjbrb_1", o = "_positionTopLeft_xjbrb_13", i = "_positionTopCenter_xjbrb_19", n = "_positionTopRight_xjbrb_26", e = "_positionBottomLeft_xjbrb_32", _ = "_positionBottomCenter_xjbrb_39", s = "_positionBottomRight_xjbrb_47", b = "_item_xjbrb_54", r = "_itemVisible_xjbrb_72", c = "_itemExit_xjbrb_77", p = "_icon_xjbrb_82", x = "_body_xjbrb_95", j = "_title_xjbrb_100", m = "_description_xjbrb_109", g = "_close_xjbrb_118", l = "_intentSuccess_xjbrb_140", f = "_intentWarning_xjbrb_144", B = "_intentDanger_xjbrb_148", T = "_intentInfo_xjbrb_152", a = {
+  region: t,
+  positionTopLeft: o,
+  positionTopCenter: i,
+  positionTopRight: n,
+  positionBottomLeft: e,
+  positionBottomCenter: _,
+  positionBottomRight: s,
+  item: b,
+  itemVisible: r,
+  itemExit: c,
+  icon: p,
+  body: x,
+  title: j,
+  description: m,
+  close: g,
+  intentSuccess: l,
+  intentWarning: f,
+  intentDanger: B,
+  intentInfo: T
+};
+export {
+  x as body,
+  g as close,
+  a as default,
+  m as description,
+  p as icon,
+  B as intentDanger,
+  T as intentInfo,
+  l as intentSuccess,
+  f as intentWarning,
+  b as item,
+  c as itemExit,
+  r as itemVisible,
+  _ as positionBottomCenter,
+  e as positionBottomLeft,
+  s as positionBottomRight,
+  i as positionTopCenter,
+  o as positionTopLeft,
+  n as positionTopRight,
+  t as region,
+  j as title
+};

package/dist/Toggle/Toggle.js

@@ -0,0 +1,33 @@
+import { createComponent as n, mergeProps as l } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+import { Toggle as e } from "@ark-ui/solid";
+import { bem as a } from "../utils/bem.js";
+import { cn as c } from "../utils/cn.js";
+import i from "./Toggle.module.css.js";
+function m(o) {
+  const [r, t] = s(o, ["class", "children", "defaultPressed"]);
+  return n(e.Root, l(t, {
+    get class() {
+      return c(a(), i.root, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+function T(o) {
+  const [r, t] = s(o, ["class", "children"]);
+  return n(e.Indicator, l(t, {
+    get class() {
+      return c(i.indicator, r.class);
+    },
+    get children() {
+      return r.children;
+    }
+  }));
+}
+m.Original = e;
+export {
+  m as Toggle,
+  T as ToggleIndicator
+};

package/dist/Toggle/Toggle.module.css.js

@@ -0,0 +1,9 @@
+const o = "_root_8md5k_1", t = "_indicator_8md5k_40", r = {
+  root: o,
+  indicator: t
+};
+export {
+  r as default,
+  t as indicator,
+  o as root
+};

package/dist/ToggleGroup/ToggleGroup.js

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

package/dist/ToggleGroup/ToggleGroup.module.css.js

@@ -0,0 +1,19 @@
+const s = "_root_1yyof_1", o = "_item_1yyof_6", e = "_sizeXs_1yyof_64", _ = "_sizeSm_1yyof_75", i = "_sizeMd_1yyof_86", t = "_sizeLg_1yyof_97", y = "_sizeXl_1yyof_108", z = {
+  root: s,
+  item: o,
+  sizeXs: e,
+  sizeSm: _,
+  sizeMd: i,
+  sizeLg: t,
+  sizeXl: y
+};
+export {
+  z as default,
+  o as item,
+  s as root,
+  t as sizeLg,
+  i as sizeMd,
+  _ as sizeSm,
+  y as sizeXl,
+  e as sizeXs
+};

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,71 @@
+import { createComponent as r, mergeProps as s, Portal as i, memo as c } from "solid-js/web";
+import { splitProps as a, mergeProps as g } from "solid-js";
+import { Tooltip as e } from "@ark-ui/solid";
+import { bem as p } from "../utils/bem.js";
+import { cn as m } from "../utils/cn.js";
+import t from "./Tooltip.module.css.js";
+const u = {
+  openDelay: 300,
+  closeDelay: 100
+};
+function d(n) {
+  const [o, l] = a(g(u, n), ["content", "class", "children", "defaultOpen"]);
+  return r(e.Root, s(l, {
+    get openDelay() {
+      return o.openDelay;
+    },
+    get closeDelay() {
+      return o.closeDelay;
+    },
+    get class() {
+      return m(p());
+    },
+    get children() {
+      return [r(e.Trigger, {
+        as: "div",
+        get class() {
+          return t.trigger;
+        },
+        get children() {
+          return o.children;
+        }
+      }), r(i, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          return r(e.Positioner, {
+            get class() {
+              return t.positioner;
+            },
+            get children() {
+              return r(e.Content, {
+                get class() {
+                  return t.content;
+                },
+                get children() {
+                  return [r(e.Arrow, {
+                    get class() {
+                      return t.arrow;
+                    },
+                    get children() {
+                      return r(e.ArrowTip, {
+                        get class() {
+                          return t.arrowTip;
+                        }
+                      });
+                    }
+                  }), c(() => o.content)];
+                }
+              });
+            }
+          });
+        }
+      })];
+    }
+  }));
+}
+d.Original = e;
+export {
+  d as Tooltip
+};

package/dist/Tooltip/Tooltip.module.css.js

@@ -0,0 +1,13 @@
+const t = "_trigger_1nmhi_1", n = "_positioner_1nmhi_10", o = "_content_1nmhi_14", i = "_arrowTip_1nmhi_38", r = {
+  trigger: t,
+  positioner: n,
+  content: o,
+  arrowTip: i
+};
+export {
+  i as arrowTip,
+  o as content,
+  r as default,
+  n as positioner,
+  t as trigger
+};