@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260925110206 → 0.8.1-dev.20260929055955

package/dist/index.js

@@ -2586,16 +2586,339 @@ var init_PercentageInput = __esm({
   }
 });
 
+// src/components/utilities/CountryCodes.tsx
+var COUNTRY_CODES, PRIMARY_COUNTRY_BY_DIAL_CODE, findCountryByDialCode, findCountryByIso2, getDialCodeByCountryCode, resolveCountry, getCountryFlag, splitPhoneNumber;
+var init_CountryCodes = __esm({
+  "src/components/utilities/CountryCodes.tsx"() {
+    "use strict";
+    COUNTRY_CODES = [
+      { name: "Afghanistan", iso2: "AF", dialCode: "+93" },
+      { name: "\xC5land Islands", iso2: "AX", dialCode: "+358" },
+      { name: "Albania", iso2: "AL", dialCode: "+355" },
+      { name: "Algeria", iso2: "DZ", dialCode: "+213" },
+      { name: "American Samoa", iso2: "AS", dialCode: "+1684" },
+      { name: "Andorra", iso2: "AD", dialCode: "+376" },
+      { name: "Angola", iso2: "AO", dialCode: "+244" },
+      { name: "Anguilla", iso2: "AI", dialCode: "+1264" },
+      { name: "Antigua and Barbuda", iso2: "AG", dialCode: "+1268" },
+      { name: "Argentina", iso2: "AR", dialCode: "+54" },
+      { name: "Armenia", iso2: "AM", dialCode: "+374" },
+      { name: "Aruba", iso2: "AW", dialCode: "+297" },
+      { name: "Australia", iso2: "AU", dialCode: "+61" },
+      { name: "Austria", iso2: "AT", dialCode: "+43" },
+      { name: "Azerbaijan", iso2: "AZ", dialCode: "+994" },
+      { name: "Bahamas", iso2: "BS", dialCode: "+1242" },
+      { name: "Bahrain", iso2: "BH", dialCode: "+973" },
+      { name: "Bangladesh", iso2: "BD", dialCode: "+880" },
+      { name: "Barbados", iso2: "BB", dialCode: "+1246" },
+      { name: "Belarus", iso2: "BY", dialCode: "+375" },
+      { name: "Belgium", iso2: "BE", dialCode: "+32" },
+      { name: "Belize", iso2: "BZ", dialCode: "+501" },
+      { name: "Benin", iso2: "BJ", dialCode: "+229" },
+      { name: "Bermuda", iso2: "BM", dialCode: "+1441" },
+      { name: "Bhutan", iso2: "BT", dialCode: "+975" },
+      { name: "Bolivia", iso2: "BO", dialCode: "+591" },
+      { name: "Bosnia and Herzegovina", iso2: "BA", dialCode: "+387" },
+      { name: "Botswana", iso2: "BW", dialCode: "+267" },
+      { name: "Brazil", iso2: "BR", dialCode: "+55" },
+      { name: "British Indian Ocean Territory", iso2: "IO", dialCode: "+246" },
+      { name: "British Virgin Islands", iso2: "VG", dialCode: "+1284" },
+      { name: "Brunei", iso2: "BN", dialCode: "+673" },
+      { name: "Bulgaria", iso2: "BG", dialCode: "+359" },
+      { name: "Burkina Faso", iso2: "BF", dialCode: "+226" },
+      { name: "Burundi", iso2: "BI", dialCode: "+257" },
+      { name: "Cambodia", iso2: "KH", dialCode: "+855" },
+      { name: "Cameroon", iso2: "CM", dialCode: "+237" },
+      { name: "Canada", iso2: "CA", dialCode: "+1" },
+      { name: "Cape Verde", iso2: "CV", dialCode: "+238" },
+      { name: "Caribbean Netherlands", iso2: "BQ", dialCode: "+599" },
+      { name: "Cayman Islands", iso2: "KY", dialCode: "+1345" },
+      { name: "Central African Republic", iso2: "CF", dialCode: "+236" },
+      { name: "Chad", iso2: "TD", dialCode: "+235" },
+      { name: "Chile", iso2: "CL", dialCode: "+56" },
+      { name: "China", iso2: "CN", dialCode: "+86" },
+      { name: "Christmas Island", iso2: "CX", dialCode: "+61" },
+      { name: "Cocos (Keeling) Islands", iso2: "CC", dialCode: "+61" },
+      { name: "Colombia", iso2: "CO", dialCode: "+57" },
+      { name: "Comoros", iso2: "KM", dialCode: "+269" },
+      { name: "Congo", iso2: "CG", dialCode: "+242" },
+      { name: "Congo (DRC)", iso2: "CD", dialCode: "+243" },
+      { name: "Cook Islands", iso2: "CK", dialCode: "+682" },
+      { name: "Costa Rica", iso2: "CR", dialCode: "+506" },
+      { name: "C\xF4te d'Ivoire", iso2: "CI", dialCode: "+225" },
+      { name: "Croatia", iso2: "HR", dialCode: "+385" },
+      { name: "Cuba", iso2: "CU", dialCode: "+53" },
+      { name: "Cura\xE7ao", iso2: "CW", dialCode: "+599" },
+      { name: "Cyprus", iso2: "CY", dialCode: "+357" },
+      { name: "Czech Republic", iso2: "CZ", dialCode: "+420" },
+      { name: "Denmark", iso2: "DK", dialCode: "+45" },
+      { name: "Djibouti", iso2: "DJ", dialCode: "+253" },
+      { name: "Dominica", iso2: "DM", dialCode: "+1767" },
+      { name: "Dominican Republic", iso2: "DO", dialCode: "+1" },
+      { name: "Ecuador", iso2: "EC", dialCode: "+593" },
+      { name: "Egypt", iso2: "EG", dialCode: "+20" },
+      { name: "El Salvador", iso2: "SV", dialCode: "+503" },
+      { name: "Equatorial Guinea", iso2: "GQ", dialCode: "+240" },
+      { name: "Eritrea", iso2: "ER", dialCode: "+291" },
+      { name: "Estonia", iso2: "EE", dialCode: "+372" },
+      { name: "Eswatini", iso2: "SZ", dialCode: "+268" },
+      { name: "Ethiopia", iso2: "ET", dialCode: "+251" },
+      { name: "Falkland Islands", iso2: "FK", dialCode: "+500" },
+      { name: "Faroe Islands", iso2: "FO", dialCode: "+298" },
+      { name: "Fiji", iso2: "FJ", dialCode: "+679" },
+      { name: "Finland", iso2: "FI", dialCode: "+358" },
+      { name: "France", iso2: "FR", dialCode: "+33" },
+      { name: "French Guiana", iso2: "GF", dialCode: "+594" },
+      { name: "French Polynesia", iso2: "PF", dialCode: "+689" },
+      { name: "Gabon", iso2: "GA", dialCode: "+241" },
+      { name: "Gambia", iso2: "GM", dialCode: "+220" },
+      { name: "Georgia", iso2: "GE", dialCode: "+995" },
+      { name: "Germany", iso2: "DE", dialCode: "+49" },
+      { name: "Ghana", iso2: "GH", dialCode: "+233" },
+      { name: "Gibraltar", iso2: "GI", dialCode: "+350" },
+      { name: "Greece", iso2: "GR", dialCode: "+30" },
+      { name: "Greenland", iso2: "GL", dialCode: "+299" },
+      { name: "Grenada", iso2: "GD", dialCode: "+1473" },
+      { name: "Guadeloupe", iso2: "GP", dialCode: "+590" },
+      { name: "Guam", iso2: "GU", dialCode: "+1671" },
+      { name: "Guatemala", iso2: "GT", dialCode: "+502" },
+      { name: "Guernsey", iso2: "GG", dialCode: "+44" },
+      { name: "Guinea", iso2: "GN", dialCode: "+224" },
+      { name: "Guinea-Bissau", iso2: "GW", dialCode: "+245" },
+      { name: "Guyana", iso2: "GY", dialCode: "+592" },
+      { name: "Haiti", iso2: "HT", dialCode: "+509" },
+      { name: "Honduras", iso2: "HN", dialCode: "+504" },
+      { name: "Hong Kong", iso2: "HK", dialCode: "+852" },
+      { name: "Hungary", iso2: "HU", dialCode: "+36" },
+      { name: "Iceland", iso2: "IS", dialCode: "+354" },
+      { name: "India", iso2: "IN", dialCode: "+91" },
+      { name: "Indonesia", iso2: "ID", dialCode: "+62" },
+      { name: "Iran", iso2: "IR", dialCode: "+98" },
+      { name: "Iraq", iso2: "IQ", dialCode: "+964" },
+      { name: "Ireland", iso2: "IE", dialCode: "+353" },
+      { name: "Isle of Man", iso2: "IM", dialCode: "+44" },
+      { name: "Israel", iso2: "IL", dialCode: "+972" },
+      { name: "Italy", iso2: "IT", dialCode: "+39" },
+      { name: "Jamaica", iso2: "JM", dialCode: "+1876" },
+      { name: "Japan", iso2: "JP", dialCode: "+81" },
+      { name: "Jersey", iso2: "JE", dialCode: "+44" },
+      { name: "Jordan", iso2: "JO", dialCode: "+962" },
+      { name: "Kazakhstan", iso2: "KZ", dialCode: "+7" },
+      { name: "Kenya", iso2: "KE", dialCode: "+254" },
+      { name: "Kiribati", iso2: "KI", dialCode: "+686" },
+      { name: "Kosovo", iso2: "XK", dialCode: "+383" },
+      { name: "Kuwait", iso2: "KW", dialCode: "+965" },
+      { name: "Kyrgyzstan", iso2: "KG", dialCode: "+996" },
+      { name: "Laos", iso2: "LA", dialCode: "+856" },
+      { name: "Latvia", iso2: "LV", dialCode: "+371" },
+      { name: "Lebanon", iso2: "LB", dialCode: "+961" },
+      { name: "Lesotho", iso2: "LS", dialCode: "+266" },
+      { name: "Liberia", iso2: "LR", dialCode: "+231" },
+      { name: "Libya", iso2: "LY", dialCode: "+218" },
+      { name: "Liechtenstein", iso2: "LI", dialCode: "+423" },
+      { name: "Lithuania", iso2: "LT", dialCode: "+370" },
+      { name: "Luxembourg", iso2: "LU", dialCode: "+352" },
+      { name: "Macau", iso2: "MO", dialCode: "+853" },
+      { name: "Madagascar", iso2: "MG", dialCode: "+261" },
+      { name: "Malawi", iso2: "MW", dialCode: "+265" },
+      { name: "Malaysia", iso2: "MY", dialCode: "+60" },
+      { name: "Maldives", iso2: "MV", dialCode: "+960" },
+      { name: "Mali", iso2: "ML", dialCode: "+223" },
+      { name: "Malta", iso2: "MT", dialCode: "+356" },
+      { name: "Marshall Islands", iso2: "MH", dialCode: "+692" },
+      { name: "Martinique", iso2: "MQ", dialCode: "+596" },
+      { name: "Mauritania", iso2: "MR", dialCode: "+222" },
+      { name: "Mauritius", iso2: "MU", dialCode: "+230" },
+      { name: "Mayotte", iso2: "YT", dialCode: "+262" },
+      { name: "Mexico", iso2: "MX", dialCode: "+52" },
+      { name: "Micronesia", iso2: "FM", dialCode: "+691" },
+      { name: "Moldova", iso2: "MD", dialCode: "+373" },
+      { name: "Monaco", iso2: "MC", dialCode: "+377" },
+      { name: "Mongolia", iso2: "MN", dialCode: "+976" },
+      { name: "Montenegro", iso2: "ME", dialCode: "+382" },
+      { name: "Montserrat", iso2: "MS", dialCode: "+1664" },
+      { name: "Morocco", iso2: "MA", dialCode: "+212" },
+      { name: "Mozambique", iso2: "MZ", dialCode: "+258" },
+      { name: "Myanmar", iso2: "MM", dialCode: "+95" },
+      { name: "Namibia", iso2: "NA", dialCode: "+264" },
+      { name: "Nauru", iso2: "NR", dialCode: "+674" },
+      { name: "Nepal", iso2: "NP", dialCode: "+977" },
+      { name: "Netherlands", iso2: "NL", dialCode: "+31" },
+      { name: "New Caledonia", iso2: "NC", dialCode: "+687" },
+      { name: "New Zealand", iso2: "NZ", dialCode: "+64" },
+      { name: "Nicaragua", iso2: "NI", dialCode: "+505" },
+      { name: "Niger", iso2: "NE", dialCode: "+227" },
+      { name: "Nigeria", iso2: "NG", dialCode: "+234" },
+      { name: "Niue", iso2: "NU", dialCode: "+683" },
+      { name: "Norfolk Island", iso2: "NF", dialCode: "+672" },
+      { name: "North Korea", iso2: "KP", dialCode: "+850" },
+      { name: "North Macedonia", iso2: "MK", dialCode: "+389" },
+      { name: "Northern Mariana Islands", iso2: "MP", dialCode: "+1670" },
+      { name: "Norway", iso2: "NO", dialCode: "+47" },
+      { name: "Oman", iso2: "OM", dialCode: "+968" },
+      { name: "Pakistan", iso2: "PK", dialCode: "+92" },
+      { name: "Palau", iso2: "PW", dialCode: "+680" },
+      { name: "Palestine", iso2: "PS", dialCode: "+970" },
+      { name: "Panama", iso2: "PA", dialCode: "+507" },
+      { name: "Papua New Guinea", iso2: "PG", dialCode: "+675" },
+      { name: "Paraguay", iso2: "PY", dialCode: "+595" },
+      { name: "Peru", iso2: "PE", dialCode: "+51" },
+      { name: "Philippines", iso2: "PH", dialCode: "+63" },
+      { name: "Poland", iso2: "PL", dialCode: "+48" },
+      { name: "Portugal", iso2: "PT", dialCode: "+351" },
+      { name: "Puerto Rico", iso2: "PR", dialCode: "+1" },
+      { name: "Qatar", iso2: "QA", dialCode: "+974" },
+      { name: "R\xE9union", iso2: "RE", dialCode: "+262" },
+      { name: "Romania", iso2: "RO", dialCode: "+40" },
+      { name: "Russia", iso2: "RU", dialCode: "+7" },
+      { name: "Rwanda", iso2: "RW", dialCode: "+250" },
+      { name: "Saint Barth\xE9lemy", iso2: "BL", dialCode: "+590" },
+      { name: "Saint Helena", iso2: "SH", dialCode: "+290" },
+      { name: "Saint Kitts and Nevis", iso2: "KN", dialCode: "+1869" },
+      { name: "Saint Lucia", iso2: "LC", dialCode: "+1758" },
+      { name: "Saint Martin", iso2: "MF", dialCode: "+590" },
+      { name: "Saint Pierre and Miquelon", iso2: "PM", dialCode: "+508" },
+      { name: "Saint Vincent and the Grenadines", iso2: "VC", dialCode: "+1784" },
+      { name: "Samoa", iso2: "WS", dialCode: "+685" },
+      { name: "San Marino", iso2: "SM", dialCode: "+378" },
+      { name: "S\xE3o Tom\xE9 and Pr\xEDncipe", iso2: "ST", dialCode: "+239" },
+      { name: "Saudi Arabia", iso2: "SA", dialCode: "+966" },
+      { name: "Senegal", iso2: "SN", dialCode: "+221" },
+      { name: "Serbia", iso2: "RS", dialCode: "+381" },
+      { name: "Seychelles", iso2: "SC", dialCode: "+248" },
+      { name: "Sierra Leone", iso2: "SL", dialCode: "+232" },
+      { name: "Singapore", iso2: "SG", dialCode: "+65" },
+      { name: "Sint Maarten", iso2: "SX", dialCode: "+1721" },
+      { name: "Slovakia", iso2: "SK", dialCode: "+421" },
+      { name: "Slovenia", iso2: "SI", dialCode: "+386" },
+      { name: "Solomon Islands", iso2: "SB", dialCode: "+677" },
+      { name: "Somalia", iso2: "SO", dialCode: "+252" },
+      { name: "South Africa", iso2: "ZA", dialCode: "+27" },
+      { name: "South Korea", iso2: "KR", dialCode: "+82" },
+      { name: "South Sudan", iso2: "SS", dialCode: "+211" },
+      { name: "Spain", iso2: "ES", dialCode: "+34" },
+      { name: "Sri Lanka", iso2: "LK", dialCode: "+94" },
+      { name: "Sudan", iso2: "SD", dialCode: "+249" },
+      { name: "Suriname", iso2: "SR", dialCode: "+597" },
+      { name: "Svalbard and Jan Mayen", iso2: "SJ", dialCode: "+47" },
+      { name: "Sweden", iso2: "SE", dialCode: "+46" },
+      { name: "Switzerland", iso2: "CH", dialCode: "+41" },
+      { name: "Syria", iso2: "SY", dialCode: "+963" },
+      { name: "Taiwan", iso2: "TW", dialCode: "+886" },
+      { name: "Tajikistan", iso2: "TJ", dialCode: "+992" },
+      { name: "Tanzania", iso2: "TZ", dialCode: "+255" },
+      { name: "Thailand", iso2: "TH", dialCode: "+66" },
+      { name: "Timor-Leste", iso2: "TL", dialCode: "+670" },
+      { name: "Togo", iso2: "TG", dialCode: "+228" },
+      { name: "Tokelau", iso2: "TK", dialCode: "+690" },
+      { name: "Tonga", iso2: "TO", dialCode: "+676" },
+      { name: "Trinidad and Tobago", iso2: "TT", dialCode: "+1868" },
+      { name: "Tunisia", iso2: "TN", dialCode: "+216" },
+      { name: "Turkey", iso2: "TR", dialCode: "+90" },
+      { name: "Turkmenistan", iso2: "TM", dialCode: "+993" },
+      { name: "Turks and Caicos Islands", iso2: "TC", dialCode: "+1649" },
+      { name: "Tuvalu", iso2: "TV", dialCode: "+688" },
+      { name: "Uganda", iso2: "UG", dialCode: "+256" },
+      { name: "Ukraine", iso2: "UA", dialCode: "+380" },
+      { name: "United Arab Emirates", iso2: "AE", dialCode: "+971" },
+      { name: "United Kingdom", iso2: "GB", dialCode: "+44" },
+      { name: "United States", iso2: "US", dialCode: "+1" },
+      { name: "U.S. Virgin Islands", iso2: "VI", dialCode: "+1340" },
+      { name: "Uruguay", iso2: "UY", dialCode: "+598" },
+      { name: "Uzbekistan", iso2: "UZ", dialCode: "+998" },
+      { name: "Vanuatu", iso2: "VU", dialCode: "+678" },
+      { name: "Vatican City", iso2: "VA", dialCode: "+39" },
+      { name: "Venezuela", iso2: "VE", dialCode: "+58" },
+      { name: "Vietnam", iso2: "VN", dialCode: "+84" },
+      { name: "Wallis and Futuna", iso2: "WF", dialCode: "+681" },
+      { name: "Western Sahara", iso2: "EH", dialCode: "+212" },
+      { name: "Yemen", iso2: "YE", dialCode: "+967" },
+      { name: "Zambia", iso2: "ZM", dialCode: "+260" },
+      { name: "Zimbabwe", iso2: "ZW", dialCode: "+263" }
+    ];
+    PRIMARY_COUNTRY_BY_DIAL_CODE = {
+      "+1": "US",
+      "+7": "RU",
+      "+39": "IT",
+      "+44": "GB",
+      "+47": "NO",
+      "+61": "AU",
+      "+212": "MA",
+      "+262": "RE",
+      "+358": "FI",
+      "+590": "GP",
+      "+599": "CW"
+    };
+    findCountryByDialCode = (dialCode) => {
+      const primaryIso2 = PRIMARY_COUNTRY_BY_DIAL_CODE[dialCode];
+      return primaryIso2 && COUNTRY_CODES.find((c) => c.iso2 === primaryIso2) || COUNTRY_CODES.find((c) => c.dialCode === dialCode);
+    };
+    findCountryByIso2 = (iso2) => {
+      if (!iso2) return void 0;
+      const normalized = iso2.trim().toUpperCase();
+      return COUNTRY_CODES.find((c) => c.iso2 === normalized);
+    };
+    getDialCodeByCountryCode = (iso2) => findCountryByIso2(iso2)?.dialCode;
+    resolveCountry = (codeOrDialCode) => {
+      const value = codeOrDialCode?.trim();
+      if (!value) return void 0;
+      return value.startsWith("+") ? findCountryByDialCode(value) : findCountryByIso2(value);
+    };
+    getCountryFlag = (iso2) => iso2.toUpperCase().replace(/./g, (char) => String.fromCodePoint(127397 + char.charCodeAt(0)));
+    splitPhoneNumber = (value) => {
+      const trimmed = (value ?? "").trim();
+      if (!trimmed.startsWith("+")) {
+        return { number: trimmed };
+      }
+      const [head, ...rest] = trimmed.split(/\s+/);
+      const digits = trimmed.replace(/[^\d+]/g, "");
+      const prefixMatch = [...COUNTRY_CODES].sort((a, b) => b.dialCode.length - a.dialCode.length).find((c) => digits.startsWith(c.dialCode));
+      const country = (rest.length > 0 ? findCountryByDialCode(head) : void 0) ?? (prefixMatch ? findCountryByDialCode(prefixMatch.dialCode) : void 0);
+      if (!country) {
+        return { number: trimmed };
+      }
+      const number = rest.length > 0 && head === country.dialCode ? rest.join(" ") : digits.slice(country.dialCode.length);
+      return { country, number };
+    };
+  }
+});
+
 // src/components/controls/edit/PhoneInput.tsx
