@petnow/ui 1.6.8 → 1.6.10

package/dist/index.es.js

@@ -14186,21 +14186,23 @@ function yy(n, r) {
   return Fc(n).getFullYear();
 }
 const My = ({ label: n, placeholder: r, value: e, onChange: t, helperText: o }) => {
-  const a = (/* @__PURE__ */ new Date()).getFullYear(), i = Array.from({ length: a - 1989 }, (u, d) => 1990 + d), s = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], l = xs(({ value: u, onClick: d }, h) => /* @__PURE__ */ R.jsx(
-    "button",
-    {
-      "aria-label": "inputButton",
-      type: "button",
-      id: n,
-      className: "h-[60px] w-full rounded-xl bg-[#F8F8F9] p-4 text-left text-xl placeholder:text-[#C5C8CD] focus:outline-none disabled:opacity-50",
-      onClick: d,
-      ref: h,
-      children: u || /* @__PURE__ */ R.jsx("p", { className: "text-[#C5C8CD]", children: r })
-    }
-  ));
+  const a = (/* @__PURE__ */ new Date()).getFullYear(), i = Array.from({ length: a - 1989 }, (u, d) => 1990 + d), s = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], l = xs(
+    ({ value: u, onClick: d }, h) => /* @__PURE__ */ R.jsx(
+      "button",
+      {
+        "aria-label": "inputButton",
+        type: "button",
+        id: n,
+        className: "h-[60px] w-full rounded-xl bg-[#F8F8F9] p-4 text-left text-xl placeholder:text-[#C5C8CD] focus:outline-none disabled:opacity-50",
+        onClick: d,
+        ref: h,
+        children: u || /* @__PURE__ */ R.jsx("p", { className: "text-[#C5C8CD]", children: r })
+      }
+    )
+  );
   l.displayName = "CustomInput";
   function c(u) {
-    var d = u.substring(0, 4), h = u.substring(5, 7), f = u.substring(8, 10);
+    const d = u.substring(0, 4), h = u.substring(5, 7), f = u.substring(8, 10);
     return new Date(Number(d), Number(h) - 1, Number(f));
   }
   return /* @__PURE__ */ R.jsxs("div", { className: "flex flex-col text-deepGray", children: [
@@ -14316,12 +14318,15 @@ const Ty = ({ label: n, placeholder: r, value: e, options: t, onChange: o, disab
   const [l, c] = se("");
   let u;
   const d = (p) => {
-    u && clearTimeout(u), o(""), u = setTimeout(async () => {
+    u && clearTimeout(u), u = setTimeout(async () => {
       c(p.target.value);
     }, 200);
   }, h = (p) => {
-    o(""), c(p.target.value);
-  }, f = l === "" ? t.slice(0, 4) : t.filter((p) => p.name.replace(/ /g, "").includes(l.replace(/ /g, ""))).slice(0, 4);
+    c(p.target.value);
+  }, f = l === "" ? t.slice(0, 4) : t.filter((p) => {
+    var m;
+    return (m = p.name) == null ? void 0 : m.replace(/ /g, "").includes(l.replace(/ /g, ""));
+  }).slice(0, 4);
   return /* @__PURE__ */ R.jsxs("div", { children: [
     /* @__PURE__ */ R.jsx("div", { className: "relative flex flex-col text-deepGray", children: /* @__PURE__ */ R.jsxs(
       mh,
@@ -14339,6 +14344,9 @@ const Ty = ({ label: n, placeholder: r, value: e, options: t, onChange: o, disab
               className: "mt-4 flex w-full items-center justify-between rounded-xl bg-[#F8F8F8] p-4 text-xl placeholder:text-[#C5C8CD] focus:outline-none disabled:opacity-50",
               value: e,
               onChange: s ? h : d,
+              onKeyDown: (p) => {
+                p.key === "Backspace" && o({ name: void 0, value: void 0 });
+              },
               placeholder: r,
               autoComplete: "off"
             }