@balikjs/mobile 0.1.21 → 0.1.23

package/dist/SearchInput/SearchInput.js

@@ -1,34 +1,34 @@
 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 { splitProps as P, mergeProps as z, createSignal as $, createEffect as k, on as w, onCleanup as N } from "solid-js";
+import { X as S, Search as _ } from "lucide-solid";
+import { Input as x } 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">');
+var E = /* @__PURE__ */ y('<button type=button aria-label="Clear search">');
 const K = {
   variant: "outline",
   size: "md",
   disabled: !1,
   debounce: 300
 };
-function O(c) {
+function U(c) {
   const [e, m] = P(z(K, c), ["variant", "size", "class", "inputClassName", "onKeywordChange", "debounce", "disabled", "placeholder", "onInput"]), [u, l] = $("");
   let n;
-  k(u, (t) => {
+  k(w(u, (t) => {
     const r = setTimeout(() => {
       var p;
       (p = e.onKeywordChange) == null || p.call(e, t);
     }, e.debounce);
-    w(() => clearTimeout(r));
-  });
+    N(() => 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({
+  return s(x, g({
     ref(t) {
       var r = n;
       typeof r == "function" ? r(t) : n = t;
@@ -55,7 +55,7 @@ function O(c) {
     },
     onInput: d,
     get prefix() {
-      return s(S, {
+      return s(_, {
         "aria-hidden": "true",
         get class() {
           return o(a(), i.icon);
@@ -64,13 +64,13 @@ function O(c) {
     },
     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;
+        var t = E();
+        return t.$$click = f, h(t, s(S, {})), v(() => C(t, o(a(), i.clear))), t;
       })() : null;
     }
   }, m));
 }
 I(["click"]);
 export {
-  O as SearchInput
+  U as SearchInput
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@balikjs/mobile",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "A mobile-first UI component library built on top of Ark UI for Solid.js",
   "type": "module",
   "license": "MIT",