-var import_react28, import_jsx_runtime35, PhoneInput, PhoneInput_default;
+var import_react28, import_jsx_runtime35, DEFAULT_DIAL_CODE, PhoneInput, PhoneInput_default;
 var init_PhoneInput = __esm({
   "src/components/controls/edit/PhoneInput.tsx"() {
     "use strict";
     import_react28 = __toESM(require("react"));
+    init_CountryCodes();
     import_jsx_runtime35 = require("react/jsx-runtime");
+    DEFAULT_DIAL_CODE = "+91";
     PhoneInput = (props) => {
-      const textChangeHandler = (event) => {
-        const text = event.target.value;
+      const hasFixedPrefix = props.prefix !== void 0 && props.prefix !== null;
+      let value = "";
+      if (props.value !== void 0 && props.value !== null) {
+        value = props.value;
+      }
+      const parsed = (0, import_react28.useMemo)(
+        () => hasFixedPrefix ? { number: value } : splitPhoneNumber(String(value)),
+        [hasFixedPrefix, value]
+      );
+      const defaultCountry = resolveCountry(props?.attributes?.defaultCountryCode) ?? findCountryByDialCode(DEFAULT_DIAL_CODE);
+      const hasUserPickedCountry = (0, import_react28.useRef)(false);
+      const [selectedIso2, setSelectedIso2] = (0, import_react28.useState)(
+        parsed.country?.iso2 ?? defaultCountry.iso2
+      );
+      const selectedCountry = COUNTRY_CODES.find((c) => c.iso2 === selectedIso2) ?? defaultCountry;
+      (0, import_react28.useEffect)(() => {
+        if (parsed.country && parsed.country.dialCode !== selectedCountry.dialCode) {
+          setSelectedIso2(parsed.country.iso2);
+        }
+      }, [parsed.country, selectedCountry.dialCode]);
+      (0, import_react28.useEffect)(() => {
+        if (!parsed.country && !parsed.number && !hasUserPickedCountry.current) {
+          setSelectedIso2(defaultCountry.iso2);
+        }
+      }, [defaultCountry.iso2, parsed.country, parsed.number]);
+      const emit = (text) => {
         if (props.callback !== void 0) {
           props.callback(
             {
@@ -2607,31 +2930,69 @@ var init_PhoneInput = __esm({
           );
         }
       };
-      let value = "";
-      if (props.value !== void 0 && props.value !== null) {
-        value = props.value;
-      }
+      const combine = (dialCode, number) => number ? `${dialCode} ${number}` : "";
+      const textChangeHandler = (event) => {
+        const text = event.target.value;
+        if (hasFixedPrefix) {
+          emit(text);
+          return;
+        }
+        emit(combine(selectedCountry.dialCode, text.replace(/\D/g, "")));
+      };
+      const countryChangeHandler = (event) => {
+        const country = COUNTRY_CODES.find((c) => c.iso2 === event.target.value);
+        if (!country) return;
+        hasUserPickedCountry.current = true;
+        setSelectedIso2(country.iso2);
+        if (parsed.number) {
+          emit(combine(country.dialCode, parsed.number));
+        }
+      };
+      const isReadOnly = props?.attributes?.readOnly;
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("label", { className: "block mb-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
         " ",
         props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "bg-error-weak", children: "*" }),
         /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center rounded border ", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-3", children: props.prefix }),
+          hasFixedPrefix ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "px-3", children: props.prefix }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "relative flex items-center gap-1 self-stretch px-3 border-r whitespace-nowrap", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { "aria-hidden": "true", children: getCountryFlag(selectedCountry.iso2) }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: selectedCountry.dialCode }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { "aria-hidden": "true", className: "w-3 h-3 opacity-60", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { fillRule: "evenodd", d: "M5.23 7.21a.75.75 0 011.06.02L10 11.17l3.71-3.94a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z", clipRule: "evenodd" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+              "select",
+              {
+                "aria-label": "Country code",
+                value: selectedCountry.iso2,
+                onChange: countryChangeHandler,
+                disabled: isReadOnly,
+                className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer disabled:cursor-not-allowed",
+                children: COUNTRY_CODES.map((country) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("option", { value: country.iso2, children: [
+                  getCountryFlag(country.iso2),
+                  " ",
+                  country.name,
+                  " (",
+                  country.dialCode,
+                  ")"
+                ] }, country.iso2))
+              }
+            )
+          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "input",
             {
-              type: "text",
+              type: hasFixedPrefix ? "text" : "tel",
+              inputMode: hasFixedPrefix ? void 0 : "numeric",
               name: props.name,
               id: props.name,
-              value,
+              value: parsed.number,
               onChange: textChangeHandler,
               required: props?.attributes?.required,
               placeholder: props?.attributes?.placeholder,
               maxLength: props?.attributes?.maxLength,
               pattern: props?.attributes?.pattern,
-              disabled: props?.attributes?.readOnly,
+              disabled: isReadOnly,
               minLength: props?.attributes?.minLength,
-              className: "py-1.5 block w-full outline-none border-0 mr-0.5"
+              className: `py-1.5 block w-full outline-none border-0 mr-0.5 ${hasFixedPrefix ? "" : "pl-3"}`
             }
           )
         ] }),
@@ -4601,19 +4962,6 @@ var init_InputControlClient = __esm({
   }
 });
 
