@dnax/ui 0.0.1

package/index.ts

@@ -0,0 +1,151 @@
+export { default as QAccordion } from "./components/QAccordion.vue"
+export { default as QAccordionContent } from "./components/QAccordionContent.vue"
+export { default as QAccordionItem } from "./components/QAccordionItem.vue"
+export { default as QAccordionTrigger } from "./components/QAccordionTrigger.vue"
+export { default as QActionSheet } from "./components/QActionSheet.vue"
+export { default as QApp } from "./components/QApp.vue"
+export { default as QAutocomplete } from "./components/QAutocomplete.vue"
+export { default as QAvatar } from "./components/QAvatar.vue"
+export { default as QBackHeader } from "./components/QBackHeader.vue"
+export { default as QBackTop } from "./components/QBackTop.vue"
+export { default as QBadge } from "./components/QBadge.vue"
+export { default as QBottomSheet } from "./components/QBottomSheet.vue"
+export { default as QBottomSheetFooter } from "./components/QBottomSheetFooter.vue"
+export { default as QBottomSheetHeader } from "./components/QBottomSheetHeader.vue"
+export { default as QBottomSheetProvider } from "./components/QBottomSheetProvider.vue"
+export { default as QBottomSheetTrigger } from "./components/QBottomSheetTrigger.vue"
+export { default as QBtn } from "./components/QBtn.vue"
+export { default as QBtnGroup } from "./components/QBtnGroup.vue"
+export { default as QBubble } from "./components/QBubble.vue"
+export { default as QBubbleContent } from "./components/QBubbleContent.vue"
+export { default as QBubbleGroup } from "./components/QBubbleGroup.vue"
+export { default as QBubbleReactions } from "./components/QBubbleReactions.vue"
+export { default as QCard } from "./components/QCard.vue"
+export { default as QCardActions } from "./components/QCardActions.vue"
+export { default as QCardContent } from "./components/QCardContent.vue"
+export { default as QCarousel } from "./components/QCarousel.vue"
+export { default as QCarouselContent } from "./components/QCarouselContent.vue"
+export { default as QCarouselItem } from "./components/QCarouselItem.vue"
+export { default as QCarouselNav } from "./components/QCarouselNav.vue"
+export { default as QCheckbox } from "./components/QCheckbox.vue"
+export { default as QChip } from "./components/QChip.vue"
+export { default as QCircularProgress } from "./components/QCircularProgress.vue"
+export { default as QCol } from "./components/QCol.vue"
+export { default as QCollapse } from "./components/QCollapse.vue"
+export { default as QConfigProvider } from "./components/QConfigProvider.vue"
+export { default as QContainer } from "./components/QContainer.vue"
+export { default as QCountDown } from "./components/QCountDown.vue"
+export { default as QCountryPicker } from "./components/QCountryPicker.vue"
+export { default as QDataGrid } from "./components/QDataGrid.vue"
+export { default as QDatePicker } from "./components/QDatePicker.vue"
+export { default as QDialog } from "./components/QDialog.vue"
+export { default as QDialogFooter } from "./components/QDialogFooter.vue"
+export { default as QDialogHeader } from "./components/QDialogHeader.vue"
+export { default as QDialogProvider } from "./components/QDialogProvider.vue"
+export { default as QDialogTrigger } from "./components/QDialogTrigger.vue"
+export { default as QFab } from "./components/QFab.vue"
+export { default as QFabAction } from "./components/QFabAction.vue"
+export { default as QFilePicker } from "./components/QFilePicker.vue"
+export { default as QFooter } from "./components/QFooter.vue"
+export { default as QGallery } from "./components/QGallery.vue"
+export { default as QGrid } from "./components/QGrid.vue"
+export { default as QHeader } from "./components/QHeader.vue"
+export { default as QIcon } from "./components/QIcon.vue"
+export { default as QImagePicker } from "./components/QImagePicker.vue"
+export { default as QImagePreview } from "./components/QImagePreview.vue"
+export { default as QImagePreviewProvider } from "./components/QImagePreviewProvider.vue"
+export { default as QImg } from "./components/QImg.vue"
+export { default as QInfiniteScroll } from "./components/QInfiniteScroll.vue"
+export { default as QInnerLoading } from "./components/QInnerLoading.vue"
+export { default as QInput } from "./components/QInput.vue"
+export { default as QInputOtp } from "./components/QInputOtp.vue"
+export { default as QInputPassword } from "./components/QInputPassword.vue"
+export { default as QInputTag } from "./components/QInputTag.vue"
+export { default as QIntersection } from "./components/QIntersection.vue"
+export { default as QItem } from "./components/QItem.vue"
+export { default as QItemSection } from "./components/QItemSection.vue"
+export { default as QLinearProgress } from "./components/QLinearProgress.vue"
+export { default as QList } from "./components/QList.vue"
+export { default as QLoading } from "./components/QLoading.vue"
+export { default as QLoadingProvider } from "./components/QLoadingProvider.vue"
+export { default as QMarquee } from "./components/QMarquee.vue"
+export { default as QMessageScroller } from "./components/QMessageScroller.vue"
+export { default as QMessageScrollerButton } from "./components/QMessageScrollerButton.vue"
+export { default as QMessageScrollerContent } from "./components/QMessageScrollerContent.vue"
+export { default as QMessageScrollerItem } from "./components/QMessageScrollerItem.vue"
+export { default as QMessageScrollerProvider } from "./components/QMessageScrollerProvider.vue"
+export { default as QMessageScrollerViewport } from "./components/QMessageScrollerViewport.vue"
+export { default as QNavMenu } from "./components/QNavMenu.vue"
+export { default as QNavMenuContent } from "./components/QNavMenuContent.vue"
+export { default as QNavMenuItem } from "./components/QNavMenuItem.vue"
+export { default as QNavMenuTrigger } from "./components/QNavMenuTrigger.vue"
+export { default as QNotifyProvider } from "./components/QNotifyProvider.vue"
+export { default as QNotifyToast } from "./components/QNotifyToast.vue"
+export { default as QPage } from "./components/QPage.vue"
+export { default as QPagination } from "./components/QPagination.vue"
+export { default as QParallax } from "./components/QParallax.vue"
+export { default as QPullToRefresh } from "./components/QPullToRefresh.vue"
+export { default as QRadio } from "./components/QRadio.vue"
+export { default as QRating } from "./components/QRating.vue"
+export { default as QReorder } from "./components/QReorder.vue"
+export { default as QRollingText } from "./components/QRollingText.vue"
+export { default as QRow } from "./components/QRow.vue"
+export { default as QSafeArea } from "./components/QSafeArea.vue"
+export { default as QScrollArea } from "./components/QScrollArea.vue"
+export { default as QSelect } from "./components/QSelect.vue"
+export { default as QSeparator } from "./components/QSeparator.vue"
+export { default as QSidebar } from "./components/QSidebar.vue"
+export { default as QSidebarContent } from "./components/QSidebarContent.vue"
+export { default as QSidebarFooter } from "./components/QSidebarFooter.vue"
+export { default as QSidebarHeader } from "./components/QSidebarHeader.vue"
+export { default as QSidebarMenu } from "./components/QSidebarMenu.vue"
+export { default as QSidebarMenuButton } from "./components/QSidebarMenuButton.vue"
+export { default as QSidebarMenuItem } from "./components/QSidebarMenuItem.vue"
+export { default as QSidebarTrigger } from "./components/QSidebarTrigger.vue"
+export { default as QSkeleton } from "./components/QSkeleton.vue"
+export { default as QSlider } from "./components/QSlider.vue"
+export { default as QSpace } from "./components/QSpace.vue"
+export { default as QSpinner } from "./components/QSpinner.vue"
+export { default as QSplitter } from "./components/QSplitter.vue"
+export { default as QSticky } from "./components/QSticky.vue"
+export { default as QSwipeCell } from "./components/QSwipeCell.vue"
+export { default as QSwiper } from "./components/QSwiper.vue"
+export { default as QSwiperSlide } from "./components/QSwiperSlide.vue"
+export { default as QSyntax } from "./components/QSyntax.vue"
+export { default as QTab } from "./components/QTab.vue"
+export { default as QTabPanel } from "./components/QTabPanel.vue"
+export { default as QTabPanels } from "./components/QTabPanels.vue"
+export { default as QTable } from "./components/QTable.vue"
+export { default as QTabs } from "./components/QTabs.vue"
+export { default as QText } from "./components/QText.vue"
+export { default as QTextCaption } from "./components/QTextCaption.vue"
+export { default as QToolbar } from "./components/QToolbar.vue"
+export { default as QTooltip } from "./components/QTooltip.vue"
+export { default as QUploader } from "./components/QUploader.vue"
+export { default as QVideo } from "./components/QVideo.vue"
+export { default as QVirtualScroll } from "./components/QVirtualScroll.vue"
+
+export { $q, usePlugin, useQ, QPlugin, dialogStack, closeDialog, bottomSheetStack, closeBottomSheet } from "./lib/q"
+export type {
+  DialogOptions,
+  DialogController,
+  BottomSheetOptions,
+  BottomSheetController,
+  NotifyOptions,
+  NotifyController,
+} from "./lib/q"
+export { platform, qBreakpoints } from "./lib/platform"
+export type { QPlatform } from "./lib/platform"
+export { screen } from "./lib/screen"
+export type { QScreen } from "./lib/screen"
+export { loading } from "./lib/loading"
+export type { LoadingOptions, QLoadingPlugin } from "./lib/loading"
+export {
+  registerOverlay,
+  unregisterOverlay,
+  hasOpenOverlays,
+  closeTopmostOverlay,
+  useOverlayBack,
+  installOverlayBackHandler,
+} from "./lib/overlayBack"
+export type { OverlayHandle } from "./lib/overlayBack"

