@konstructio/ui 0.1.2-alpha.44 → 0.1.2-alpha.47

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -1,36 +1,60 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useCallback as d } from "react";
-import { Input as c } from "../../../Input/Input.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { useCallback as c } from "react";
+import { Input as d } from "../../../Input/Input.js";
 import { FlagSelectorList as p } from "../FlagSelectorList/FlagSelectorList.js";
-import { usePhoneNumberContext as u } from "../../contexts/phone-number.hook.js";
-const S = ({
-  placeholder: r = "Search",
+import { cn as u } from "../../../../utils/index.js";
+import { usePhoneNumberContext as h } from "../../contexts/phone-number.hook.js";
+const C = ({
+  placeholder: e = "Search",
   showFlagOnSearch: o,
-  showInputFilter: a,
-  showNameOnSearch: t,
-  showPlaceHolder: l = !0
+  showInputFilter: t,
+  showNameOnSearch: a,
+  showPlaceHolder: m = !0
 }) => {
-  const { onChangeTermOfSearch: s } = u(), m = d((n) => {
-    s(n.target.value);
+  const { onChangeTermOfSearch: l } = h(), n = c((i) => {
+    l(i.target.value);
   }, []);
-  return /* @__PURE__ */ i("div", { className: "absolute top-full mt-1.5 animate-in fade-in-0 zoom-in-95 w-full border border-gray-100 bg-white shadow-sm py-2 z-10 rounded-sm dark:bg-slate-800 dark:border-slate-600", children: [
-    a && /* @__PURE__ */ e("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ e(
-      c,
-      {
-        isSearch: !0,
-        placeholder: l ? r : void 0,
-        onChange: m
-      }
-    ) }),
-    /* @__PURE__ */ e(
-      p,
-      {
-        showFlagOnSearch: o,
-        showNameOnSearch: t
-      }
-    )
-  ] });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: u(
+        "absolute",
+        "top-full",
+        "mt-1.5",
+        "animate-in",
+        "fade-in-0",
+        "zoom-in-95",
+        "w-full",
+        "border",
+        "border-gray-100",
+        "bg-white",
+        "shadow-sm",
+        "py-2",
+        "z-10",
+        "rounded-sm",
+        "dark:bg-metal-800",
+        "dark:border-metal-700"
+      ),
+      children: [
+        t && /* @__PURE__ */ r("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ r(
+          d,
+          {
+            isSearch: !0,
+            placeholder: m ? e : void 0,
+            onChange: n
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          p,
+          {
+            showFlagOnSearch: o,
+            showNameOnSearch: a
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  S as FlagSelectorWrapper
+  C as FlagSelectorWrapper
 };