-// src/components/controls/edit/InputControl.tsx
-var import_dynamic7, InputControl2, InputControl_default;
-var init_InputControl = __esm({
-  "src/components/controls/edit/InputControl.tsx"() {
-    "use strict";
-    import_dynamic7 = __toESM(require("next/dynamic"));
-    InputControl2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_InputControlClient(), InputControlClient_exports)), {
-      ssr: false
-    });
-    InputControl_default = InputControl2;
-  }
-});
-
 // src/clients/CacheManage.tsx
 var import_node_cache, CacheManager;
 var init_CacheManage = __esm({
@@ -5686,7 +6034,7 @@ var DataBindingControls_exports = {};
 __export(DataBindingControls_exports, {
   default: () => DataBindingControls_default
 });
-var import_react59, import_navigation, import_jsx_runtime86, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, SearchIcon, ResetIcon, FilterSlidersIcon, ChevronDownIcon, CheckIcon, CloseIcon, normalizeSortOption, DataBindingControls, DataBindingControls_default;
+var import_react59, import_navigation, import_jsx_runtime86, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, SearchIcon, ResetIcon, FilterSlidersIcon, ChevronDownIcon, CheckIcon, CloseIcon, MapPinIcon, BriefcaseIcon, FileTextIcon, TagIcon, getCategoryIcon, normalizeSortOption, DataBindingControls, DataBindingControls_default;
 var init_DataBindingControls = __esm({
   "src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
     "use strict";
@@ -5694,8 +6042,6 @@ var init_DataBindingControls = __esm({
     import_react59 = require("react");
     import_navigation = require("next/navigation");
     init_Button();
-    init_InputControl();
-    init_InputControlType();
     init_StyleTypes();
     import_jsx_runtime86 = require("react/jsx-runtime");
     humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
@@ -5810,6 +6156,105 @@ var init_DataBindingControls = __esm({
         children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
       }
     );
+    MapPinIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+            }
+          )
+        ]
+      }
+    );
+    BriefcaseIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+          }
+        )
+      }
+    );
+    FileTextIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+          }
+        )
+      }
+    );
+    TagIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+          }
+        )
+      }
+    );
+    getCategoryIcon = (category) => {
+      const lower = category.toLowerCase();
+      if (lower.includes("location") || lower.includes("city") || lower.includes("country") || lower.includes("state") || lower.includes("address")) {
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MapPinIcon, { className: "h-4 w-4" });
+      }
+      if (lower.includes("type") || lower.includes("work") || lower.includes("employment") || lower.includes("experience")) {
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BriefcaseIcon, { className: "h-4 w-4" });
+      }
+      if (lower.includes("department") || lower.includes("category") || lower.includes("role") || lower.includes("industry")) {
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FileTextIcon, { className: "h-4 w-4" });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TagIcon, { className: "h-4 w-4" });
+    };
     normalizeSortOption = (option) => {
       const direction = option.direction.trim();
       const title = option.title || humanize(option.name);
@@ -5832,10 +6277,16 @@ var init_DataBindingControls = __esm({
       const searchParams = (0, import_navigation.useSearchParams)();
       const [collapsedCategories, setCollapsedCategories] = (0, import_react59.useState)({});
       const [isSortOpen, setIsSortOpen] = (0, import_react59.useState)(false);
-      const sortDropdownRef = (0, import_react59.useRef)(null);
+      const [isMobileFiltersOpen, setIsMobileFiltersOpen] = (0, import_react59.useState)(false);
+      const [facetCategorySearch, setFacetCategorySearch] = (0, import_react59.useState)({});
+      const desktopSortDropdownRef = (0, import_react59.useRef)(null);
+      const mobileSortDropdownRef = (0, import_react59.useRef)(null);
       (0, import_react59.useEffect)(() => {
         const handleClickOutside = (event) => {
-          if (sortDropdownRef.current && !sortDropdownRef.current.contains(event.target)) {
+          const target = event.target;
+          const clickedInsideDesktop = desktopSortDropdownRef.current?.contains(target);
+          const clickedInsideMobile = mobileSortDropdownRef.current?.contains(target);
+          if (!clickedInsideDesktop && !clickedInsideMobile) {
             setIsSortOpen(false);
           }
         };
@@ -5864,19 +6315,53 @@ var init_DataBindingControls = __esm({
         () => parseFacetSelections(currentFilter),
         [currentFilter]
       );
+      (0, import_react59.useEffect)(() => {
+        if (isMobileFiltersOpen) {
+          document.body.style.overflow = "hidden";
+        } else {
+          document.body.style.overflow = "";
+        }
+        return () => {
+          document.body.style.overflow = "";
+        };
+      }, [isMobileFiltersOpen]);
       const activeFacets = (0, import_react59.useMemo)(() => {
-        if (!facets) return [];
-        return Object.entries(facets).map(([field, values]) => {
-          if (!Array.isArray(values)) return null;
-          const filteredValues = values.filter(
-            (item) => item.count > 0 || selectedFacetValues.get(field) === item.value
-          );
-          if (filteredValues.length === 0) return null;
-          return [field, filteredValues];
-        }).filter((group) => group !== null);
+        const facetMap = /* @__PURE__ */ new Map();
+        if (facets) {
+          Object.entries(facets).forEach(([field, values]) => {
+            if (!Array.isArray(values)) return;
+            const filteredValues = values.filter(
+              (item) => item.count > 0 || selectedFacetValues.get(field) === item.value
+            );
+            if (filteredValues.length > 0) {
+              facetMap.set(field, filteredValues);
+            }
+          });
+        }
+        selectedFacetValues.forEach((val, field) => {
+          if (!facetMap.has(field)) {
+            facetMap.set(field, [{ value: val, count: 0 }]);
+          } else {
+            const existing = facetMap.get(field);
+            if (!existing.some((item) => item.value === val)) {
+              existing.push({ value: val, count: 0 });
+            }
+          }
+        });
+        return Array.from(facetMap.entries());
       }, [facets, selectedFacetValues]);
-      const normalizedSortOptions = (sortOptions ?? []).filter((option) => option?.name && option?.direction).map(normalizeSortOption).filter((option) => option.value);
-      const selectedSortOption = normalizedSortOptions.find((opt) => opt.value === currentSort) || normalizedSortOptions[0];
+      const normalizedSortOptions = (0, import_react59.useMemo)(
+        () => (sortOptions ?? []).filter((option) => option?.name && option?.direction).map(normalizeSortOption).filter((option) => option.value),
+        [sortOptions]
+      );
+      const selectedSortOption = (0, import_react59.useMemo)(() => {
+        if (!normalizedSortOptions.length) return null;
+        const trimmedCurrentSort = currentSort.trim().toLowerCase();
+        if (!trimmedCurrentSort) return normalizedSortOptions[0];
+        return normalizedSortOptions.find(
+          (opt) => opt.value.trim().toLowerCase() === trimmedCurrentSort
+        ) || normalizedSortOptions[0];
+      }, [normalizedSortOptions, currentSort]);
       const selectedSortLabel = selectedSortOption?.label || "";
       const getQueryUrl = (0, import_react59.useCallback)(
         (updates) => {
@@ -5891,9 +6376,7 @@ var init_DataBindingControls = __esm({
           });
           params.delete("$skip");
           params.delete("skip");
-          const queryString = Array.from(params.entries()).map(
-            ([key, value]) => key === "$filter" || key === "filter" ? `${key}=${encodeURIComponent(value)}` : `${key}=${value}`
-          ).join("&");
+          const queryString = Array.from(params.entries()).map(([key, value]) => `${key}=${encodeURIComponent(value)}`).join("&");
           return queryString ? `${path}?${queryString}` : path;
         },
         [path, query, searchParams]
@@ -5902,7 +6385,7 @@ var init_DataBindingControls = __esm({
         (url) => {
           if (typeof window !== "undefined") {
             const targetUrl = new URL(url, window.location.origin);
-            if (targetUrl.pathname === window.location.pathname && targetUrl.search === window.location.search) {
+            if (targetUrl.pathname === window.location.pathname && decodeURIComponent(targetUrl.search) === decodeURIComponent(window.location.search)) {
               return;
             }
           }
@@ -5910,6 +6393,18 @@ var init_DataBindingControls = __esm({
         },
         [router]
       );
+      const handleSelectSort = (0, import_react59.useCallback)(
+        (sortValue) => {
+          setIsSortOpen(false);
+          navigateWithoutReload(
+            getQueryUrl({
+              $orderby: sortValue || void 0,
+              orderBy: void 0
+            })
+          );
+        },
+        [getQueryUrl, navigateWithoutReload]
+      );
       const getFacetUrl = (field, value) => {
         const updatedSelections = new Map(selectedFacetValues);
         if (value) {
@@ -5961,15 +6456,15 @@ var init_DataBindingControls = __esm({
         );
         return { isSuccessful: true };
       }, [getQueryUrl, navigateWithoutReload]);
-      const hasFacetControls = showFacets && activeFacets.length > 0;
-      const hasSortControls = showSortOptions && normalizedSortOptions.length > 0;
+      const hasFacetControls = Boolean(showFacets && (activeFacets.length > 0 || selectedFacetValues.size > 0));
+      const hasSortControls = Boolean(showSortOptions && normalizedSortOptions.length > 0);
       const hasActiveFiltersOrSort = Boolean(
         currentFilter.trim() || currentSort.trim()
       );
       const selectedFacetCount = selectedFacetValues.size;
       const shouldShowToolbarClearAll = hasActiveFiltersOrSort && !hasFacetControls;
-      const shouldShowToolbar = mode === "toolbar" && (showSearchBar || hasSortControls || shouldShowToolbarClearAll);
-      const shouldShowFacets = mode === "facets" && hasFacetControls;
+      const shouldShowToolbar = mode === "toolbar" && (showSearchBar || hasSortControls || showFacets || shouldShowToolbarClearAll);
+      const shouldShowFacets = mode === "facets" && (hasFacetControls || showFacets && activeFacets.length > 0);
       if (!shouldShowToolbar && !shouldShowFacets) {
         return null;
       }
@@ -5981,13 +6476,13 @@ var init_DataBindingControls = __esm({
             type: "button",
             onClick: () => navigateWithoutReload(getFacetUrl(field, facet.value)),
             "aria-pressed": isSelected,
-            className: `group flex w-full cursor-pointer items-center justify-between gap-2.5 rounded-md px-2 py-1.5 text-left text-sm transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base ${isSelected ? "bg-neutral-soft font-medium border " : "hover:bg-neutral-weak border border-transparent"}`,
+            className: `group flex w-full cursor-pointer items-center justify-between gap-2.5 rounded-md px-2 py-1.5 text-left text-sm transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base ${isSelected ? "bg-neutral-soft font-medium border border-neutral-soft" : "hover:bg-neutral-weak border border-transparent"}`,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-w-0 items-center gap-2.5", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                   "span",
                   {
-                    className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-[3px] border transition-colors duration-150 ${isSelected ? "bg-primary-base border-primary-base" : " group-hover:border-neutral-strong bg-default"}`,
+                    className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-[3px] border transition-colors duration-150 ${isSelected ? "bg-primary-base border-primary-base" : " group-hover:border-neutral-strong bg-default border-neutral-soft"}`,
                     children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckIcon, { className: "h-3 w-3" })
                   }
                 ),
@@ -6008,100 +6503,338 @@ var init_DataBindingControls = __esm({
       return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
         "div",
         {
-          className: mode === "toolbar" ? "my-6" : "flex flex-col rounded-md border  bg-default p-3.5 shadow-sm",
+          className: mode === "toolbar" ? "my-4 sm:my-6" : "flex flex-col rounded-md border border-neutral-soft bg-default p-4 shadow-sm",
           children: [
-            shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [
-              showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-                "form",
-                {
-                  role: "search",
-                  className: "flex w-full items-center gap-2 sm:flex-row md:min-w-0 md:flex-1",
-                  onSubmit: (event) => {
-                    event.preventDefault();
-                    void handleSearch();
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-60" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-                        InputControl_default,
+            shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "hidden lg:flex lg:items-center lg:justify-between lg:gap-4", children: [
+                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                  "form",
+                  {
+                    role: "search",
+                    className: "flex w-full items-center gap-2 md:min-w-0 md:flex-1",
+                    onSubmit: (event) => {
+                      event.preventDefault();
+                      void handleSearch();
+                    },
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-60" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                          "input",
+                          {
+                            type: "text",
+                            name: "searchText",
+                            value: searchText,
+                            onChange: (e) => setSearchText(e.target.value),
+                            placeholder: "Search discussions, topics, or keywords...",
+                            className: "h-10 w-full rounded-md border border-neutral-soft bg-default py-2 pl-10 pr-4 text-sm shadow-sm transition-colors focus:border-primary-base focus:outline-none focus:ring-1 focus:ring-primary-base"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                        Button_default,
                         {
-                          name: "searchText",
-                          controlType: InputControlType_default.lineTextInput,
-                          value: searchText,
-                          callback: (updatedValues) => setSearchText(updatedValues.value),
-                          attributes: {
-                            placeholder: "Search discussions, topics, or keywords..."
-                          },
-                          inputClasses: "!mt-0 !h-10 !rounded-md !border-neutral-soft !bg-default !py-2 !pl-10 !pr-4 !shadow-sm !text-sm focus:!border-primary-base focus:!ring-primary-base"
+                          ButtonType: "Primary" /* Solid */,
+                          onClick: handleSearch,
+                          className: "!h-10 !rounded-md !px-5 !py-0 flex items-center justify-center gap-1.5 shrink-0",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: "Search" })
+                          ]
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-                      Button_default,
+                    ]
+                  }
+                ),
+                hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative shrink-0", ref: desktopSortDropdownRef, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setIsSortOpen((prev) => !prev),
+                      "aria-expanded": isSortOpen,
+                      className: "inline-flex h-10 items-center justify-between gap-2.5 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-normal shadow-sm transition-all hover:bg-neutral-weak focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-base cursor-pointer whitespace-nowrap",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "whitespace-nowrap", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "opacity-70", children: "Sort by: " }),
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-semibold", children: selectedSortLabel })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                          ChevronDownIcon,
+                          {
+                            className: `h-4 w-4 shrink-0 transition-transform duration-200 ${isSortOpen ? "rotate-180" : ""}`
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-full max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-lg", children: normalizedSortOptions.map((option) => {
+                    const isSelected = selectedSortOption?.value === option.value;
+                    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                      "button",
                       {
-                        ButtonType: "Primary" /* Solid */,
-                        onClick: handleSearch,
-                        className: "!h-10 !rounded-md !px-5 !py-0 flex items-center justify-center gap-1.5 shrink-0",
+                        type: "button",
+                        onClick: () => handleSelectSort(option.value),
+                        className: `flex w-full items-center justify-between gap-4 rounded-md px-3 py-1.5 text-left text-sm transition-colors cursor-pointer whitespace-nowrap ${isSelected ? "bg-primary-base font-semibold" : "hover:bg-neutral-soft font-normal"}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "h-4 w-4" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: "Search" })
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
+                          isSelected && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
                         ]
-                      }
-                    )
-                  ]
-                }
-              ),
-              hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative shrink-0", ref: sortDropdownRef, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
-                  "button",
+                      },
+                      option.value
+                    );
+                  }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-2.5 lg:hidden", children: [
+                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                  "form",
                   {
-                    type: "button",
-                    onClick: () => setIsSortOpen((prev) => !prev),
-                    "aria-expanded": isSortOpen,
-                    className: "inline-flex h-10 items-center justify-between gap-2.5 rounded-md border bg-default px-3.5 text-sm font-normal shadow-sm transition-all hover:bg-neutral-weak focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-base cursor-pointer whitespace-nowrap",
+                    role: "search",
+                    className: "relative w-full",
+                    onSubmit: (event) => {
+                      event.preventDefault();
+                      void handleSearch();
+                    },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "whitespace-nowrap", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "opacity-70", children: "Sort by: " }),
-                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-semibold", children: selectedSortLabel })
-                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-50" }),
                       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
-                        ChevronDownIcon,
+                        "input",
                         {
-                          className: `h-4 w-4 shrink-0 transition-transform duration-200 ${isSortOpen ? "rotate-180" : ""}`
+                          type: "text",
+                          name: "searchTextMobile",
+                          value: searchText,
+                          onChange: (e) => setSearchText(e.target.value),
+                          placeholder: "Search jobs, skills, or keywords...",
+                          className: "h-11 w-full rounded-md border border-neutral-soft bg-default py-2.5 pl-10 pr-4 text-sm shadow-sm transition-colors focus:border-primary-base focus:outline-none focus:ring-1 focus:ring-primary-base"
                         }
                       )
                     ]
                   }
                 ),
-                isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-full max-h-80 overflow-y-auto rounded-lg border border-neutral-soft bg-default p-1 shadow-lg", children: normalizedSortOptions.map((option) => {
-                  const isSelected = currentSort ? option.value === currentSort : option.value === normalizedSortOptions[0]?.value;
-                  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between gap-2.5 pt-0.5", children: [
+                  showFacets && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                     "button",
                     {
                       type: "button",
-                      onClick: () => {
-                        setIsSortOpen(false);
-                        navigateWithoutReload(
-                          getQueryUrl({
-                            $orderby: option.value || void 0,
-                            orderBy: void 0
-                          })
-                        );
-                      },
-                      className: `flex w-full items-center justify-between gap-4 rounded-md px-3 py-1.5 text-left text-sm transition-colors cursor-pointer whitespace-nowrap ${isSelected ? "bg-primary-base font-semibold" : "hover:bg-neutral-soft font-normal"}`,
+                      onClick: () => setIsMobileFiltersOpen(true),
+                      className: "inline-flex h-10 items-center justify-center gap-2 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-medium shadow-sm transition-all hover:bg-neutral-weak cursor-pointer active:scale-95",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { children: [
+                          "Filters",
+                          selectedFacetCount > 0 ? ` (${selectedFacetCount})` : ""
+                        ] }),
+                        selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { className: "relative flex h-2 w-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary-base opacity-75" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary-base" })
+                        ] })
+                      ]
+                    }
+                  ),
+                  hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative shrink-0 ml-auto", ref: mobileSortDropdownRef, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setIsSortOpen((prev) => !prev),
+                        "aria-expanded": isSortOpen,
+                        className: "inline-flex h-10 items-center justify-between gap-2 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-medium shadow-sm transition-all hover:bg-neutral-weak cursor-pointer whitespace-nowrap",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "whitespace-nowrap font-medium", children: selectedSortLabel }),
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                            ChevronDownIcon,
+                            {
+                              className: `h-4 w-4 shrink-0 transition-transform duration-200 ${isSortOpen ? "rotate-180" : ""}`
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-[160px] max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-xl", children: normalizedSortOptions.map((option) => {
+                      const isSelected = selectedSortOption?.value === option.value;
+                      return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => handleSelectSort(option.value),
+                          className: `flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-left text-sm transition-colors cursor-pointer whitespace-nowrap ${isSelected ? "bg-primary-base font-semibold" : "hover:bg-neutral-soft font-normal"}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
+                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
+                          ]
+                        },
+                        option.value
+                      );
+                    }) })
+                  ] })
+                ] }),
+                selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 pt-1", children: [
+                  Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => clearFacetField(field),
+                      className: "group inline-flex max-w-full cursor-pointer items-center gap-1.5 rounded-md border border-neutral-soft bg-neutral-weak px-2.5 py-1 text-xs transition-colors hover:bg-neutral-soft",
+                      title: `Remove filter: ${value}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
-                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-medium truncate max-w-[140px]", children: value }),
+                        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CloseIcon, { className: "h-3 w-3 shrink-0 opacity-60 group-hover:opacity-100" })
                       ]
                     },
-                    option.value
-                  );
-                }) })
+                    `mobile-chip-${field}`
+                  )),
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => void handleClearAll(),
+                      className: "inline-flex cursor-pointer items-center rounded-md px-2 py-1 text-xs font-semibold underline underline-offset-2 hover:bg-neutral-weak transition-colors ml-auto",
+                      children: "Clear all"
+                    }
+                  )
+                ] })
+              ] }),
+              isMobileFiltersOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fixed inset-0 z-50 flex flex-col justify-end lg:hidden", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                  "div",
+                  {
+                    className: "fixed inset-0 bg-neutral-stronger/60 backdrop-blur-xs transition-opacity duration-300",
+                    onClick: () => setIsMobileFiltersOpen(false),
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative z-10 flex h-[85vh] max-h-[85vh] w-full flex-col rounded-t-xl border-t border-neutral-soft bg-default shadow-2xl transition-transform duration-300 animate-in slide-in-from-bottom", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "pt-2.5 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "mx-auto h-1.5 w-12 rounded-full bg-neutral-soft" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between px-5 py-3 border-b border-neutral-soft", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h2", { className: "text-lg font-bold tracking-tight", children: "Filters" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-3", children: [
+                      selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => void handleClearAll(),
+                          className: "text-xs font-semibold cursor-pointer underline underline-offset-2 hover:opacity-80",
+                          children: "Clear all"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setIsMobileFiltersOpen(false),
+                          className: "p-1 rounded-full hover:bg-neutral-weak transition-colors cursor-pointer",
+                          "aria-label": "Close filters",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CloseIcon, { className: "h-5 w-5 opacity-70" })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex-1 overflow-y-auto px-5 py-3 space-y-3 divide-y divide-neutral-soft", children: activeFacets.map(([field, values]) => {
+                    const isOpen = !collapsedCategories[field];
+                    const selectedValue = selectedFacetValues.get(field);
+                    const categorySearch = facetCategorySearch[field]?.toLowerCase() || "";
+                    const filteredValues = categorySearch ? values.filter((v) => v.value.toLowerCase().includes(categorySearch)) : values;
+                    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "pt-3 first:pt-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => toggleCategory(field),
+                          className: "flex w-full cursor-pointer items-center justify-between rounded-md py-2 text-left transition-colors",
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-semibold text-sm", children: humanize(field) })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              selectedValue && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-base text-xs font-bold leading-none", children: "1" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                                ChevronDownIcon,
+                                {
+                                  className: `h-4 w-4 transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`
+                                }
+                              )
+                            ] })
+                          ]
+                        }
+                      ),
+                      isOpen && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "pt-2 pb-1 pl-1 pr-1 space-y-1.5", children: [
+                        values.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative mb-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 opacity-50" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                            "input",
+                            {
+                              type: "text",
+                              value: facetCategorySearch[field] || "",
+                              onChange: (e) => setFacetCategorySearch((prev) => ({
+                                ...prev,
+                                [field]: e.target.value
+                              })),
+                              placeholder: `Search ${humanize(field).toLowerCase()}...`,
+                              className: "h-8.5 w-full rounded-md border border-neutral-soft bg-neutral-weak py-1 pl-8 pr-3 text-xs focus:border-primary-base focus:outline-none"
+                            }
+                          )
+                        ] }),
+                        filteredValues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "py-2 text-center text-xs opacity-60", children: "No matching options" }) : filteredValues.map((facet) => {
+                          const isChecked = selectedValue === facet.value;
+                          return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => navigateWithoutReload(
+                                getFacetUrl(field, facet.value)
+                              ),
+                              "aria-pressed": isChecked,
+                              className: `flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-2.5 py-2 text-left text-sm transition-colors ${isChecked ? "bg-neutral-soft font-medium" : "hover:bg-neutral-weak"}`,
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                                    "span",
+                                    {
+                                      className: `flex h-5 w-5 shrink-0 items-center justify-center rounded-md border transition-colors ${isChecked ? "bg-primary-base border-primary-base" : "border-neutral-soft bg-default"}`,
+                                      children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CheckIcon, { className: "h-3.5 w-3.5" })
+                                    }
+                                  ),
+                                  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "leading-snug break-words", children: facet.value })
+                                ] }),
+                                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "shrink-0 text-xs opacity-60 ml-2", children: facet.count })
+                              ]
+                            },
+                            `drawer-${field}-${facet.value}`
+                          );
+                        })
+                      ] })
+                    ] }, `drawer-cat-${field}`);
+                  }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-3 border-t border-neutral-soft bg-default p-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setIsMobileFiltersOpen(false),
+                        className: "flex-1 h-11 rounded-md border border-neutral-soft bg-default text-sm font-medium transition-colors hover:bg-neutral-weak cursor-pointer flex items-center justify-center",
+                        children: "Close"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setIsMobileFiltersOpen(false),
+                        className: "flex-1 h-11 rounded-md bg-primary-base text-sm font-semibold shadow-md transition-all hover:opacity-90 active:scale-98 cursor-pointer flex items-center justify-center",
+                        children: [
+                          "Apply Filters",
+                          selectedFacetCount > 0 ? ` (${selectedFacetCount})` : ""
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
               ] })
             ] }),
             shouldShowFacets && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between border-b  pb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center justify-between border-b border-neutral-soft pb-3", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
                   /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h2", { className: "text-base font-semibold tracking-tight", children: "Filters" }),
@@ -6121,12 +6854,12 @@ var init_DataBindingControls = __esm({
                   }
                 )
               ] }),
-              selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex flex-wrap gap-1.5 pb-2.5 border-b ", children: Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+              selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flex flex-wrap gap-1.5 pb-2.5 border-b border-neutral-soft", children: Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
                 "button",
                 {
                   type: "button",
                   onClick: () => clearFacetField(field),
-                  className: "group inline-flex max-w-full cursor-pointer items-center gap-1.5 rounded-md border bg-neutral-weak px-2.5 py-1 text-xs transition-colors hover:bg-neutral-soft",
+                  className: "group inline-flex max-w-full cursor-pointer items-center gap-1.5 rounded-md border border-neutral-soft bg-neutral-weak px-2.5 py-1 text-xs transition-colors hover:bg-neutral-soft",
                   title: `Remove filter: ${value}`,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "font-medium truncate max-w-[150px]", children: value }),
@@ -6153,7 +6886,10 @@ var init_DataBindingControls = __esm({
                           onClick: () => toggleCategory(field),
                           className: "flex w-full cursor-pointer items-center justify-between rounded-md px-1.5 py-1.5 text-sm font-semibold transition-colors duration-150 hover:bg-neutral-weak focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: humanize(field) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { children: humanize(field) })
+                            ] }),
                             /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
                               ChevronDownIcon,
                               {
@@ -6578,6 +7314,7 @@ var init_Slider = __esm({
 var index_exports = {};
 __export(index_exports, {
   Button: () => Button_default,
+  COUNTRY_CODES: () => COUNTRY_CODES,
   CheckboxInput: () => CheckboxInput_default,
   ColorInput: () => ColorInput_default,
   DataFormRenderer: () => DataFormRenderer_default,
@@ -6604,7 +7341,13 @@ __export(index_exports, {
   Toast: () => Toast_default,
   ToastService: () => ToastService_default,
   ViewControl: () => ViewControl_default,
-  ViewControlTypes: () => ViewControlTypes_default
+  ViewControlTypes: () => ViewControlTypes_default,
+  findCountryByDialCode: () => findCountryByDialCode,
+  findCountryByIso2: () => findCountryByIso2,
+  getCountryFlag: () => getCountryFlag,
+  getDialCodeByCountryCode: () => getDialCodeByCountryCode,
+  resolveCountry: () => resolveCountry,
+  splitPhoneNumber: () => splitPhoneNumber
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -7023,8 +7766,14 @@ var ViewControl = (props) => {
 };
 var ViewControl_default = ViewControl;
 
+// src/components/controls/edit/InputControl.tsx
+var import_dynamic7 = __toESM(require("next/dynamic"));
+var InputControl2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_InputControlClient(), InputControlClient_exports)), {
+  ssr: false
+});
+var InputControl_default = InputControl2;
+
 // src/index.ts
-init_InputControl();
 init_InputControlType();
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
@@ -9541,7 +10290,7 @@ var DivContainer = async (props) => {
               renderedContainer,
               paginationControl
             ] }),
-            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("aside", { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("aside", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
               DataBindingControls2,
               {
                 mode: "facets",
@@ -9761,6 +10510,7 @@ init_Button();
 init_MoneyInput();
 init_PercentageInput();
 init_PhoneInput();
+init_CountryCodes();
 init_NumberInput();
 init_CheckboxInput();
 init_OtpInput();
@@ -9815,7 +10565,6 @@ var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
 var import_react67 = __toESM(require("react"));
-init_InputControl();
 var import_navigation3 = require("next/navigation");
 
 // src/components/dataForm/NoContentView.tsx
@@ -10621,14 +11370,12 @@ init_InputControlType();
 
 // src/components/dataForm/DataForm.tsx
 var import_react70 = __toESM(require("react"));
-init_InputControl();
 init_Icon();
 init_Button();
 init_StyleTypes();
 
 // src/components/dataForm/DataFormChildSection.tsx
 var import_react69 = __toESM(require("react"));
-init_InputControl();
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -11224,6 +11971,7 @@ var DataFormRenderer_default = DataFormRenderer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
+  COUNTRY_CODES,
   CheckboxInput,
   ColorInput,
   DataFormRenderer,
@@ -11250,5 +11998,11 @@ var DataFormRenderer_default = DataFormRenderer;
   Toast,
   ToastService,
   ViewControl,
-  ViewControlTypes
+  ViewControlTypes,
+  findCountryByDialCode,
+  findCountryByIso2,
+  getCountryFlag,
+  getDialCodeByCountryCode,
+  resolveCountry,
+  splitPhoneNumber
 });