package/lib/breakpoints.ts

@@ -0,0 +1,44 @@
+// Grid breakpoints — configurables via les CSS vars --q-grid-bp-* (:root par défaut).
+// Lues au runtime et converties en matchMedia (pas de var() dans @media → compatible lightningcss).
+import { onBeforeUnmount, ref } from "vue"
+import type { Ref } from "vue"
+
+const DEFAULTS: Record<string, number> = { sm: 600, md: 1024, lg: 1440, xl: 1920 }
+
+const readBreakpoint = (name: string): number => {
+  if (typeof window === "undefined" || typeof getComputedStyle === "undefined")
+    return DEFAULTS[name] ?? 0
+  const v = getComputedStyle(document.documentElement)
+    .getPropertyValue(`--q-grid-bp-${name}`)
+    .trim()
+  const n = parseFloat(v)
+  return Number.isFinite(n) ? n : (DEFAULTS[name] ?? 0)
+}
+
+export interface QBreakpointState {
+  sm: boolean
+  md: boolean
+  lg: boolean
+  xl: boolean
+}
+
+/** Breakpoints actifs (matchMedia) — valeurs lues des CSS vars --q-grid-bp-* */
+export function useGridBreakpoints(): Ref<QBreakpointState> {
+  const state = ref<QBreakpointState>({ sm: false, md: false, lg: false, xl: false })
+  const handlers: [MediaQueryList, () => void][] = []
+  if (typeof window !== "undefined" && typeof matchMedia !== "undefined") {
+    for (const name of ["sm", "md", "lg", "xl"] as const) {
+      const mq = window.matchMedia(`(min-width: ${readBreakpoint(name)}px)`)
+      const apply = () => {
+        state.value = { ...state.value, [name]: mq.matches }
+      }
+      mq.addEventListener("change", apply)
+      apply()
+      handlers.push([mq, apply])
+    }
+  }
+  onBeforeUnmount(() => {
+    for (const [mq, apply] of handlers) mq.removeEventListener("change", apply)
+  })
+  return state
+}

