@konstructio/ui 0.1.2-alpha.30 → 0.1.2-alpha.32

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

@@ -1,32 +1,32 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { useCallback as d } from "react";
-import { Input as p } from "../../../Input/Input.js";
-import { FlagSelectorList as c } from "../FlagSelectorList/FlagSelectorList.js";
+import { Input as c } 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",
   showFlagOnSearch: o,
-  showInputFilter: t,
-  showNameOnSearch: a,
-  showPlaceHolder: s = !0
+  showInputFilter: a,
+  showNameOnSearch: t,
+  showPlaceHolder: l = !0
 }) => {
-  const { onChangeTermOfSearch: l } = u(), n = d((m) => {
-    l(m.target.value);
+  const { onChangeTermOfSearch: s } = u(), m = d((n) => {
+    s(n.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-transparent bg-white shadow-sm py-2 z-10 rounded-sm dark:bg-slate-800 dark:border-slate-600", children: [
-    t && /* @__PURE__ */ e("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ e(
-      p,
+  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: s ? r : void 0,
-        onChange: n
+        placeholder: l ? r : void 0,
+        onChange: m
       }
     ) }),
     /* @__PURE__ */ e(
-      c,
+      p,
       {
         showFlagOnSearch: o,
-        showNameOnSearch: a
+        showNameOnSearch: t
       }
     )
   ] });