4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T29c6,// SPDX-License-Identifier: MIT import { IconCheck, IconChevronDown, IconSearch } from "@tabler/icons-react" import * as React from "react" import { cn } from "@/lib/utils" import { Flag } from "./flag" import { getCountry, normalizeCountrySearch } from "./country-utils" import { flagNames, flags, type FlagCode, type FlagKind } from "./flag-data" import type { FlagFormat, FlagRatio } from "./flag-utils" export interface FlagPickerProps { value?: FlagCode defaultValue?: FlagCode onValueChange?: (code: FlagCode) => void format?: FlagFormat ratio?: FlagRatio placeholder?: string searchPlaceholder?: string emptyMessage?: string kinds?: FlagKind[] codes?: readonly FlagCode[] disabledCodes?: readonly FlagCode[] showCode?: boolean showCallingCode?: boolean disabled?: boolean className?: string triggerClassName?: string contentClassName?: string triggerDisplay?: "name" | "code" | "calling-code" | "flag" name?: string "aria-label"?: string } export function FlagPicker({ value, defaultValue, onValueChange, format = "svg", ratio = "4x3", placeholder = "Select a flag", searchPlaceholder = "Search by name or code…", emptyMessage = "No flags found.", kinds, codes, disabledCodes = [], showCode = true, showCallingCode = false, disabled = false, className, triggerClassName, contentClassName, triggerDisplay = "name", name, "aria-label": ariaLabel, }: FlagPickerProps) { const [internalValue, setInternalValue] = React.useState(defaultValue) const [phase, setPhase] = React.useState<"closed" | "open" | "closing">("closed") const [query, setQuery] = React.useState("") const [activeIndex, setActiveIndex] = React.useState(0) const rootRef = React.useRef(null) const triggerRef = React.useRef(null) const searchRef = React.useRef(null) const closeTimerRef = React.useRef(undefined) const listId = React.useId() const currentValue = value ?? internalValue const currentCountry = currentValue ? getCountry(currentValue) : undefined const open = phase === "open" const allowedCodes = React.useMemo(() => codes ? new Set(codes) : undefined, [codes]) const disabledCodeSet = React.useMemo(() => new Set(disabledCodes), [disabledCodes]) const filteredFlags = React.useMemo(() => { const normalizedQuery = normalizeCountrySearch(query) return flags.filter((flag) => { const inKind = !kinds?.length || kinds.includes(flag.kind) const country = getCountry(flag.code) const searchValue = country ? [flag.name, flag.code, country.alpha2, country.alpha3, country.nativeName, ...country.aliases, ...country.callingCodes].join(" ") : `${flag.name} ${flag.code}` return inKind && (!allowedCodes || allowedCodes.has(flag.code)) && (!normalizedQuery || normalizeCountrySearch(searchValue).includes(normalizedQuery)) }) }, [allowedCodes, kinds, query]) const closePicker = React.useCallback((restoreFocus = false) => { window.clearTimeout(closeTimerRef.current) setPhase((current) => current === "closed" ? current : "closing") closeTimerRef.current = window.setTimeout(() => { setPhase("closed") if (restoreFocus) triggerRef.current?.focus() }, 150) }, []) React.useEffect(() => () => window.clearTimeout(closeTimerRef.current), []) React.useEffect(() => { if (!open) return const onPointerDown = (event: PointerEvent) => { if (!rootRef.current?.contains(event.target as Node)) closePicker() } document.addEventListener("pointerdown", onPointerDown) return () => document.removeEventListener("pointerdown", onPointerDown) }, [closePicker, open]) React.useEffect(() => { if (!open) return requestAnimationFrame(() => searchRef.current?.focus()) }, [open]) function selectFlag(code: FlagCode) { if (disabledCodeSet.has(code)) return if (value === undefined) setInternalValue(code) onValueChange?.(code) setQuery("") closePicker(true) } function handleKeyDown(event: React.KeyboardEvent) { if (event.key === "Escape") { closePicker(true) return } if (event.key === "ArrowDown") { event.preventDefault() setActiveIndex((index) => Math.min(index + 1, filteredFlags.length - 1)) } if (event.key === "ArrowUp") { event.preventDefault() setActiveIndex((index) => Math.max(index - 1, 0)) } if (event.key === "Enter" && filteredFlags[activeIndex]) { event.preventDefault() selectFlag(filteredFlags[activeIndex].code) } } function toggleOpen() { if (open) closePicker() else { window.clearTimeout(closeTimerRef.current) setActiveIndex(0) setPhase("open") } } return (