package/lib/colors.ts

@@ -0,0 +1,24 @@
+/** Tokens de couleur du design system (définis en :root dans styles/main.css) */
+export const TOKEN_COLORS = ["primary", "secondary", "accent", "dark", "positive", "negative", "info", "warning"] as const
+
+export const isTokenColor = (c?: string): c is string =>
+  !!c && (TOKEN_COLORS as readonly string[]).includes(c)
+
+/** Token → var(--token), sinon valeur directe (hex, rgb(), nom CSS) */
+export const colorValue = (c: string): string => (isTokenColor(c) ? `var(--${c})` : c)
+
+/** Couleur de texte lisible (blanc ou sombre) pour un fond donné */
+export const contrastText = (bg: string): string => {
+  let hex = bg.trim().replace(/^#/, "")
+  if (hex.length === 3) hex = hex.split("").map((c) => c + c).join("")
+  if (!/^[0-9a-f]{6}$/i.test(hex)) return "#ffffff"
+  const r = parseInt(hex.slice(0, 2), 16)
+  const g = parseInt(hex.slice(2, 4), 16)
+  const b = parseInt(hex.slice(4, 6), 16)
+  const luminance = 0.299 * r + 0.587 * g + 0.114 * b
+  return luminance > 150 ? "#1d1d1d" : "#ffffff"
+}
+
+/** Foreground associé : var(--token-foreground) pour un token, contraste calculé pour une couleur libre */
+export const foregroundFor = (color: string): string =>
+  isTokenColor(color) ? `var(--${color}-foreground)` : contrastText(color)

package/lib/config.ts

@@ -0,0 +1,34 @@
+import type { InjectionKey, Ref } from "vue"
+
+/** Mode clair/sombre du thème */
+export type ThemeMode = "light" | "dark" | "system"
+
+export interface QThemeColors {
+  primary?: string
+  secondary?: string
+  accent?: string
+  dark?: string
+  positive?: string
+  negative?: string
+  info?: string
+  warning?: string
+}
+
+export interface QTheme {
+  /** Mode clair/sombre : light | dark | system (défaut : system = préférence OS) */
+  mode?: ThemeMode
+  colors?: QThemeColors
+  /** Props par défaut par composant (clé = nom du composant, ex. "QBtn") */
+  componentProps?: Record<string, Record<string, unknown>>
+}
+
+export interface QConfigContext {
+  theme: Ref<QTheme>
+  /** true si le mode effectif est sombre (résout "system") */
+  isDark: Readonly<Ref<boolean>>
+}
+
+export const qConfigKey: InjectionKey<QConfigContext> = Symbol("q-config")
+
+/** True si les providers intégrés (dialog stack, notify) sont déjà rendus par un QConfigProvider ancêtre. */
+export const qProvidersKey: InjectionKey<boolean> = Symbol("q-providers")

package/lib/countries.ts

@@ -0,0 +1,261 @@
+// Données pays pour QCountryPicker : liste ISO 3166-1 alpha-2 avec indicatif
+// téléphonique et nom en anglais (name) + français (nameFr).
+export interface Country {
+  /** Code ISO 3166-1 alpha-2 (ex. "FR") */
+  code: string
+  /** Nom anglais */
+  name: string
+  /** Nom français (fallback : name) */
+  nameFr?: string
+  /** Indicatif téléphonique international (ex. "+33") */
+  dial: string
+}
+
+/** Drapeau emoji d'un code pays ISO (🇫🇷…) — aucun asset requis */
+export const flagOf = (code: string): string =>
+  code
+    .toUpperCase()
+    .replace(/./g, (c) => String.fromCodePoint(127397 + c.charCodeAt(0)))
+
+export const COUNTRIES: Country[] = [
+  { code: "AF", name: "Afghanistan", nameFr: "Afghanistan", dial: "+93" },
+  { code: "AL", name: "Albania", nameFr: "Albanie", dial: "+355" },
+  { code: "DZ", name: "Algeria", nameFr: "Algérie", dial: "+213" },
+  { code: "AS", name: "American Samoa", nameFr: "Samoa américaines", dial: "+1-684" },
+  { code: "AD", name: "Andorra", nameFr: "Andorre", dial: "+376" },
+  { code: "AO", name: "Angola", nameFr: "Angola", dial: "+244" },
+  { code: "AI", name: "Anguilla", nameFr: "Anguilla", dial: "+1-264" },
+  { code: "AQ", name: "Antarctica", nameFr: "Antarctique", dial: "+672" },
+  { code: "AG", name: "Antigua and Barbuda", nameFr: "Antigua-et-Barbuda", dial: "+1-268" },
+  { code: "AR", name: "Argentina", nameFr: "Argentine", dial: "+54" },
+  { code: "AM", name: "Armenia", nameFr: "Arménie", dial: "+374" },
+  { code: "AW", name: "Aruba", nameFr: "Aruba", dial: "+297" },
+  { code: "AU", name: "Australia", nameFr: "Australie", dial: "+61" },
+  { code: "AT", name: "Austria", nameFr: "Autriche", dial: "+43" },
+  { code: "AZ", name: "Azerbaijan", nameFr: "Azerbaïdjan", dial: "+994" },
+  { code: "BS", name: "Bahamas", nameFr: "Bahamas", dial: "+1-242" },
+  { code: "BH", name: "Bahrain", nameFr: "Bahreïn", dial: "+973" },
+  { code: "BD", name: "Bangladesh", nameFr: "Bangladesh", dial: "+880" },
+  { code: "BB", name: "Barbados", nameFr: "Barbade", dial: "+1-246" },
+  { code: "BY", name: "Belarus", nameFr: "Biélorussie", dial: "+375" },
+  { code: "BE", name: "Belgium", nameFr: "Belgique", dial: "+32" },
+  { code: "BZ", name: "Belize", nameFr: "Belize", dial: "+501" },
+  { code: "BJ", name: "Benin", nameFr: "Bénin", dial: "+229" },
+  { code: "BM", name: "Bermuda", nameFr: "Bermudes", dial: "+1-441" },
+  { code: "BT", name: "Bhutan", nameFr: "Bhoutan", dial: "+975" },
+  { code: "BO", name: "Bolivia", nameFr: "Bolivie", dial: "+591" },
+  { code: "BA", name: "Bosnia and Herzegovina", nameFr: "Bosnie-Herzégovine", dial: "+387" },
+  { code: "BW", name: "Botswana", nameFr: "Botswana", dial: "+267" },
+  { code: "BV", name: "Bouvet Island", nameFr: "Île Bouvet", dial: "+47" },
+  { code: "BR", name: "Brazil", nameFr: "Brésil", dial: "+55" },
+  { code: "IO", name: "British Indian Ocean Territory", nameFr: "Territoire britannique de l'océan Indien", dial: "+246" },
+  { code: "BN", name: "Brunei Darussalam", nameFr: "Brunei Darussalam", dial: "+673" },
+  { code: "BG", name: "Bulgaria", nameFr: "Bulgarie", dial: "+359" },
+  { code: "BF", name: "Burkina Faso", nameFr: "Burkina Faso", dial: "+226" },
+  { code: "BI", name: "Burundi", nameFr: "Burundi", dial: "+257" },
+  { code: "KH", name: "Cambodia", nameFr: "Cambodge", dial: "+855" },
+  { code: "CM", name: "Cameroon", nameFr: "Cameroun", dial: "+237" },
+  { code: "CA", name: "Canada", nameFr: "Canada", dial: "+1" },
+  { code: "CV", name: "Cape Verde", nameFr: "Cap-Vert", dial: "+238" },
+  { code: "KY", name: "Cayman Islands", nameFr: "Îles Caïmans", dial: "+1-345" },
+  { code: "CF", name: "Central African Republic", nameFr: "République centrafricaine", dial: "+236" },
+  { code: "TD", name: "Chad", nameFr: "Tchad", dial: "+235" },
+  { code: "CL", name: "Chile", nameFr: "Chili", dial: "+56" },
+  { code: "CN", name: "China", nameFr: "Chine", dial: "+86" },
+  { code: "CX", name: "Christmas Island", nameFr: "Île Christmas", dial: "+61" },
+  { code: "CC", name: "Cocos (Keeling) Islands", nameFr: "Îles Cocos (Keeling)", dial: "+61" },
+  { code: "CO", name: "Colombia", nameFr: "Colombie", dial: "+57" },
+  { code: "KM", name: "Comoros", nameFr: "Comores", dial: "+269" },
+  { code: "CG", name: "Congo", nameFr: "Congo", dial: "+242" },
+  { code: "CD", name: "Congo, the Democratic Republic of the", nameFr: "Congo (République démocratique du)", dial: "+243" },
+  { code: "CK", name: "Cook Islands", nameFr: "Îles Cook", dial: "+682" },
+  { code: "CR", name: "Costa Rica", nameFr: "Costa Rica", dial: "+506" },
+  { code: "CI", name: "Côte d'Ivoire", nameFr: "Côte d'Ivoire", dial: "+225" },
+  { code: "HR", name: "Croatia", nameFr: "Croatie", dial: "+385" },
+  { code: "CU", name: "Cuba", nameFr: "Cuba", dial: "+53" },
+  { code: "CY", name: "Cyprus", nameFr: "Chypre", dial: "+357" },
+  { code: "CZ", name: "Czech Republic", nameFr: "République tchèque", dial: "+420" },
+  { code: "DK", name: "Denmark", nameFr: "Danemark", dial: "+45" },
+  { code: "DJ", name: "Djibouti", nameFr: "Djibouti", dial: "+253" },
+  { code: "DM", name: "Dominica", nameFr: "Dominique", dial: "+1-767" },
+  { code: "DO", name: "Dominican Republic", nameFr: "République dominicaine", dial: "+1-809" },
+  { code: "EC", name: "Ecuador", nameFr: "Équateur", dial: "+593" },
+  { code: "EG", name: "Egypt", nameFr: "Égypte", dial: "+20" },
+  { code: "SV", name: "El Salvador", nameFr: "Salvador", dial: "+503" },
+  { code: "GQ", name: "Equatorial Guinea", nameFr: "Guinée équatoriale", dial: "+240" },
+  { code: "ER", name: "Eritrea", nameFr: "Érythrée", dial: "+291" },
+  { code: "EE", name: "Estonia", nameFr: "Estonie", dial: "+372" },
+  { code: "ET", name: "Ethiopia", nameFr: "Éthiopie", dial: "+251" },
+  { code: "FK", name: "Falkland Islands (Malvinas)", nameFr: "Îles Malouines (Falkland)", dial: "+500" },
+  { code: "FO", name: "Faroe Islands", nameFr: "Îles Féroé", dial: "+298" },
+  { code: "FJ", name: "Fiji", nameFr: "Fidji", dial: "+679" },
+  { code: "FI", name: "Finland", nameFr: "Finlande", dial: "+358" },
+  { code: "FR", name: "France", nameFr: "France", dial: "+33" },
+  { code: "GF", name: "French Guiana", nameFr: "Guyane française", dial: "+594" },
+  { code: "PF", name: "French Polynesia", nameFr: "Polynésie française", dial: "+689" },
+  { code: "TF", name: "French Southern Territories", nameFr: "Terres australes françaises", dial: "+262" },
+  { code: "GA", name: "Gabon", nameFr: "Gabon", dial: "+241" },
+  { code: "GM", name: "Gambia", nameFr: "Gambie", dial: "+220" },
+  { code: "GE", name: "Georgia", nameFr: "Géorgie", dial: "+995" },
+  { code: "DE", name: "Germany", nameFr: "Allemagne", dial: "+49" },
+  { code: "GH", name: "Ghana", nameFr: "Ghana", dial: "+233" },
+  { code: "GI", name: "Gibraltar", nameFr: "Gibraltar", dial: "+350" },
+  { code: "GR", name: "Greece", nameFr: "Grèce", dial: "+30" },
+  { code: "GL", name: "Greenland", nameFr: "Groenland", dial: "+299" },
+  { code: "GD", name: "Grenada", nameFr: "Grenade", dial: "+1-473" },
+  { code: "GP", name: "Guadeloupe", nameFr: "Guadeloupe", dial: "+590" },
+  { code: "GU", name: "Guam", nameFr: "Guam", dial: "+1-671" },
+  { code: "GT", name: "Guatemala", nameFr: "Guatemala", dial: "+502" },
+  { code: "GN", name: "Guinea", nameFr: "Guinée", dial: "+224" },
+  { code: "GW", name: "Guinea-Bissau", nameFr: "Guinée-Bissau", dial: "+245" },
+  { code: "GY", name: "Guyana", nameFr: "Guyana", dial: "+592" },
+  { code: "HT", name: "Haiti", nameFr: "Haïti", dial: "+509" },
+  { code: "HM", name: "Heard Island and McDonald Islands", nameFr: "Îles Heard-et-MacDonald", dial: "+672" },
+  { code: "VA", name: "Holy See (Vatican City State)", nameFr: "Saint-Siège (État de la Cité du Vatican)", dial: "+379" },
+  { code: "HN", name: "Honduras", nameFr: "Honduras", dial: "+504" },
+  { code: "HK", name: "Hong Kong", nameFr: "Hong Kong", dial: "+852" },
+  { code: "HU", name: "Hungary", nameFr: "Hongrie", dial: "+36" },
+  { code: "IS", name: "Iceland", nameFr: "Islande", dial: "+354" },
+  { code: "IN", name: "India", nameFr: "Inde", dial: "+91" },
+  { code: "ID", name: "Indonesia", nameFr: "Indonésie", dial: "+62" },
+  { code: "IR", name: "Iran, Islamic Republic of", nameFr: "Iran (République islamique d')", dial: "+98" },
+  { code: "IQ", name: "Iraq", nameFr: "Irak", dial: "+964" },
+  { code: "IE", name: "Ireland", nameFr: "Irlande", dial: "+353" },
+  { code: "IL", name: "Israel", nameFr: "Israël", dial: "+972" },
+  { code: "IT", name: "Italy", nameFr: "Italie", dial: "+39" },
+  { code: "JM", name: "Jamaica", nameFr: "Jamaïque", dial: "+1-876" },
+  { code: "JP", name: "Japan", nameFr: "Japon", dial: "+81" },
+  { code: "JO", name: "Jordan", nameFr: "Jordanie", dial: "+962" },
+  { code: "KZ", name: "Kazakhstan", nameFr: "Kazakhstan", dial: "+7" },
+  { code: "KE", name: "Kenya", nameFr: "Kenya", dial: "+254" },
+  { code: "KI", name: "Kiribati", nameFr: "Kiribati", dial: "+686" },
+  { code: "KP", name: "Korea, Democratic People's Republic of", nameFr: "Corée (République populaire démocratique de)", dial: "+850" },
+  { code: "KR", name: "Korea, Republic of", nameFr: "Corée (République de)", dial: "+82" },
+  { code: "KW", name: "Kuwait", nameFr: "Koweït", dial: "+965" },
+  { code: "KG", name: "Kyrgyzstan", nameFr: "Kirghizistan", dial: "+996" },
+  { code: "LA", name: "Lao People's Democratic Republic", nameFr: "Laos (République démocratique populaire)", dial: "+856" },
+  { code: "LV", name: "Latvia", nameFr: "Lettonie", dial: "+371" },
+  { code: "LB", name: "Lebanon", nameFr: "Liban", dial: "+961" },
+  { code: "LS", name: "Lesotho", nameFr: "Lesotho", dial: "+266" },
+  { code: "LR", name: "Liberia", nameFr: "Libéria", dial: "+231" },
+  { code: "LY", name: "Libyan Arab Jamahiriya", nameFr: "Jamahiriya arabe libyenne", dial: "+218" },
+  { code: "LI", name: "Liechtenstein", nameFr: "Liechtenstein", dial: "+423" },
+  { code: "LT", name: "Lithuania", nameFr: "Lituanie", dial: "+370" },
+  { code: "LU", name: "Luxembourg", nameFr: "Luxembourg", dial: "+352" },
+  { code: "MO", name: "Macao", nameFr: "Macao", dial: "+853" },
+  { code: "MK", name: "Macedonia, the Former Yugoslav Republic of", nameFr: "Macédoine (ex-République yougoslave de)", dial: "+389" },
+  { code: "MG", name: "Madagascar", nameFr: "Madagascar", dial: "+261" },
+  { code: "MW", name: "Malawi", nameFr: "Malawi", dial: "+265" },
+  { code: "MY", name: "Malaysia", nameFr: "Malaisie", dial: "+60" },
+  { code: "MV", name: "Maldives", nameFr: "Maldives", dial: "+960" },
+  { code: "ML", name: "Mali", nameFr: "Mali", dial: "+223" },
+  { code: "MT", name: "Malta", nameFr: "Malte", dial: "+356" },
+  { code: "MH", name: "Marshall Islands", nameFr: "Îles Marshall", dial: "+692" },
+  { code: "MQ", name: "Martinique", nameFr: "Martinique", dial: "+596" },
+  { code: "MR", name: "Mauritania", nameFr: "Mauritanie", dial: "+222" },
+  { code: "MU", name: "Mauritius", nameFr: "Maurice", dial: "+230" },
+  { code: "YT", name: "Mayotte", nameFr: "Mayotte", dial: "+262" },
+  { code: "MX", name: "Mexico", nameFr: "Mexique", dial: "+52" },
+  { code: "FM", name: "Micronesia, Federated States of", nameFr: "Micronésie (États fédérés de)", dial: "+691" },
+  { code: "MD", name: "Moldova, Republic of", nameFr: "Moldavie (République de)", dial: "+373" },
+  { code: "MC", name: "Monaco", nameFr: "Monaco", dial: "+377" },
+  { code: "MN", name: "Mongolia", nameFr: "Mongolie", dial: "+976" },
+  { code: "ME", name: "Montenegro", nameFr: "Monténégro", dial: "+382" },
+  { code: "MS", name: "Montserrat", nameFr: "Montserrat", dial: "+1-664" },
+  { code: "MA", name: "Morocco", nameFr: "Maroc", dial: "+212" },
+  { code: "MZ", name: "Mozambique", nameFr: "Mozambique", dial: "+258" },
+  { code: "MM", name: "Myanmar", nameFr: "Myanmar", dial: "+95" },
+  { code: "NA", name: "Namibia", nameFr: "Namibie", dial: "+264" },
+  { code: "NR", name: "Nauru", nameFr: "Nauru", dial: "+674" },
+  { code: "NP", name: "Nepal", nameFr: "Népal", dial: "+977" },
+  { code: "NL", name: "Netherlands", nameFr: "Pays-Bas", dial: "+31" },
+  { code: "AN", name: "Netherlands Antilles", nameFr: "Antilles néerlandaises", dial: "+599" },
+  { code: "NC", name: "New Caledonia", nameFr: "Nouvelle-Calédonie", dial: "+687" },
+  { code: "NZ", name: "New Zealand", nameFr: "Nouvelle-Zélande", dial: "+64" },
+  { code: "NI", name: "Nicaragua", nameFr: "Nicaragua", dial: "+505" },
+  { code: "NE", name: "Niger", nameFr: "Niger", dial: "+227" },
+  { code: "NG", name: "Nigeria", nameFr: "Nigéria", dial: "+234" },
+  { code: "NU", name: "Niue", nameFr: "Niue", dial: "+683" },
+  { code: "NF", name: "Norfolk Island", nameFr: "Île Norfolk", dial: "+672" },
+  { code: "MP", name: "Northern Mariana Islands", nameFr: "Îles Mariannes du Nord", dial: "+1-670" },
+  { code: "NO", name: "Norway", nameFr: "Norvège", dial: "+47" },
+  { code: "OM", name: "Oman", nameFr: "Oman", dial: "+968" },
+  { code: "PK", name: "Pakistan", nameFr: "Pakistan", dial: "+92" },
+  { code: "PW", name: "Palau", nameFr: "Palaos", dial: "+680" },
+  { code: "PS", name: "Palestinian Territory, Occupied", nameFr: "Territoire palestinien (occupé)", dial: "+970" },
+  { code: "PA", name: "Panama", nameFr: "Panama", dial: "+507" },
+  { code: "PG", name: "Papua New Guinea", nameFr: "Papouasie-Nouvelle-Guinée", dial: "+675" },
+  { code: "PY", name: "Paraguay", nameFr: "Paraguay", dial: "+595" },
+  { code: "PE", name: "Peru", nameFr: "Pérou", dial: "+51" },
+  { code: "PH", name: "Philippines", nameFr: "Philippines", dial: "+63" },
+  { code: "PN", name: "Pitcairn", nameFr: "Pitcairn", dial: "+64" },
+  { code: "PL", name: "Poland", nameFr: "Pologne", dial: "+48" },
+  { code: "PT", name: "Portugal", nameFr: "Portugal", dial: "+351" },
+  { code: "PR", name: "Puerto Rico", nameFr: "Porto Rico", dial: "+1-787" },
+  { code: "QA", name: "Qatar", nameFr: "Qatar", dial: "+974" },
+  { code: "RE", name: "Réunion", nameFr: "Réunion", dial: "+262" },
+  { code: "RO", name: "Romania", nameFr: "Roumanie", dial: "+40" },
+  { code: "RU", name: "Russian Federation", nameFr: "Russie (Fédération de)", dial: "+7" },
+  { code: "RW", name: "Rwanda", nameFr: "Rwanda", dial: "+250" },
+  { code: "SH", name: "Saint Helena", nameFr: "Sainte-Hélène", dial: "+290" },
+  { code: "KN", name: "Saint Kitts and Nevis", nameFr: "Saint-Kitts-et-Nevis", dial: "+1-869" },
+  { code: "LC", name: "Saint Lucia", nameFr: "Sainte-Lucie", dial: "+1-758" },
+  { code: "PM", name: "Saint Pierre and Miquelon", nameFr: "Saint-Pierre-et-Miquelon", dial: "+508" },
+  { code: "VC", name: "Saint Vincent and the Grenadines", nameFr: "Saint-Vincent-et-les-Grenadines", dial: "+1-784" },
+  { code: "WS", name: "Samoa", nameFr: "Samoa", dial: "+685" },
+  { code: "SM", name: "San Marino", nameFr: "Saint-Marin", dial: "+378" },
+  { code: "ST", name: "Sao Tome and Principe", nameFr: "Sao Tomé-et-Principe", dial: "+239" },
+  { code: "SA", name: "Saudi Arabia", nameFr: "Arabie saoudite", dial: "+966" },
+  { code: "SN", name: "Senegal", nameFr: "Sénégal", dial: "+221" },
+  { code: "RS", name: "Serbia", nameFr: "Serbie", dial: "+381" },
+  { code: "SC", name: "Seychelles", nameFr: "Seychelles", dial: "+248" },
+  { code: "SL", name: "Sierra Leone", nameFr: "Sierra Leone", dial: "+232" },
+  { code: "SG", name: "Singapore", nameFr: "Singapour", dial: "+65" },
+  { code: "SK", name: "Slovakia", nameFr: "Slovaquie", dial: "+421" },
+  { code: "SI", name: "Slovenia", nameFr: "Slovénie", dial: "+386" },
+  { code: "SB", name: "Solomon Islands", nameFr: "Îles Salomon", dial: "+677" },
+  { code: "SO", name: "Somalia", nameFr: "Somalie", dial: "+252" },
+  { code: "ZA", name: "South Africa", nameFr: "Afrique du Sud", dial: "+27" },
+  { code: "GS", name: "South Georgia and the South Sandwich Islands", nameFr: "Géorgie du Sud et les Îles Sandwich du Sud", dial: "+500" },
+  { code: "ES", name: "Spain", nameFr: "Espagne", dial: "+34" },
+  { code: "LK", name: "Sri Lanka", nameFr: "Sri Lanka", dial: "+94" },
+  { code: "SD", name: "Sudan", nameFr: "Soudan", dial: "+249" },
+  { code: "SR", name: "Suriname", nameFr: "Suriname", dial: "+597" },
+  { code: "SJ", name: "Svalbard and Jan Mayen", nameFr: "Svalbard et Jan Mayen", dial: "+47" },
+  { code: "SZ", name: "Swaziland", nameFr: "Swaziland", dial: "+268" },
+  { code: "SE", name: "Sweden", nameFr: "Suède", dial: "+46" },
+  { code: "CH", name: "Switzerland", nameFr: "Suisse", dial: "+41" },
+  { code: "SY", name: "Syrian Arab Republic", nameFr: "République arabe syrienne", dial: "+963" },
+  { code: "TW", name: "Taiwan, Province of China", nameFr: "Taïwan (Province de Chine)", dial: "+886" },
+  { code: "TJ", name: "Tajikistan", nameFr: "Tadjikistan", dial: "+992" },
+  { code: "TZ", name: "Tanzania, United Republic of", nameFr: "Tanzanie (République-Unie de)", dial: "+255" },
+  { code: "TH", name: "Thailand", nameFr: "Thaïlande", dial: "+66" },
+  { code: "TL", name: "Timor-Leste", nameFr: "Timor-Leste", dial: "+670" },
+  { code: "TG", name: "Togo", nameFr: "Togo", dial: "+228" },
+  { code: "TK", name: "Tokelau", nameFr: "Tokelau", dial: "+690" },
+  { code: "TO", name: "Tonga", nameFr: "Tonga", dial: "+676" },
+  { code: "TT", name: "Trinidad and Tobago", nameFr: "Trinité-et-Tobago", dial: "+1-868" },
+  { code: "TN", name: "Tunisia", nameFr: "Tunisie", dial: "+216" },
+  { code: "TR", name: "Turkey", nameFr: "Turquie", dial: "+90" },
+  { code: "TM", name: "Turkmenistan", nameFr: "Turkménistan", dial: "+993" },
+  { code: "TC", name: "Turks and Caicos Islands", nameFr: "Îles Turques-et-Caïques", dial: "+1-649" },
+  { code: "TV", name: "Tuvalu", nameFr: "Tuvalu", dial: "+688" },
+  { code: "UG", name: "Uganda", nameFr: "Ouganda", dial: "+256" },
+  { code: "UA", name: "Ukraine", nameFr: "Ukraine", dial: "+380" },
+  { code: "AE", name: "United Arab Emirates", nameFr: "Émirats arabes unis", dial: "+971" },
+  { code: "GB", name: "United Kingdom", nameFr: "Royaume-Uni", dial: "+44" },
+  { code: "US", name: "United States", nameFr: "États-Unis", dial: "+1" },
+  { code: "UM", name: "United States Minor Outlying Islands", nameFr: "Îles mineures éloignées des États-Unis", dial: "+1" },
+  { code: "UY", name: "Uruguay", nameFr: "Uruguay", dial: "+598" },
+  { code: "UZ", name: "Uzbekistan", nameFr: "Ouzbékistan", dial: "+998" },
+  { code: "VU", name: "Vanuatu", nameFr: "Vanuatu", dial: "+678" },
+  { code: "VE", name: "Venezuela", nameFr: "Venezuela", dial: "+58" },
+  { code: "VN", name: "Viet Nam", nameFr: "Viet Nam", dial: "+84" },
+  { code: "VG", name: "Virgin Islands, British", nameFr: "Îles Vierges britanniques", dial: "+1-284" },
+  { code: "VI", name: "Virgin Islands, U.S.", nameFr: "Îles Vierges des États-Unis", dial: "+1-340" },
+  { code: "WF", name: "Wallis and Futuna", nameFr: "Wallis-et-Futuna", dial: "+681" },
+  { code: "EH", name: "Western Sahara", nameFr: "Sahara occidental", dial: "+212" },
+  { code: "YE", name: "Yemen", nameFr: "Yémen", dial: "+967" },
+  { code: "ZM", name: "Zambia", nameFr: "Zambie", dial: "+260" },
+  { code: "ZW", name: "Zimbabwe", nameFr: "Zimbabwe", dial: "+263" },
+]