@babelize/elements 1.0.8 → 1.1.0

package/dist/index.js

@@ -0,0 +1,930 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React3 from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function useControllableState(value, defaultValue, onChange) {
+  const isControlled = value !== void 0;
+  const [uncontrolled, setUncontrolled] = React3.useState(defaultValue);
+  const onChangeRef = React3.useRef(onChange);
+  React3.useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const current = isControlled ? value : uncontrolled;
+  const setValue = React3.useCallback(
+    (next) => {
+      var _a;
+      if (!isControlled) setUncontrolled(next);
+      (_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, next);
+    },
+    [isControlled]
+  );
+  return [current, setValue];
+}
+var RTL_LOCALES = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur", "ps", "sd", "yi"]);
+function isRtl(code) {
+  const lang = code.split("-")[0].toLowerCase();
+  return RTL_LOCALES.has(lang);
+}
+var LANG_TO_FLAG = {
+  en: "\u{1F1FA}\u{1F1F8}",
+  fr: "\u{1F1EB}\u{1F1F7}",
+  es: "\u{1F1EA}\u{1F1F8}",
+  de: "\u{1F1E9}\u{1F1EA}",
+  ja: "\u{1F1EF}\u{1F1F5}",
+  ko: "\u{1F1F0}\u{1F1F7}",
+  zh: "\u{1F1E8}\u{1F1F3}",
+  ar: "\u{1F1F8}\u{1F1E6}",
+  pt: "\u{1F1E7}\u{1F1F7}",
+  it: "\u{1F1EE}\u{1F1F9}",
+  nl: "\u{1F1F3}\u{1F1F1}",
+  ru: "\u{1F1F7}\u{1F1FA}",
+  pl: "\u{1F1F5}\u{1F1F1}",
+  tr: "\u{1F1F9}\u{1F1F7}",
+  vi: "\u{1F1FB}\u{1F1F3}",
+  th: "\u{1F1F9}\u{1F1ED}",
+  id: "\u{1F1EE}\u{1F1E9}",
+  hi: "\u{1F1EE}\u{1F1F3}",
+  bn: "\u{1F1E7}\u{1F1E9}",
+  uk: "\u{1F1FA}\u{1F1E6}",
+  cs: "\u{1F1E8}\u{1F1FF}",
+  sv: "\u{1F1F8}\u{1F1EA}",
+  da: "\u{1F1E9}\u{1F1F0}",
+  fi: "\u{1F1EB}\u{1F1EE}",
+  no: "\u{1F1F3}\u{1F1F4}",
+  nb: "\u{1F1F3}\u{1F1F4}",
+  nn: "\u{1F1F3}\u{1F1F4}",
+  el: "\u{1F1EC}\u{1F1F7}",
+  he: "\u{1F1EE}\u{1F1F1}",
+  fa: "\u{1F1EE}\u{1F1F7}",
+  ro: "\u{1F1F7}\u{1F1F4}",
+  hu: "\u{1F1ED}\u{1F1FA}",
+  sk: "\u{1F1F8}\u{1F1F0}",
+  bg: "\u{1F1E7}\u{1F1EC}",
+  hr: "\u{1F1ED}\u{1F1F7}",
+  sr: "\u{1F1F7}\u{1F1F8}",
+  sl: "\u{1F1F8}\u{1F1EE}",
+  lt: "\u{1F1F1}\u{1F1F9}",
+  lv: "\u{1F1F1}\u{1F1FB}",
+  et: "\u{1F1EA}\u{1F1EA}",
+  ga: "\u{1F1EE}\u{1F1EA}",
+  mt: "\u{1F1F2}\u{1F1F9}",
+  ca: "\u{1F1E6}\u{1F1F8}",
+  eu: "\u{1F1E6}\u{1F1F7}",
+  gl: "\u{1F1E6}\u{1F1F7}",
+  cy: "\u{1F1FF}\u{1F1F4}",
+  mk: "\u{1F1F2}\u{1F1F0}",
+  sq: "\u{1F1E6}\u{1F1F1}",
+  bs: "\u{1F1E7}\u{1F1F8}",
+  is: "\u{1F1EE}\u{1F1F8}",
+  fo: "\u{1F1EB}\u{1F1F4}",
+  sw: "\u{1F1F9}\u{1F1FF}",
+  am: "\u{1F1E6}\u{1F1F2}",
+  ne: "\u{1F1F3}\u{1F1F5}",
+  si: "\u{1F1F8}\u{1F1F0}",
+  my: "\u{1F1F2}\u{1F1E2}",
+  km: "\u{1F1F0}\u{1F1ED}",
+  lo: "\u{1F1F1}\u{1F1E6}",
+  ka: "\u{1F1EC}\u{1F1EA}",
+  hy: "\u{1F1E6}\u{1F1F2}",
+  kk: "\u{1F1F0}\u{1F1F0}",
+  uz: "\u{1F1FA}\u{1F1FF}",
+  mn: "\u{1F1F2}\u{1F1F3}",
+  ps: "\u{1F1F5}\u{1F1F8}",
+  ur: "\u{1F1FA}\u{1F1F2}",
+  sd: "\u{1F1F8}\u{1F1E6}",
+  ml: "\u{1F1F2}\u{1F1F1}",
+  ta: "\u{1F1F9}\u{1F1F1}",
+  te: "\u{1F1F9}\u{1F1EF}",
+  kn: "\u{1F1EE}\u{1F1F3}",
+  mr: "\u{1F1F2}\u{1F1F7}",
+  gu: "\u{1F1EE}\u{1F1F3}",
+  pa: "\u{1F1F5}\u{1F1E6}",
+  or: "\u{1F1F3}\u{1F1F4}",
+  as: "\u{1F1E6}\u{1F1F8}",
+  yi: "\u{1F1FE}\u{1F1EA}",
+  yo: "\u{1F1FE}\u{1F1F3}",
+  ig: "\u{1F1EE}\u{1F1EC}",
+  zu: "\u{1F1FF}\u{1F1F3}",
+  af: "\u{1F1E6}\u{1F1FF}",
+  ha: "\u{1F1ED}\u{1F1F2}",
+  tl: "\u{1F1F5}\u{1F1ED}",
+  mg: "\u{1F1F2}\u{1F1EC}",
+  mi: "\u{1F1F3}\u{1F1FF}",
+  sm: "\u{1F1F8}\u{1F1F4}",
+  fj: "\u{1F1EB}\u{1F1EF}",
+  to: "\u{1F1F9}\u{1F1F4}",
+  haw: "\u{1F1ED}\u{1F1FC}",
+  la: "\u{1F1F1}\u{1F1E6}",
+  eo: "\u{1F1EA}\u{1F1F7}"
+};
+function getFlag(code) {
+  var _a;
+  const lang = code.split("-")[0].toLowerCase();
+  return (_a = LANG_TO_FLAG[lang]) != null ? _a : "\u{1F310}";
+}
+var LANG_NAMES = {
+  en: ["English", "English"],
+  fr: ["Fran\xE7ais", "French"],
+  es: ["Espa\xF1ol", "Spanish"],
+  de: ["Deutsch", "German"],
+  ja: ["\u65E5\u672C\u8A9E", "Japanese"],
+  ko: ["\uD55C\uAD6D\uC5B4", "Korean"],
+  zh: ["\u4E2D\u6587", "Chinese"],
+  ar: ["\u0627\u0644\u0639\u0631\u0628\u064A\u0629", "Arabic"],
+  pt: ["Portugu\xEAs", "Portuguese"],
+  it: ["Italiano", "Italian"],
+  nl: ["Nederlands", "Dutch"],
+  ru: ["\u0420\u0443\u0441\u0441\u043A\u0438\u0439", "Russian"],
+  pl: ["Polski", "Polish"],
+  tr: ["T\xFCrk\xE7e", "Turkish"],
+  vi: ["Ti\u1EBFng Vi\u1EC7t", "Vietnamese"],
+  th: ["\u0E44\u0E17\u0E22", "Thai"],
+  id: ["Bahasa Indonesia", "Indonesian"],
+  hi: ["\u0939\u093F\u0928\u094D\u0926\u0940", "Hindi"],
+  bn: ["\u09AC\u09BE\u0982\u09B2\u09BE", "Bengali"],
+  uk: ["\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430", "Ukrainian"],
+  cs: ["\u010Ce\u0161tina", "Czech"],
+  sv: ["Svenska", "Swedish"],
+  da: ["Dansk", "Danish"],
+  fi: ["Suomi", "Finnish"],
+  no: ["Norsk", "Norwegian"],
+  nb: ["Norsk bokm\xE5l", "Norwegian Bokm\xE5l"],
+  nn: ["Nynorsk", "Norwegian Nynorsk"],
+  el: ["\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC", "Greek"],
+  he: ["\u05E2\u05D1\u05E8\u05D9\u05EA", "Hebrew"],
+  fa: ["\u0641\u0627\u0631\u0633\u06CC", "Persian"],
+  ro: ["Rom\xE2n\u0103", "Romanian"],
+  hu: ["Magyar", "Hungarian"],
+  sk: ["Sloven\u010Dina", "Slovak"],
+  bg: ["\u0411\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438", "Bulgarian"],
+  hr: ["Hrvatski", "Croatian"],
+  sr: ["\u0421\u0440\u043F\u0441\u043A\u0438", "Serbian"],
+  sl: ["Sloven\u0161\u010Dina", "Slovenian"],
+  lt: ["Lietuvi\u0173", "Lithuanian"],
+  lv: ["Latvie\u0161u", "Latvian"],
+  et: ["Eesti", "Estonian"],
+  ga: ["Gaeilge", "Irish"],
+  mt: ["Malti", "Maltese"],
+  ca: ["Catal\xE0", "Catalan"],
+  eu: ["Euskara", "Basque"],
+  gl: ["Galego", "Galician"],
+  cy: ["Cymraeg", "Welsh"],
+  mk: ["\u041C\u0430\u043A\u0435\u0434\u043E\u043D\u0441\u043A\u0438", "Macedonian"],
+  sq: ["Shqip", "Albanian"],
+  bs: ["Bosanski", "Bosnian"],
+  is: ["\xCDslenska", "Icelandic"],
+  fo: ["F\xF8royskt", "Faroese"],
+  sw: ["Kiswahili", "Swahili"],
+  am: ["\u12A0\u12CD\u1295\u1348", "Amharic"],
+  ne: ["\u0928\u0947\u092A\u093E\u0932\u0940", "Nepali"],
+  si: ["\u0DC3\u0DD2\u0D82\u0DC4\u0DBD", "Sinhala"],
+  my: ["\u1019\u103C\u1014\u103A\u1019\u102C", "Burmese"],
+  km: ["\u1780\u1798\u17D2\u1796\u17C7\u1798", "Khmer"],
+  lo: ["\u0EA5\u0E27", "Lao"],
+  ka: ["\u10E5\u10D0\u10E0\u10D7\u10E3\u10DA\u10D8", "Georgian"],
+  hy: ["\u0540\u0561\u0575\u0565\u10E0\u0565\u0576", "Armenian"],
+  kk: ["\u049A\u0430\u0437\u0430\u049B", "Kazakh"],
+  uz: ["O\u2019zbek", "Uzbek"],
+  mn: ["\u041C\u043E\u043D\u0433\u043E\u043B", "Mongolian"],
+  ps: ["\u067E\u069A\u062A\u0648", "Pashto"],
+  ur: ["\u0627\u0631\u062F\u0648", "Urdu"],
+  sd: ["\u0773\u0647\u0646\u068C\u064A", "Sindhi"],
+  ml: ["\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02", "Malayalam"],
+  ta: ["\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD", "Tamil"],
+  te: ["\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41", "Telugu"],
+  kn: ["\u0C95\u0CA8\u0CCD\u0CA8\u0CA1", "Kannada"],
+  mr: ["\u092E\u0930\u093E\u0920\u0940", "Marathi"],
+  gu: ["\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0", "Gujarati"],
+  pa: ["\u0A2A\u0A70\u0A1C\u0A3E\u0A2C\u0A40", "Punjabi"],
+  or: ["\u0B13\u0B21\u0B3C\u0B3F\u0B06", "Odia"],
+  as: ["\u0985\u09B8\u09AE\u09C0\u09AF\u09BC\u09BE", "Assamese"],
+  yi: ["\u05D9\u05D9\u05B4\u05D3\u05D9\u05E9", "Yiddish"],
+  yo: ["Yor\xF9b\xE1", "Yoruba"],
+  ig: ["Igbo", "Igbo"],
+  zu: ["isiZulu", "Zulu"],
+  af: ["Afrikaans", "Afrikaans"],
+  ha: ["Hausa", "Hausa"],
+  tl: ["Filipino", "Filipino"],
+  mg: ["Malagasy", "Malagasy"],
+  mi: ["Te Reo M\u0101ori", "M\u0101ori"],
+  sm: ["Gagana Samoa", "Samoan"],
+  to: ["Lea Faka-Tonga", "Tongan"],
+  fj: ["Na Vosa Vakaviti", "Fijian"],
+  haw: ["\u02BB\u014Clelo Hawai\u02BBi", "Hawaiian"],
+  la: ["Latina", "Latin"],
+  eo: ["Esperanto", "Esperanto"]
+};
+function getLabel(code, mode) {
+  const lang = code.split("-")[0].toLowerCase();
+  const names = LANG_NAMES[lang];
+  if (!names) return code;
+  return mode === "native" ? names[0] : names[1];
+}
+var LanguageSwitcher = React3.forwardRef(
+  function LanguageSwitcher2({
+    locales,
+    value,
+    defaultValue,
+    onValueChange,
+    showFlags = false,
+    label: labelMode = "english",
+    className,
+    ...rest
+  }, forwardedRef) {
+    var _a, _b, _c;
+    const [locale, setLocale] = useControllableState(
+      value,
+      (_b = defaultValue != null ? defaultValue : (_a = locales[0]) == null ? void 0 : _a.code) != null ? _b : "",
+      onValueChange
+    );
+    const [open, setOpen] = React3.useState(false);
+    const [search, setSearch] = React3.useState("");
+    const ref = React3.useRef(null);
+    const inputRef = React3.useRef(null);
+    React3.useImperativeHandle(forwardedRef, () => ref.current);
+    const resolveLabel = (l) => {
+      var _a2;
+      return (_a2 = l.label) != null ? _a2 : getLabel(l.code, labelMode);
+    };
+    const activeLocale = locales.find((l) => l.code === locale);
+    const filtered = locales.filter(
+      (l) => resolveLabel(l).toLowerCase().includes(search.toLowerCase()) || l.code.toLowerCase().includes(search.toLowerCase())
+    );
+    const dir = isRtl(locale) ? "rtl" : "ltr";
+    React3.useEffect(() => {
+      function handleClickOutside(e) {
+        if (ref.current && !ref.current.contains(e.target)) {
+          setOpen(false);
+          setSearch("");
+        }
+      }
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    React3.useEffect(() => {
+      var _a2;
+      if (open) (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    }, [open]);
+    React3.useEffect(() => {
+      function handleKeyDown(e) {
+        if (e.key === "Escape") {
+          setOpen(false);
+          setSearch("");
+        }
+      }
+      if (open) {
+        document.addEventListener("keydown", handleKeyDown);
+        return () => document.removeEventListener("keydown", handleKeyDown);
+      }
+    }, [open]);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block text-sm z-50", className), ...rest, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(!open),
+          className: cn(
+            "inline-flex items-center gap-2 rounded-lg border border-zinc-200 bg-zinc-100 px-3 py-2 text-sm font-medium text-zinc-900 transition-colors hover:bg-zinc-100 hover:text-zinc-900 focus:outline-none focus:ring-2 focus:ring-emerald-500/50 dark:border-zinc-800 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700 dark:hover:text-zinc-50",
+            dir === "rtl" && "flex-row-reverse"
+          ),
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-label": `Current language: ${activeLocale ? resolveLabel(activeLocale) : locale}`,
+          children: [
+            showFlags && /* @__PURE__ */ jsx("span", { className: "text-base", children: (_c = activeLocale == null ? void 0 : activeLocale.flag) != null ? _c : getFlag(locale) }),
+            /* @__PURE__ */ jsx("span", { children: activeLocale ? resolveLabel(activeLocale) : locale }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: cn(
+                  "size-4 text-zinc-500 transition-transform dark:text-zinc-400",
+                  open && "rotate-180"
+                ),
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: 2,
+                children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+              }
+            )
+          ]
+        }
+      ),
+      open && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "absolute z-50 mt-1 min-w-[200px] overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-xl dark:border-zinc-800 dark:bg-zinc-950",
+          role: "listbox",
+          "aria-label": "Select language",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "border-b border-zinc-200 p-2 dark:border-zinc-800", children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "text",
+                placeholder: "Search...",
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                className: "w-full rounded-lg bg-zinc-100 px-3 py-1.5 text-sm text-zinc-900 outline-none placeholder:text-zinc-400 focus:ring-1 focus:ring-emerald-500/50 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-500"
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "max-h-60 overflow-y-auto p-1", children: [
+              filtered.map((l) => {
+                var _a2;
+                const isActive = l.code === locale;
+                const itemDir = l.rtl || isRtl(l.code) ? "rtl" : "ltr";
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": isActive,
+                    dir: itemDir,
+                    onClick: () => {
+                      setLocale(l.code);
+                      setOpen(false);
+                      setSearch("");
+                    },
+                    className: cn(
+                      "flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                      itemDir === "rtl" && "flex-row-reverse text-right",
+                      isActive ? "bg-emerald-500/10 text-emerald-600 font-medium dark:text-emerald-400" : "text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-100"
+                    ),
+                    children: [
+                      showFlags && /* @__PURE__ */ jsx("span", { className: "text-base", children: (_a2 = l.flag) != null ? _a2 : getFlag(l.code) }),
+                      /* @__PURE__ */ jsx("span", { className: "flex-1", children: resolveLabel(l) }),
+                      isActive && /* @__PURE__ */ jsx(
+                        "svg",
+                        {
+                          className: "size-4 text-emerald-600 dark:text-emerald-400",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                          strokeWidth: 2,
+                          children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+                        }
+                      )
+                    ]
+                  },
+                  l.code
+                );
+              }),
+              filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-zinc-500 dark:text-zinc-400", children: "No results" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+var COUNTRIES = [
+  { code: "US", dialCode: "+1", name: "United States", flag: "\u{1F1FA}\u{1F1F8}" },
+  { code: "GB", dialCode: "+44", name: "United Kingdom", flag: "\u{1F1EC}\u{1F1E7}" },
+  { code: "IN", dialCode: "+91", name: "India", flag: "\u{1F1EE}\u{1F1F3}" },
+  { code: "CA", dialCode: "+1", name: "Canada", flag: "\u{1F1E8}\u{1F1E6}" },
+  { code: "AU", dialCode: "+61", name: "Australia", flag: "\u{1F1E6}\u{1F1FA}" },
+  { code: "DE", dialCode: "+49", name: "Germany", flag: "\u{1F1E9}\u{1F1EA}" },
+  { code: "FR", dialCode: "+33", name: "France", flag: "\u{1F1EB}\u{1F1F7}" },
+  { code: "JP", dialCode: "+81", name: "Japan", flag: "\u{1F1EF}\u{1F1F5}" },
+  { code: "BR", dialCode: "+55", name: "Brazil", flag: "\u{1F1E7}\u{1F1F7}" },
+  { code: "CN", dialCode: "+86", name: "China", flag: "\u{1F1E8}\u{1F1F3}" },
+  { code: "RU", dialCode: "+7", name: "Russia", flag: "\u{1F1F7}\u{1F1FA}" },
+  { code: "KR", dialCode: "+82", name: "South Korea", flag: "\u{1F1F0}\u{1F1F7}" },
+  { code: "IT", dialCode: "+39", name: "Italy", flag: "\u{1F1EE}\u{1F1F9}" },
+  { code: "ES", dialCode: "+34", name: "Spain", flag: "\u{1F1EA}\u{1F1F8}" },
+  { code: "MX", dialCode: "+52", name: "Mexico", flag: "\u{1F1F2}\u{1F1FD}" },
+  { code: "NL", dialCode: "+31", name: "Netherlands", flag: "\u{1F1F3}\u{1F1F1}" },
+  { code: "SE", dialCode: "+46", name: "Sweden", flag: "\u{1F1F8}\u{1F1EA}" },
+  { code: "CH", dialCode: "+41", name: "Switzerland", flag: "\u{1F1E8}\u{1F1ED}" },
+  { code: "PL", dialCode: "+48", name: "Poland", flag: "\u{1F1F5}\u{1F1F1}" },
+  { code: "AR", dialCode: "+54", name: "Argentina", flag: "\u{1F1E6}\u{1F1F7}" },
+  { code: "ZA", dialCode: "+27", name: "South Africa", flag: "\u{1F1FF}\u{1F1E6}" },
+  { code: "NG", dialCode: "+234", name: "Nigeria", flag: "\u{1F1F3}\u{1F1EC}" },
+  { code: "EG", dialCode: "+20", name: "Egypt", flag: "\u{1F1EA}\u{1F1EC}" },
+  { code: "SA", dialCode: "+966", name: "Saudi Arabia", flag: "\u{1F1F8}\u{1F1E6}" },
+  { code: "AE", dialCode: "+971", name: "United Arab Emirates", flag: "\u{1F1E6}\u{1F1EA}" },
+  { code: "SG", dialCode: "+65", name: "Singapore", flag: "\u{1F1F8}\u{1F1EC}" },
+  { code: "MY", dialCode: "+60", name: "Malaysia", flag: "\u{1F1F2}\u{1F1FE}" },
+  { code: "TH", dialCode: "+66", name: "Thailand", flag: "\u{1F1F9}\u{1F1ED}" },
+  { code: "PH", dialCode: "+63", name: "Philippines", flag: "\u{1F1F5}\u{1F1ED}" },
+  { code: "ID", dialCode: "+62", name: "Indonesia", flag: "\u{1F1EE}\u{1F1E9}" },
+  { code: "VN", dialCode: "+84", name: "Vietnam", flag: "\u{1F1FB}\u{1F1F3}" },
+  { code: "TR", dialCode: "+90", name: "Turkey", flag: "\u{1F1F9}\u{1F1F7}" },
+  { code: "PK", dialCode: "+92", name: "Pakistan", flag: "\u{1F1F5}\u{1F1F0}" },
+  { code: "BD", dialCode: "+880", name: "Bangladesh", flag: "\u{1F1E7}\u{1F1E9}" },
+  { code: "KE", dialCode: "+254", name: "Kenya", flag: "\u{1F1F0}\u{1F1EA}" },
+  { code: "GH", dialCode: "+233", name: "Ghana", flag: "\u{1F1EC}\u{1F1ED}" },
+  { code: "ET", dialCode: "+251", name: "Ethiopia", flag: "\u{1F1EA}\u{1F1F9}" },
+  { code: "TZ", dialCode: "+255", name: "Tanzania", flag: "\u{1F1F9}\u{1F1FF}" },
+  { code: "IL", dialCode: "+972", name: "Israel", flag: "\u{1F1EE}\u{1F1F1}" },
+  { code: "HK", dialCode: "+852", name: "Hong Kong", flag: "\u{1F1ED}\u{1F1F0}" },
+  { code: "NZ", dialCode: "+64", name: "New Zealand", flag: "\u{1F1F3}\u{1F1FF}" },
+  { code: "IE", dialCode: "+353", name: "Ireland", flag: "\u{1F1EE}\u{1F1EA}" },
+  { code: "PT", dialCode: "+351", name: "Portugal", flag: "\u{1F1F5}\u{1F1F9}" },
+  { code: "CL", dialCode: "+56", name: "Chile", flag: "\u{1F1E8}\u{1F1F1}" },
+  { code: "CO", dialCode: "+57", name: "Colombia", flag: "\u{1F1E8}\u{1F1F4}" },
+  { code: "FI", dialCode: "+358", name: "Finland", flag: "\u{1F1EB}\u{1F1EE}" },
+  { code: "NO", dialCode: "+47", name: "Norway", flag: "\u{1F1F3}\u{1F1F4}" },
+  { code: "DK", dialCode: "+45", name: "Denmark", flag: "\u{1F1E9}\u{1F1F0}" },
+  { code: "AT", dialCode: "+43", name: "Austria", flag: "\u{1F1E6}\u{1F1F9}" },
+  { code: "BE", dialCode: "+32", name: "Belgium", flag: "\u{1F1E7}\u{1F1EA}" }
+];
+function getCountryByCode(code) {
+  return COUNTRIES.find((c) => c.code === code.toUpperCase());
+}
+var PhoneInput = React3.forwardRef(function PhoneInput2({
+  value,
+  defaultValue,
+  onValueChange,
+  onChange,
+  defaultCountry = "US",
+  placeholder = "Phone number",
+  disabled = false,
+  className,
+  showFlags,
+  showFlag,
+  label = "Phone number",
+  ...rest
+}, forwardedRef) {
+  var _a;
+  const flagsVisible = (_a = showFlags != null ? showFlags : showFlag) != null ? _a : true;
+  const [selectedCountry, setSelectedCountry] = React3.useState(
+    () => {
+      var _a2;
+      return (_a2 = getCountryByCode(defaultCountry)) != null ? _a2 : COUNTRIES[0];
+    }
+  );
+  const notify = onValueChange != null ? onValueChange : onChange;
+  const [inputValue, setInputValue] = useControllableState(value, defaultValue != null ? defaultValue : "", void 0);
+  const [open, setOpen] = React3.useState(false);
+  const [search, setSearch] = React3.useState("");
+  const ref = React3.useRef(null);
+  const inputRef = React3.useRef(null);
+  React3.useImperativeHandle(forwardedRef, () => inputRef.current);
+  const filtered = COUNTRIES.filter(
+    (c) => c.name.toLowerCase().includes(search.toLowerCase()) || c.dialCode.includes(search) || c.code.toLowerCase().includes(search.toLowerCase())
+  );
+  React3.useEffect(() => {
+    function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+        setSearch("");
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React3.useEffect(() => {
+    var _a2;
+    if (open) (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  }, [open]);
+  React3.useEffect(() => {
+    function handleKeyDown(e) {
+      if (e.key === "Escape") {
+        setOpen(false);
+        setSearch("");
+      }
+    }
+    if (open) {
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }
+  }, [open]);
+  const handleCountrySelect = (country) => {
+    var _a2;
+    setSelectedCountry(country);
+    setOpen(false);
+    setSearch("");
+    notify == null ? void 0 : notify(inputValue, country);
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  };
+  const handleInputChange = (e) => {
+    const newValue = e.target.value;
+    setInputValue(newValue);
+    notify == null ? void 0 : notify(newValue, selectedCountry);
+  };
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative inline-block text-sm", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center overflow-hidden rounded-lg border transition-colors",
+          "bg-white border-zinc-200 dark:bg-zinc-900 dark:border-zinc-800",
+          disabled && "opacity-50 cursor-not-allowed"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => !disabled && setOpen(!open),
+              disabled,
+              className: cn(
+                "flex items-center gap-1.5 border-r px-3 py-2.5 text-sm transition-colors",
+                "border-zinc-200 text-zinc-900 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-800 dark:hover:text-zinc-100",
+                disabled && "cursor-not-allowed"
+              ),
+              "aria-label": "Select country",
+              "aria-expanded": open,
+              "aria-haspopup": "listbox",
+              children: [
+                flagsVisible && /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: selectedCountry.flag }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono text-xs", children: selectedCountry.dialCode }),
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: cn(
+                      "size-3 text-zinc-500 transition-transform dark:text-zinc-400",
+                      open && "rotate-180"
+                    ),
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "tel",
+              value: inputValue,
+              onChange: handleInputChange,
+              placeholder,
+              disabled,
+              ...rest,
+              className: cn(
+                "flex-1 bg-transparent px-3 py-2.5 text-sm outline-none placeholder:text-zinc-400 dark:placeholder:text-zinc-500",
+                "text-zinc-900 dark:text-zinc-100",
+                "focus:ring-1 focus:ring-emerald-500/50",
+                disabled && "cursor-not-allowed"
+              ),
+              "aria-label": label
+            }
+          )
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute z-50 mt-1 min-w-[280px] overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-xl dark:border-zinc-800 dark:bg-zinc-950",
+        role: "listbox",
+        "aria-label": "Select country",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "border-b border-zinc-200 p-2 dark:border-zinc-800", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              placeholder: "Search countries...",
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              className: "w-full rounded-lg bg-zinc-100 px-3 py-1.5 text-sm text-zinc-900 outline-none placeholder:text-zinc-400 focus:ring-1 focus:ring-emerald-500/50 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-500"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "max-h-60 overflow-y-auto p-1", children: [
+            filtered.map((country) => {
+              const isActive = country.code === selectedCountry.code;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": isActive,
+                  onClick: () => handleCountrySelect(country),
+                  className: cn(
+                    "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm transition-colors",
+                    isActive ? "bg-emerald-500/10 text-emerald-600 font-medium dark:text-emerald-400" : "text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-100"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: country.flag }),
+                    /* @__PURE__ */ jsx("span", { className: "flex-1", children: country.name }),
+                    /* @__PURE__ */ jsx("span", { className: "font-mono text-xs text-zinc-500 dark:text-zinc-400", children: country.dialCode }),
+                    isActive && /* @__PURE__ */ jsx(
+                      "svg",
+                      {
+                        className: "size-4 text-emerald-600 dark:text-emerald-400",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        strokeWidth: 2,
+                        children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+                      }
+                    )
+                  ]
+                },
+                country.code
+              );
+            }),
+            filtered.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-sm text-zinc-500 dark:text-zinc-400", children: "No countries found" })
+          ] })
+        ]
+      }
+    )
+  ] });
+});
+var LOCALE_MAP = {
+  en: { label: "English", flag: "\u{1F1FA}\u{1F1F8}" },
+  fr: { label: "Fran\xE7ais", flag: "\u{1F1EB}\u{1F1F7}" },
+  es: { label: "Espa\xF1ol", flag: "\u{1F1EA}\u{1F1F8}" },
+  de: { label: "Deutsch", flag: "\u{1F1E9}\u{1F1EA}" },
+  ja: { label: "\u65E5\u672C\u8A9E", flag: "\u{1F1EF}\u{1F1F5}" },
+  ko: { label: "\uD55C\uAD6D\uC5B4", flag: "\u{1F1F0}\u{1F1F7}" },
+  zh: { label: "\u4E2D\u6587", flag: "\u{1F1E8}\u{1F1F3}" },
+  ar: { label: "\u0627\u0644\u0639\u0631\u0628\u064A\u0629", flag: "\u{1F1F8}\u{1F1E6}" },
+  pt: { label: "Portugu\xEAs", flag: "\u{1F1E7}\u{1F1F7}" },
+  it: { label: "Italiano", flag: "\u{1F1EE}\u{1F1F9}" },
+  nl: { label: "Nederlands", flag: "\u{1F1F3}\u{1F1F1}" },
+  ru: { label: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439", flag: "\u{1F1F7}\u{1F1FA}" },
+  pl: { label: "Polski", flag: "\u{1F1F5}\u{1F1F1}" },
+  tr: { label: "T\xFCrk\xE7e", flag: "\u{1F1F9}\u{1F1F7}" },
+  vi: { label: "Ti\u1EBFng Vi\u1EC7t", flag: "\u{1F1FB}\u{1F1F3}" },
+  th: { label: "\u0E44\u0E17\u0E22", flag: "\u{1F1F9}\u{1F1ED}" },
+  id: { label: "Bahasa Indonesia", flag: "\u{1F1EE}\u{1F1E9}" },
+  hi: { label: "\u0939\u093F\u0928\u094D\u0926\u0940", flag: "\u{1F1EE}\u{1F1F3}" },
+  sv: { label: "Svenska", flag: "\u{1F1F8}\u{1F1EA}" },
+  da: { label: "Dansk", flag: "\u{1F1E9}\u{1F1F0}" },
+  fi: { label: "Suomi", flag: "\u{1F1EB}\u{1F1EE}" },
+  no: { label: "Norsk", flag: "\u{1F1F3}\u{1F1F4}" },
+  el: { label: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC", flag: "\u{1F1EC}\u{1F1F7}" },
+  he: { label: "\u05E2\u05D1\u05E8\u05D9\u05EA", flag: "\u{1F1EE}\u{1F1F1}" },
+  ro: { label: "Rom\xE2n\u0103", flag: "\u{1F1F7}\u{1F1F4}" },
+  hu: { label: "Magyar", flag: "\u{1F1ED}\u{1F1FA}" },
+  cs: { label: "\u010Ce\u0161tina", flag: "\u{1F1E8}\u{1F1FF}" },
+  uk: {
+    label: "\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430",
+    flag: "\u{1F1FA}\u{1F1E6}"
+  },
+  bg: {
+    label: "\u0411\u044A\u043B\u0433\u0430\u0440\u0441\u043A\u0438",
+    flag: "\u{1F1E7}\u{1F1EC}"
+  },
+  hr: { label: "Hrvatski", flag: "\u{1F1ED}\u{1F1F7}" },
+  sk: { label: "Sloven\u010Dina", flag: "\u{1F1F8}\u{1F1F0}" },
+  sl: { label: "Sloven\u0161\u010Dina", flag: "\u{1F1F8}\u{1F1EE}" },
+  lt: { label: "Lietuvi\u0173", flag: "\u{1F1F1}\u{1F1F9}" },
+  lv: { label: "Latvie\u0161u", flag: "\u{1F1F1}\u{1F1FB}" },
+  et: { label: "Eesti", flag: "\u{1F1EA}\u{1F1EA}" },
+  ca: { label: "Catal\xE0", flag: "\u{1F1E6}\u{1F1F8}" },
+  af: { label: "Afrikaans", flag: "\u{1F1E6}\u{1F1FF}" },
+  sw: { label: "Kiswahili", flag: "\u{1F1F9}\u{1F1FF}" }
+};
+function getLocaleInfo(code) {
+  var _a;
+  return (_a = LOCALE_MAP[code]) != null ? _a : { label: code.toUpperCase(), flag: "\u{1F310}" };
+}
+var NavBar = React3.forwardRef(function NavBar2({
+  logo,
+  links = [],
+  locales = [],
+  value,
+  defaultValue,
+  onValueChange,
+  currentLocale,
+  onLocaleChange,
+  cta,
+  showGitHub = false,
+  githubUrl = "https://github.com/babelize/babelize-elements",
+  sticky = true,
+  className,
+  showFlags = true,
+  linkComponent: Link = "a",
+  ...rest
+}, forwardedRef) {
+  const [locale, setLocale] = useControllableState(
+    value != null ? value : currentLocale,
+    defaultValue != null ? defaultValue : "en",
+    onValueChange != null ? onValueChange : onLocaleChange
+  );
+  const [mobileOpen, setMobileOpen] = React3.useState(false);
+  const [langOpen, setLangOpen] = React3.useState(false);
+  const langRef = React3.useRef(null);
+  const mobileLangRef = React3.useRef(null);
+  const currentLocaleInfo = getLocaleInfo(locale);
+  React3.useEffect(() => {
+    function handleClickOutside(e) {
+      if (langRef.current && !langRef.current.contains(e.target)) {
+        setLangOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  React3.useEffect(() => {
+    if (mobileOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = "";
+    }
+    return () => {
+      document.body.style.overflow = "";
+    };
+  }, [mobileOpen]);
+  const langButton = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => setLangOpen(!langOpen),
+      className: "flex items-center gap-1.5 rounded-md px-2.5 py-1.5 text-sm font-medium text-zinc-500 transition-colors hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+      "aria-expanded": langOpen,
+      "aria-haspopup": "listbox",
+      "aria-label": `Current language: ${currentLocaleInfo.label}`,
+      children: [
+        showFlags && /* @__PURE__ */ jsx("span", { className: "text-sm leading-none", children: currentLocaleInfo.flag }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: currentLocaleInfo.label }),
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: cn(
+              "size-3 text-zinc-500 transition-transform dark:text-zinc-400",
+              langOpen && "rotate-180"
+            ),
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" })
+          }
+        )
+      ]
+    }
+  );
+  const langDropdown = /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute right-0 top-full z-50 mt-1.5 min-w-[170px] rounded-xl border border-zinc-200 bg-white py-1.5 shadow-xl dark:border-zinc-800 dark:bg-zinc-950",
+      role: "listbox",
+      "aria-label": "Select language",
+      children: locales.map((item) => {
+        var _a;
+        const info = getLocaleInfo(item.code);
+        const isActive = item.code === locale;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "option",
+            "aria-selected": isActive,
+            onClick: () => {
+              setLocale(item.code);
+              setLangOpen(false);
+            },
+            className: cn(
+              "flex w-full items-center gap-2.5 px-3 py-2 text-sm rounded-lg mx-1.5 w-[calc(100%-12px)] transition-colors",
+              isActive ? "bg-emerald-500/10 text-emerald-600 font-medium dark:text-emerald-400" : "text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900 dark:text-zinc-400 dark:hover:bg-zinc-800 dark:hover:text-zinc-100"
+            ),
+            children: [
+              showFlags && /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: info.flag }),
+              /* @__PURE__ */ jsx("span", { className: "flex-1", children: (_a = item.label) != null ? _a : info.label }),
+              isActive && /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "size-4 shrink-0 text-emerald-600 dark:text-emerald-400",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2.5,
+                  children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+                }
+              )
+            ]
+          },
+          item.code
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref: forwardedRef,
+      ...rest,
+      className: cn(
+        "z-50 w-full border-b border-zinc-200 bg-white dark:border-zinc-800 dark:bg-zinc-900",
+        sticky && "sticky top-0",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mx-auto hidden max-w-6xl items-center justify-between px-5 py-3 md:flex", children: [
+          logo && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: logo }),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: links.map((link) => /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: link.href,
+              className: "px-3 py-1.5 text-sm transition-colors rounded-md no-underline text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+              children: link.label
+            },
+            link.href
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            locales.length > 0 && /* @__PURE__ */ jsxs("div", { ref: langRef, className: "relative", children: [
+              langButton,
+              langOpen && langDropdown
+            ] }),
+            showGitHub && /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: githubUrl,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "inline-flex size-8 items-center justify-center rounded-md transition-colors no-underline text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+                "aria-label": "GitHub",
+                children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) })
+              }
+            ),
+            cta && /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: cta.href,
+                className: "rounded-md px-3.5 py-1.5 text-sm font-medium transition-colors no-underline bg-emerald-500 text-white hover:opacity-90",
+                children: cta.label
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 md:hidden", children: [
+          logo && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: logo }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            locales.length > 0 && /* @__PURE__ */ jsxs("div", { ref: mobileLangRef, className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setLangOpen(!langOpen),
+                  className: "inline-flex size-8 items-center justify-center rounded-md transition-colors text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+                  "aria-label": `Current language: ${currentLocaleInfo.label}`,
+                  children: showFlags && /* @__PURE__ */ jsx("span", { className: "text-base leading-none", children: currentLocaleInfo.flag })
+                }
+              ),
+              langOpen && langDropdown
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: "inline-flex size-8 items-center justify-center rounded-md transition-colors text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+                onClick: () => setMobileOpen(!mobileOpen),
+                "aria-label": "Toggle menu",
+                children: mobileOpen ? /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "size-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "size-4",
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    strokeWidth: 2,
+                    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 12h16M4 18h16" })
+                  }
+                )
+              }
+            )
+          ] })
+        ] }),
+        mobileOpen && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-200 bg-white px-4 py-3 md:hidden dark:border-zinc-800 dark:bg-zinc-900", children: [
+          links.map((link) => /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: link.href,
+              onClick: () => setMobileOpen(false),
+              className: "block py-2.5 text-sm transition-colors no-underline text-zinc-500 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-50",
+              children: link.label
+            },
+            link.href
+          )),
+          cta && /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: cta.href,
+              onClick: () => setMobileOpen(false),
+              className: "mt-2 block rounded-md px-3.5 py-2 text-center text-sm font-medium transition-colors no-underline bg-emerald-500 text-white hover:opacity-90",
+              children: cta.label
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+
+export { COUNTRIES, LanguageSwitcher, NavBar, PhoneInput, cn };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map