{name ? : null} {phase !== "closed" ? (

{ setQuery(event.target.value) setActiveIndex(0) }} placeholder={searchPlaceholder} aria-label={searchPlaceholder} aria-controls={listId} aria-activedescendant={filteredFlags[activeIndex] ? `${listId}-${filteredFlags[activeIndex].code}` : undefined} className="placeholder:text-muted-foreground h-9 w-full rounded-sm bg-transparent ps-8 pe-3 text-sm focus-visible:ring-ring/30 focus-visible:ring-[3px]" />

) : null}

) } 51:T1ba8,// SPDX-License-Identifier: MIT export const flagNames = { ad: "Andorra", ae: "United Arab Emirates", af: "Afghanistan", ag: "Antigua and Barbuda", ai: "Anguilla", al: "Albania", am: "Armenia", ao: "Angola", aq: "Antarctica", ar: "Argentina", as: "American Samoa", at: "Austria", au: "Australia", aw: "Aruba", ax: "Åland Islands", az: "Azerbaijan", ba: "Bosnia and Herzegovina", bb: "Barbados", bd: "Bangladesh", be: "Belgium", bf: "Burkina Faso", bg: "Bulgaria", bh: "Bahrain", bi: "Burundi", bj: "Benin", bl: "Saint Barthélemy", bm: "Bermuda", bn: "Brunei", bo: "Bolivia", bq: "Caribbean Netherlands", br: "Brazil", bs: "Bahamas", bt: "Bhutan", bv: "Bouvet Island", bw: "Botswana", by: "Belarus", bz: "Belize", ca: "Canada", cc: "Cocos (Keeling) Islands", cd: "DR Congo", cf: "Central African Republic", cg: "Republic of the Congo", ch: "Switzerland", ci: "Côte d'Ivoire (Ivory Coast)", ck: "Cook Islands", cl: "Chile", cm: "Cameroon", cn: "China", co: "Colombia", cr: "Costa Rica", cu: "Cuba", cv: "Cape Verde", cw: "Curaçao", cx: "Christmas Island", cy: "Cyprus", cz: "Czechia", de: "Germany", dj: "Djibouti", dk: "Denmark", dm: "Dominica", do: "Dominican Republic", dz: "Algeria", ec: "Ecuador", ee: "Estonia", eg: "Egypt", eh: "Western Sahara", er: "Eritrea", es: "Spain", et: "Ethiopia", eu: "European Union", fi: "Finland", fj: "Fiji", fk: "Falkland Islands", fm: "Micronesia", fo: "Faroe Islands", fr: "France", ga: "Gabon", gb: "United Kingdom", "gb-eng": "England", "gb-nir": "Northern Ireland", "gb-sct": "Scotland", "gb-wls": "Wales", gd: "Grenada", ge: "Georgia", gf: "French Guiana", gg: "Guernsey", gh: "Ghana", gi: "Gibraltar", gl: "Greenland", gm: "Gambia", gn: "Guinea", gp: "Guadeloupe", gq: "Equatorial Guinea", gr: "Greece", gs: "South Georgia", gt: "Guatemala", gu: "Guam", gw: "Guinea-Bissau", gy: "Guyana", hk: "Hong Kong", hm: "Heard Island and McDonald Islands", hn: "Honduras", hr: "Croatia", ht: "Haiti", hu: "Hungary", id: "Indonesia", ie: "Ireland", il: "Israel", im: "Isle of Man", in: "India", io: "British Indian Ocean Territory", iq: "Iraq", ir: "Iran", is: "Iceland", it: "Italy", je: "Jersey", jm: "Jamaica", jo: "Jordan", jp: "Japan", ke: "Kenya", kg: "Kyrgyzstan", kh: "Cambodia", ki: "Kiribati", km: "Comoros", kn: "Saint Kitts and Nevis", kp: "North Korea", kr: "South Korea", kw: "Kuwait", ky: "Cayman Islands", kz: "Kazakhstan", la: "Laos", lb: "Lebanon", lc: "Saint Lucia", li: "Liechtenstein", lk: "Sri Lanka", lr: "Liberia", ls: "Lesotho", lt: "Lithuania", lu: "Luxembourg", lv: "Latvia", ly: "Libya", ma: "Morocco", mc: "Monaco", md: "Moldova", me: "Montenegro", mf: "Saint Martin", mg: "Madagascar", mh: "Marshall Islands", mk: "North Macedonia", ml: "Mali", mm: "Myanmar", mn: "Mongolia", mo: "Macau", mp: "Northern Mariana Islands", mq: "Martinique", mr: "Mauritania", ms: "Montserrat", mt: "Malta", mu: "Mauritius", mv: "Maldives", mw: "Malawi", mx: "Mexico", my: "Malaysia", mz: "Mozambique", na: "Namibia", nc: "New Caledonia", ne: "Niger", nf: "Norfolk Island", ng: "Nigeria", ni: "Nicaragua", nl: "Netherlands", no: "Norway", np: "Nepal", nr: "Nauru", nu: "Niue", nz: "New Zealand", om: "Oman", pa: "Panama", pe: "Peru", pf: "French Polynesia", pg: "Papua New Guinea", ph: "Philippines", pk: "Pakistan", pl: "Poland", pm: "Saint Pierre and Miquelon", pn: "Pitcairn Islands", pr: "Puerto Rico", ps: "Palestine", pt: "Portugal", pw: "Palau", py: "Paraguay", qa: "Qatar", re: "Réunion", ro: "Romania", rs: "Serbia", ru: "Russia", rw: "Rwanda", sa: "Saudi Arabia", sb: "Solomon Islands", sc: "Seychelles", sd: "Sudan", se: "Sweden", sg: "Singapore", sh: "Saint Helena, Ascension and Tristan da Cunha", si: "Slovenia", sj: "Svalbard and Jan Mayen", sk: "Slovakia", sl: "Sierra Leone", sm: "San Marino", sn: "Senegal", so: "Somalia", sr: "Suriname", ss: "South Sudan", st: "São Tomé and Príncipe", sv: "El Salvador", sx: "Sint Maarten", sy: "Syria", sz: "Eswatini (Swaziland)", tc: "Turks and Caicos Islands", td: "Chad", tf: "French Southern and Antarctic Lands", tg: "Togo", th: "Thailand", tj: "Tajikistan", tk: "Tokelau", tl: "Timor-Leste", tm: "Turkmenistan", tn: "Tunisia", to: "Tonga", tr: "Turkey", tt: "Trinidad and Tobago", tv: "Tuvalu", tw: "Taiwan", tz: "Tanzania", ua: "Ukraine", ug: "Uganda", um: "United States Minor Outlying Islands", un: "United Nations", us: "United States", "us-ak": "Alaska", "us-al": "Alabama", "us-ar": "Arkansas", "us-az": "Arizona", "us-ca": "California", "us-co": "Colorado", "us-ct": "Connecticut", "us-de": "Delaware", "us-fl": "Florida", "us-ga": "Georgia", "us-hi": "Hawaii", "us-ia": "Iowa", "us-id": "Idaho", "us-il": "Illinois", "us-in": "Indiana", "us-ks": "Kansas", "us-ky": "Kentucky", "us-la": "Louisiana", "us-ma": "Massachusetts", "us-md": "Maryland", "us-me": "Maine", "us-mi": "Michigan", "us-mn": "Minnesota", "us-mo": "Missouri", "us-ms": "Mississippi", "us-mt": "Montana", "us-nc": "North Carolina", "us-nd": "North Dakota", "us-ne": "Nebraska", "us-nh": "New Hampshire", "us-nj": "New Jersey", "us-nm": "New Mexico", "us-nv": "Nevada", "us-ny": "New York", "us-oh": "Ohio", "us-ok": "Oklahoma", "us-or": "Oregon", "us-pa": "Pennsylvania", "us-ri": "Rhode Island", "us-sc": "South Carolina", "us-sd": "South Dakota", "us-tn": "Tennessee", "us-tx": "Texas", "us-ut": "Utah", "us-va": "Virginia", "us-vt": "Vermont", "us-wa": "Washington", "us-wi": "Wisconsin", "us-wv": "West Virginia", "us-wy": "Wyoming", uy: "Uruguay", uz: "Uzbekistan", va: "Vatican City (Holy See)", vc: "Saint Vincent and the Grenadines", ve: "Venezuela", vg: "British Virgin Islands", vi: "United States Virgin Islands", vn: "Vietnam", vu: "Vanuatu", wf: "Wallis and Futuna", ws: "Samoa", xk: "Kosovo", ye: "Yemen", yt: "Mayotte", za: "South Africa", zm: "Zambia", zw: "Zimbabwe", } as const export type FlagCode = keyof typeof flagNames export type FlagKind = "country" | "subdivision" | "organization" export interface FlagMeta { code: FlagCode name: (typeof flagNames)[FlagCode] kind: FlagKind } export const flags = Object.entries(flagNames).map(([code, name]) => ({ code: code as FlagCode, name, kind: code === "eu" || code === "un" ? "organization" : code.startsWith("us-") || code.startsWith("gb-") ? "subdivision" : "country", })) satisfies FlagMeta[] export const flagCount = flags.length export function isFlagCode(value: string): value is FlagCode { return Object.prototype.hasOwnProperty.call(flagNames, value.toLowerCase()) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@tabler/icons-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40tabler%2Ficons-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@tabler/icons-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@flagcn","registryDependencies":["@flagcn/flag","@flagcn/country-data"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"src/components/flags/flag-picker.tsx","content":"$50","type":"registry:component","target":"@components/flags/flag-picker.tsx"},{"path":"src/components/flags/flag-data.ts","content":"$51","type":"registry:lib","target":"@components/flags/flag-data.ts"}],"className":"h-[70svh] min-h-80"}]]}]