@m4l/gclick 0.26.0 → 0.27.0-beta-feature-795-m4l-react-native-ui-indicator-flag.0

package/components/indicators/IndicatorFlag/IndicatorFlag.styles.js

@@ -0,0 +1,142 @@
+const e = {
+  /** Keep the chip and popover in one positioning context. */
+  root: () => ({
+    display: "inline-flex",
+    position: "relative",
+    verticalAlign: "middle"
+  }),
+  /** Reset native button chrome while preserving keyboard focus. */
+  trigger: () => ({
+    appearance: "none",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 16,
+    height: 16,
+    padding: 0,
+    border: 0,
+    background: "transparent",
+    cursor: "pointer",
+    "&:focus-visible": { outline: "2px solid currentColor", outlineOffset: 2 },
+    "&:disabled": { cursor: "default" }
+  }),
+  /** Give the 16 px flag breathing room inside the compact Chip variant. */
+  chip: ({ theme: a }) => ({
+    "&&": {
+      minWidth: 49,
+      width: "fit-content",
+      height: 20,
+      minHeight: 20,
+      maxHeight: 20,
+      padding: `${a.vars.size.baseSpacings["sp0-5"]} ${a.vars.size.baseSpacings["sp1-5"]} ${a.vars.size.baseSpacings["sp0-5"]} 0`,
+      gap: a.vars.size.baseSpacings.sp1,
+      borderRadius: a.vars.size.borderRadius.r1,
+      borderRight: `1px solid ${a.vars.palette.border.secondary}`,
+      backgroundColor: a.vars.palette.background.default,
+      boxShadow: `0 2px 2px ${a.vars.palette.background.surface}`,
+      cursor: "inherit"
+    },
+    "&&& .M4LTypography-root": {
+      paddingLeft: 0,
+      paddingRight: 0,
+      color: a.vars.palette.text.primary,
+      fontSize: 11,
+      fontWeight: 500,
+      letterSpacing: "0.3px",
+      lineHeight: "16px"
+    },
+    "& svg": { width: 16, height: 16, flexShrink: 0 }
+  }),
+  /** Position the option panel below the selected country. */
+  popover: ({ theme: a }) => ({
+    position: "absolute",
+    left: 0,
+    top: `calc(100% + ${a.vars.size.baseSpacings["sp0-5"]})`,
+    zIndex: 1,
+    width: "max-content",
+    minWidth: 83,
+    '&[data-scrollable="true"]': { minWidth: 100 },
+    padding: a.vars.size.baseSpacings.sp3,
+    borderRadius: a.vars.size.borderRadius.r3,
+    backgroundColor: a.vars.palette.background.default,
+    boxShadow: a.vars.customShadows.z4
+  }),
+  /** Scroll through a bounded viewport while only mounting visible rows. */
+  menu: () => ({
+    position: "relative",
+    overflowY: "auto",
+    overflowX: "hidden",
+    padding: 0,
+    outline: 0,
+    '&[data-scrollable="true"]': { scrollbarGutter: "stable" }
+  }),
+  /** Give each country the dimensions and padding from Figma. */
+  menuItem: ({ theme: a }) => ({
+    "&&": {
+      display: "flex",
+      alignItems: "center",
+      gap: a.vars.size.baseSpacings.sp1,
+      position: "absolute",
+      left: 0,
+      width: "100%",
+      minWidth: 59,
+      height: 28,
+      minHeight: 28,
+      padding: `${a.vars.size.baseSpacings["sp1-5"]} ${a.vars.size.baseSpacings.sp2}`,
+      border: 0,
+      borderRadius: a.vars.size.borderRadius["r1-5"],
+      background: "transparent",
+      cursor: "pointer",
+      '&:hover, &:focus-visible, &[data-active="true"]': {
+        backgroundColor: a.vars.palette.background.surface
+      }
+    }
+  }),
+  /** Clip each country flag to the rounded 16 px icon slot from Figma. */
+  flag: ({ theme: a }) => ({
+    display: "inline-flex",
+    width: 16,
+    height: 16,
+    flexShrink: 0,
+    borderRadius: a.vars.size.borderRadius.r1,
+    overflow: "hidden",
+    "& svg": { width: 16, height: 16 }
+  }),
+  /** Set the phone prefix in the compact body typography. */
+  code: ({ theme: a }) => ({
+    color: a.vars.palette.text.primary,
+    fontSize: 11,
+    fontWeight: 500,
+    letterSpacing: "0.3px",
+    lineHeight: 1,
+    whiteSpace: "nowrap"
+  }),
+  /** Keep the selected prefix editable without changing the compact chip layout. */
+  codeInput: ({ theme: a, ownerState: i }) => ({
+    width: `calc(${typeof i?.codeLength == "number" ? i.codeLength : 3}ch + ${a.vars.size.baseSpacings["sp0-5"]})`,
+    minWidth: "3ch",
+    padding: 0,
+    border: 0,
+    outline: 0,
+    background: "transparent",
+    color: a.vars.palette.text.primary,
+    font: "inherit",
+    fontSize: 11,
+    fontWeight: 500,
+    letterSpacing: "0.3px",
+    lineHeight: "16px",
+    textAlign: "left",
+    "&:disabled": { color: a.vars.palette.text.disabled, cursor: "default" }
+  }),
+  /** Explain why a typed prefix has no options to select. */
+  emptyState: ({ theme: a }) => ({
+    display: "block",
+    padding: a.vars.size.baseSpacings.sp1,
+    color: a.vars.palette.text.secondary,
+    fontSize: 11,
+    whiteSpace: "nowrap"
+  })
+};
+export {
+  e as indicatorFlagStyles
+};

package/components/indicators/IndicatorFlag/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const INDICATOR_FLAG_COMPONENT_KEY = "M4LIndicatorFlag";
+export declare const INDICATOR_FLAG_ROW_HEIGHT = 32;
+export declare const INDICATOR_FLAG_ROW_GAP = 4;
+export declare const INDICATOR_FLAG_VISIBLE_ROWS = 7;
+//# sourceMappingURL=constants.d.ts.map

package/components/indicators/IndicatorFlag/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAC/D,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAC5C,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,2BAA2B,IAAI,CAAC"}

package/components/indicators/IndicatorFlag/constants.js

@@ -0,0 +1,7 @@
+const I = "M4LIndicatorFlag", _ = 32, A = 4, O = 7;
+export {
+  I as INDICATOR_FLAG_COMPONENT_KEY,
+  A as INDICATOR_FLAG_ROW_GAP,
+  _ as INDICATOR_FLAG_ROW_HEIGHT,
+  O as INDICATOR_FLAG_VISIBLE_ROWS
+};

package/components/indicators/IndicatorFlag/countryOptions.d.ts

@@ -0,0 +1,4 @@
+import { IndicatorFlagCountry } from './countryStock.generated';
+/** Resolve numeric E.164 codes to the owned country catalog in caller order. */
+export declare function resolveIndicatorFlagCountries(options?: readonly number[]): readonly IndicatorFlagCountry[];
+//# sourceMappingURL=countryOptions.d.ts.map

package/components/indicators/IndicatorFlag/countryOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countryOptions.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/countryOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAYpF,gFAAgF;AAChF,wBAAgB,6BAA6B,CAAC,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,SAAS,oBAAoB,EAAE,CAa1G"}

package/components/indicators/IndicatorFlag/countryOptions.js

@@ -0,0 +1,15 @@
+import { COUNTRY_STOCK as l } from "./countryStock.generated.js";
+const a = [...l].sort((e, t) => e.label.localeCompare(t.label, "en")), o = /* @__PURE__ */ new Map();
+for (const e of l) {
+  const t = Number(e.callingCode.slice(1)), n = o.get(t) ?? [];
+  n.push(e), o.set(t, n);
+}
+function i(e) {
+  if (e === void 0)
+    return a;
+  const t = /* @__PURE__ */ new Set();
+  return e.flatMap((n) => (o.get(n) ?? []).filter((r) => t.has(r.value) ? !1 : (t.add(r.value), !0)));
+}
+export {
+  i as resolveIndicatorFlagCountries
+};

package/components/indicators/IndicatorFlag/countryStock.generated.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType } from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+export interface IndicatorFlagCountry {
+    value: string;
+    callingCode: string;
+    label: string;
+    flag: ComponentType<SvgIconProps>;
+}
+export declare const COUNTRY_STOCK: readonly IndicatorFlagCountry[];
+//# sourceMappingURL=countryStock.generated.d.ts.map

package/components/indicators/IndicatorFlag/countryStock.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"countryStock.generated.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/countryStock.generated.tsx"],"names":[],"mappings":"AAyPA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,oBAAoB,EAsPxD,CAAC"}

package/components/indicators/IndicatorFlag/countryStock.generated.js

@@ -0,0 +1,251 @@
+import { FlagUsFill as l, FlagAgFill as a, FlagAiFill as e, FlagAsFill as g, FlagBbFill as i, FlagBmFill as F, FlagBsFill as n, FlagCaFill as o, FlagDmFill as u, FlagDoFill as d, FlagGdFill as c, FlagGuFill as b, FlagJmFill as C, FlagKnFill as f, FlagKyFill as v, FlagLcFill as r, FlagMpFill as s, FlagMsFill as t, FlagPrFill as m, FlagSxFill as S, FlagTcFill as h, FlagTtFill as M, FlagVcFill as k, FlagVgFill as y, FlagViFill as B, FlagRuFill as p, FlagKzFill as A, FlagEgFill as G, FlagZaFill as T, FlagGrFill as I, FlagNlFill as w, FlagBeFill as z, FlagFrFill as N, FlagEsFill as P, FlagHuFill as K, FlagItFill as L, FlagVaFill as j, FlagRoFill as E, FlagChFill as R, FlagAtFill as q, FlagGbFill as U, FlagGgFill as V, FlagImFill as x, FlagJeFill as D, FlagDkFill as H, FlagSeFill as J, FlagNoFill as Z, FlagSjFill as O, FlagPlFill as W, FlagDeFill as Y, FlagPeFill as Q, FlagMxFill as X, FlagCuFill as _, FlagArFill as $, FlagBrFill as ll, FlagClFill as al, FlagCoFill as el, FlagVeFill as gl, FlagMyFill as il, FlagAuFill as Fl, FlagCcFill as nl, FlagCxFill as ol, FlagIdFill as ul, FlagPhFill as dl, FlagNzFill as cl, FlagSgFill as bl, FlagThFill as Cl, FlagJpFill as fl, FlagKrFill as vl, FlagVnFill as rl, FlagCnFill as sl, FlagTrFill as tl, FlagInFill as ml, FlagPkFill as Sl, FlagAfFill as hl, FlagLkFill as Ml, FlagMmFill as kl, FlagIrFill as yl, FlagSsFill as Bl, FlagMaFill as pl, FlagEhFill as Al, FlagDzFill as Gl, FlagTnFill as Tl, FlagLyFill as Il, FlagGmFill as wl, FlagSnFill as zl, FlagMrFill as Nl, FlagMlFill as Pl, FlagGnFill as Kl, FlagCiFill as Ll, FlagBfFill as jl, FlagNeFill as El, FlagTgFill as Rl, FlagBjFill as ql, FlagMuFill as Ul, FlagLrFill as Vl, FlagSlFill as xl, FlagGhFill as Dl, FlagNgFill as Hl, FlagTdFill as Jl, FlagCfFill as Zl, FlagCmFill as Ol, FlagCvFill as Wl, FlagStFill as Yl, FlagGqFill as Ql, FlagGaFill as Xl, FlagCgFill as _l, FlagCdFill as $l, FlagAoFill as la, FlagGwFill as aa, FlagIoFill as ea, FlagAcFill as ga, FlagScFill as ia, FlagSdFill as Fa, FlagRwFill as na, FlagEtFill as oa, FlagSoFill as ua, FlagDjFill as da, FlagKeFill as ca, FlagTzFill as ba, FlagUgFill as Ca, FlagBiFill as fa, FlagMzFill as va, FlagZmFill as ra, FlagMgFill as sa, FlagReFill as ta, FlagYtFill as ma, FlagZwFill as Sa, FlagNaFill as ha, FlagMwFill as Ma, FlagLsFill as ka, FlagBwFill as ya, FlagSzFill as Ba, FlagKmFill as pa, FlagShFill as Aa, FlagTaFill as Ga, FlagErFill as Ta, FlagAwFill as Ia, FlagFoFill as wa, FlagGlFill as za, FlagGiFill as Na, FlagPtFill as Pa, FlagLuFill as Ka, FlagIeFill as La, FlagIsFill as ja, FlagAlFill as Ea, FlagMtFill as Ra, FlagCyFill as qa, FlagFiFill as Ua, FlagAxFill as Va, FlagBgFill as xa, FlagLtFill as Da, FlagLvFill as Ha, FlagEeFill as Ja, FlagMdFill as Za, FlagAmFill as Oa, FlagByFill as Wa, FlagAdFill as Ya, FlagMcFill as Qa, FlagSmFill as Xa, FlagUaFill as _a, FlagRsFill as $a, FlagMeFill as le, FlagXkFill as ae, FlagHrFill as ee, FlagSiFill as ge, FlagBaFill as ie, FlagMkFill as Fe, FlagCzFill as ne, FlagSkFill as oe, FlagLiFill as ue, FlagFkFill as de, FlagBzFill as ce, FlagGtFill as be, FlagSvFill as Ce, FlagHnFill as fe, FlagNiFill as ve, FlagCrFill as re, FlagPaFill as se, FlagPmFill as te, FlagHtFill as me, FlagGpFill as Se, FlagBlFill as he, FlagMfFill as Me, FlagBoFill as ke, FlagGyFill as ye, FlagEcFill as Be, FlagGfFill as pe, FlagPyFill as Ae, FlagMqFill as Ge, FlagSrFill as Te, FlagUyFill as Ie, FlagCwFill as we, FlagBqFill as ze, FlagTlFill as Ne, FlagNfFill as Pe, FlagBnFill as Ke, FlagNrFill as Le, FlagPgFill as je, FlagToFill as Ee, FlagSbFill as Re, FlagVuFill as qe, FlagFjFill as Ue, FlagPwFill as Ve, FlagWfFill as xe, FlagCkFill as De, FlagNuFill as He, FlagWsFill as Je, FlagKiFill as Ze, FlagNcFill as Oe, FlagTvFill as We, FlagPfFill as Ye, FlagTkFill as Qe, FlagFmFill as Xe, FlagMhFill as _e, FlagKpFill as $e, FlagHkFill as lg, FlagMoFill as ag, FlagKhFill as eg, FlagLaFill as gg, FlagBdFill as ig, FlagTwFill as Fg, FlagMvFill as ng, FlagLbFill as og, FlagJoFill as ug, FlagSyFill as dg, FlagIqFill as cg, FlagKwFill as bg, FlagSaFill as Cg, FlagYeFill as fg, FlagOmFill as vg, FlagPsFill as rg, FlagAeFill as sg, FlagIlFill as tg, FlagBhFill as mg, FlagQaFill as Sg, FlagBtFill as hg, FlagMnFill as Mg, FlagNpFill as kg, FlagTjFill as yg, FlagTmFill as Bg, FlagAzFill as pg, FlagGeFill as Ag, FlagKgFill as Gg, FlagUzFill as Tg } from "@m4l/icons";
+const wg = [
+  { value: "us", callingCode: "+1", label: "United States of America", flag: l },
+  { value: "ag", callingCode: "+1", label: "Antigua and Barbuda", flag: a },
+  { value: "ai", callingCode: "+1", label: "Anguilla", flag: e },
+  { value: "as", callingCode: "+1", label: "American Samoa", flag: g },
+  { value: "bb", callingCode: "+1", label: "Barbados", flag: i },
+  { value: "bm", callingCode: "+1", label: "Bermuda", flag: F },
+  { value: "bs", callingCode: "+1", label: "Bahamas", flag: n },
+  { value: "ca", callingCode: "+1", label: "Canada", flag: o },
+  { value: "dm", callingCode: "+1", label: "Dominica", flag: u },
+  { value: "do", callingCode: "+1", label: "Dominican Republic", flag: d },
+  { value: "gd", callingCode: "+1", label: "Grenada", flag: c },
+  { value: "gu", callingCode: "+1", label: "Guam", flag: b },
+  { value: "jm", callingCode: "+1", label: "Jamaica", flag: C },
+  { value: "kn", callingCode: "+1", label: "Saint Kitts and Nevis", flag: f },
+  { value: "ky", callingCode: "+1", label: "Cayman Islands", flag: v },
+  { value: "lc", callingCode: "+1", label: "Saint Lucia", flag: r },
+  { value: "mp", callingCode: "+1", label: "Northern Mariana Islands", flag: s },
+  { value: "ms", callingCode: "+1", label: "Montserrat", flag: t },
+  { value: "pr", callingCode: "+1", label: "Puerto Rico", flag: m },
+  { value: "sx", callingCode: "+1", label: "Sint Maarten", flag: S },
+  { value: "tc", callingCode: "+1", label: "Turks and Caicos Islands", flag: h },
+  { value: "tt", callingCode: "+1", label: "Trinidad and Tobago", flag: M },
+  { value: "vc", callingCode: "+1", label: "Saint Vincent and the Grenadines", flag: k },
+  { value: "vg", callingCode: "+1", label: "Virgin Islands (British)", flag: y },
+  { value: "vi", callingCode: "+1", label: "Virgin Islands (U.S.)", flag: B },
+  { value: "ru", callingCode: "+7", label: "Russia", flag: p },
+  { value: "kz", callingCode: "+7", label: "Kazakhstan", flag: A },
+  { value: "eg", callingCode: "+20", label: "Egypt", flag: G },
+  { value: "za", callingCode: "+27", label: "South Africa", flag: T },
+  { value: "gr", callingCode: "+30", label: "Greece", flag: I },
+  { value: "nl", callingCode: "+31", label: "Netherlands", flag: w },
+  { value: "be", callingCode: "+32", label: "Belgium", flag: z },
+  { value: "fr", callingCode: "+33", label: "France", flag: N },
+  { value: "es", callingCode: "+34", label: "Spain", flag: P },
+  { value: "hu", callingCode: "+36", label: "Hungary", flag: K },
+  { value: "it", callingCode: "+39", label: "Italy", flag: L },
+  { value: "va", callingCode: "+39", label: "Holy See", flag: j },
+  { value: "ro", callingCode: "+40", label: "Romania", flag: E },
+  { value: "ch", callingCode: "+41", label: "Switzerland", flag: R },
+  { value: "at", callingCode: "+43", label: "Austria", flag: q },
+  { value: "gb", callingCode: "+44", label: "United Kingdom", flag: U },
+  { value: "gg", callingCode: "+44", label: "Guernsey", flag: V },
+  { value: "im", callingCode: "+44", label: "Isle of Man", flag: x },
+  { value: "je", callingCode: "+44", label: "Jersey", flag: D },
+  { value: "dk", callingCode: "+45", label: "Denmark", flag: H },
+  { value: "se", callingCode: "+46", label: "Sweden", flag: J },
+  { value: "no", callingCode: "+47", label: "Norway", flag: Z },
+  { value: "sj", callingCode: "+47", label: "Svalbard and Jan Mayen", flag: O },
+  { value: "pl", callingCode: "+48", label: "Poland", flag: W },
+  { value: "de", callingCode: "+49", label: "Germany", flag: Y },
+  { value: "pe", callingCode: "+51", label: "Peru", flag: Q },
+  { value: "mx", callingCode: "+52", label: "Mexico", flag: X },
+  { value: "cu", callingCode: "+53", label: "Cuba", flag: _ },
+  { value: "ar", callingCode: "+54", label: "Argentina", flag: $ },
+  { value: "br", callingCode: "+55", label: "Brazil", flag: ll },
+  { value: "cl", callingCode: "+56", label: "Chile", flag: al },
+  { value: "co", callingCode: "+57", label: "Colombia", flag: el },
+  { value: "ve", callingCode: "+58", label: "Venezuela", flag: gl },
+  { value: "my", callingCode: "+60", label: "Malaysia", flag: il },
+  { value: "au", callingCode: "+61", label: "Australia", flag: Fl },
+  { value: "cc", callingCode: "+61", label: "Cocos (Keeling) Islands", flag: nl },
+  { value: "cx", callingCode: "+61", label: "Christmas Island", flag: ol },
+  { value: "id", callingCode: "+62", label: "Indonesia", flag: ul },
+  { value: "ph", callingCode: "+63", label: "Philippines", flag: dl },
+  { value: "nz", callingCode: "+64", label: "New Zealand", flag: cl },
+  { value: "sg", callingCode: "+65", label: "Singapore", flag: bl },
+  { value: "th", callingCode: "+66", label: "Thailand", flag: Cl },
+  { value: "jp", callingCode: "+81", label: "Japan", flag: fl },
+  { value: "kr", callingCode: "+82", label: "South Korea", flag: vl },
+  { value: "vn", callingCode: "+84", label: "Vietnam", flag: rl },
+  { value: "cn", callingCode: "+86", label: "China", flag: sl },
+  { value: "tr", callingCode: "+90", label: "Türkiye", flag: tl },
+  { value: "in", callingCode: "+91", label: "India", flag: ml },
+  { value: "pk", callingCode: "+92", label: "Pakistan", flag: Sl },
+  { value: "af", callingCode: "+93", label: "Afghanistan", flag: hl },
+  { value: "lk", callingCode: "+94", label: "Sri Lanka", flag: Ml },
+  { value: "mm", callingCode: "+95", label: "Myanmar", flag: kl },
+  { value: "ir", callingCode: "+98", label: "Iran", flag: yl },
+  { value: "ss", callingCode: "+211", label: "South Sudan", flag: Bl },
+  { value: "ma", callingCode: "+212", label: "Morocco", flag: pl },
+  { value: "eh", callingCode: "+212", label: "Western Sahara", flag: Al },
+  { value: "dz", callingCode: "+213", label: "Algeria", flag: Gl },
+  { value: "tn", callingCode: "+216", label: "Tunisia", flag: Tl },
+  { value: "ly", callingCode: "+218", label: "Libya", flag: Il },
+  { value: "gm", callingCode: "+220", label: "Gambia", flag: wl },
+  { value: "sn", callingCode: "+221", label: "Senegal", flag: zl },
+  { value: "mr", callingCode: "+222", label: "Mauritania", flag: Nl },
+  { value: "ml", callingCode: "+223", label: "Mali", flag: Pl },
+  { value: "gn", callingCode: "+224", label: "Guinea", flag: Kl },
+  { value: "ci", callingCode: "+225", label: "Côte d'Ivoire", flag: Ll },
+  { value: "bf", callingCode: "+226", label: "Burkina Faso", flag: jl },
+  { value: "ne", callingCode: "+227", label: "Niger", flag: El },
+  { value: "tg", callingCode: "+228", label: "Togo", flag: Rl },
+  { value: "bj", callingCode: "+229", label: "Benin", flag: ql },
+  { value: "mu", callingCode: "+230", label: "Mauritius", flag: Ul },
+  { value: "lr", callingCode: "+231", label: "Liberia", flag: Vl },
+  { value: "sl", callingCode: "+232", label: "Sierra Leone", flag: xl },
+  { value: "gh", callingCode: "+233", label: "Ghana", flag: Dl },
+  { value: "ng", callingCode: "+234", label: "Nigeria", flag: Hl },
+  { value: "td", callingCode: "+235", label: "Chad", flag: Jl },
+  { value: "cf", callingCode: "+236", label: "Central African Republic", flag: Zl },
+  { value: "cm", callingCode: "+237", label: "Cameroon", flag: Ol },
+  { value: "cv", callingCode: "+238", label: "Cabo Verde", flag: Wl },
+  { value: "st", callingCode: "+239", label: "Sao Tome and Principe", flag: Yl },
+  { value: "gq", callingCode: "+240", label: "Equatorial Guinea", flag: Ql },
+  { value: "ga", callingCode: "+241", label: "Gabon", flag: Xl },
+  { value: "cg", callingCode: "+242", label: "Republic of the Congo", flag: _l },
+  { value: "cd", callingCode: "+243", label: "Democratic Republic of the Congo", flag: $l },
+  { value: "ao", callingCode: "+244", label: "Angola", flag: la },
+  { value: "gw", callingCode: "+245", label: "Guinea-Bissau", flag: aa },
+  { value: "io", callingCode: "+246", label: "British Indian Ocean Territory", flag: ea },
+  { value: "ac", callingCode: "+247", label: "Ascension Island", flag: ga },
+  { value: "sc", callingCode: "+248", label: "Seychelles", flag: ia },
+  { value: "sd", callingCode: "+249", label: "Sudan", flag: Fa },
+  { value: "rw", callingCode: "+250", label: "Rwanda", flag: na },
+  { value: "et", callingCode: "+251", label: "Ethiopia", flag: oa },
+  { value: "so", callingCode: "+252", label: "Somalia", flag: ua },
+  { value: "dj", callingCode: "+253", label: "Djibouti", flag: da },
+  { value: "ke", callingCode: "+254", label: "Kenya", flag: ca },
+  { value: "tz", callingCode: "+255", label: "Tanzania", flag: ba },
+  { value: "ug", callingCode: "+256", label: "Uganda", flag: Ca },
+  { value: "bi", callingCode: "+257", label: "Burundi", flag: fa },
+  { value: "mz", callingCode: "+258", label: "Mozambique", flag: va },
+  { value: "zm", callingCode: "+260", label: "Zambia", flag: ra },
+  { value: "mg", callingCode: "+261", label: "Madagascar", flag: sa },
+  { value: "re", callingCode: "+262", label: "Réunion", flag: ta },
+  { value: "yt", callingCode: "+262", label: "Mayotte", flag: ma },
+  { value: "zw", callingCode: "+263", label: "Zimbabwe", flag: Sa },
+  { value: "na", callingCode: "+264", label: "Namibia", flag: ha },
+  { value: "mw", callingCode: "+265", label: "Malawi", flag: Ma },
+  { value: "ls", callingCode: "+266", label: "Lesotho", flag: ka },
+  { value: "bw", callingCode: "+267", label: "Botswana", flag: ya },
+  { value: "sz", callingCode: "+268", label: "Eswatini", flag: Ba },
+  { value: "km", callingCode: "+269", label: "Comoros", flag: pa },
+  { value: "sh", callingCode: "+290", label: "Saint Helena, Ascension and Tristan da Cunha", flag: Aa },
+  { value: "ta", callingCode: "+290", label: "Tristan da Cunha", flag: Ga },
+  { value: "er", callingCode: "+291", label: "Eritrea", flag: Ta },
+  { value: "aw", callingCode: "+297", label: "Aruba", flag: Ia },
+  { value: "fo", callingCode: "+298", label: "Faroe Islands", flag: wa },
+  { value: "gl", callingCode: "+299", label: "Greenland", flag: za },
+  { value: "gi", callingCode: "+350", label: "Gibraltar", flag: Na },
+  { value: "pt", callingCode: "+351", label: "Portugal", flag: Pa },
+  { value: "lu", callingCode: "+352", label: "Luxembourg", flag: Ka },
+  { value: "ie", callingCode: "+353", label: "Ireland", flag: La },
+  { value: "is", callingCode: "+354", label: "Iceland", flag: ja },
+  { value: "al", callingCode: "+355", label: "Albania", flag: Ea },
+  { value: "mt", callingCode: "+356", label: "Malta", flag: Ra },
+  { value: "cy", callingCode: "+357", label: "Cyprus", flag: qa },
+  { value: "fi", callingCode: "+358", label: "Finland", flag: Ua },
+  { value: "ax", callingCode: "+358", label: "Aland Islands", flag: Va },
+  { value: "bg", callingCode: "+359", label: "Bulgaria", flag: xa },
+  { value: "lt", callingCode: "+370", label: "Lithuania", flag: Da },
+  { value: "lv", callingCode: "+371", label: "Latvia", flag: Ha },
+  { value: "ee", callingCode: "+372", label: "Estonia", flag: Ja },
+  { value: "md", callingCode: "+373", label: "Moldova", flag: Za },
+  { value: "am", callingCode: "+374", label: "Armenia", flag: Oa },
+  { value: "by", callingCode: "+375", label: "Belarus", flag: Wa },
+  { value: "ad", callingCode: "+376", label: "Andorra", flag: Ya },
+  { value: "mc", callingCode: "+377", label: "Monaco", flag: Qa },
+  { value: "sm", callingCode: "+378", label: "San Marino", flag: Xa },
+  { value: "ua", callingCode: "+380", label: "Ukraine", flag: _a },
+  { value: "rs", callingCode: "+381", label: "Serbia", flag: $a },
+  { value: "me", callingCode: "+382", label: "Montenegro", flag: le },
+  { value: "xk", callingCode: "+383", label: "Kosovo", flag: ae },
+  { value: "hr", callingCode: "+385", label: "Croatia", flag: ee },
+  { value: "si", callingCode: "+386", label: "Slovenia", flag: ge },
+  { value: "ba", callingCode: "+387", label: "Bosnia and Herzegovina", flag: ie },
+  { value: "mk", callingCode: "+389", label: "North Macedonia", flag: Fe },
+  { value: "cz", callingCode: "+420", label: "Czech Republic", flag: ne },
+  { value: "sk", callingCode: "+421", label: "Slovakia", flag: oe },
+  { value: "li", callingCode: "+423", label: "Liechtenstein", flag: ue },
+  { value: "fk", callingCode: "+500", label: "Falkland Islands", flag: de },
+  { value: "bz", callingCode: "+501", label: "Belize", flag: ce },
+  { value: "gt", callingCode: "+502", label: "Guatemala", flag: be },
+  { value: "sv", callingCode: "+503", label: "El Salvador", flag: Ce },
+  { value: "hn", callingCode: "+504", label: "Honduras", flag: fe },
+  { value: "ni", callingCode: "+505", label: "Nicaragua", flag: ve },
+  { value: "cr", callingCode: "+506", label: "Costa Rica", flag: re },
+  { value: "pa", callingCode: "+507", label: "Panama", flag: se },
+  { value: "pm", callingCode: "+508", label: "Saint Pierre and Miquelon", flag: te },
+  { value: "ht", callingCode: "+509", label: "Haiti", flag: me },
+  { value: "gp", callingCode: "+590", label: "Guadeloupe", flag: Se },
+  { value: "bl", callingCode: "+590", label: "Saint Barthélemy", flag: he },
+  { value: "mf", callingCode: "+590", label: "Saint Martin", flag: Me },
+  { value: "bo", callingCode: "+591", label: "Bolivia", flag: ke },
+  { value: "gy", callingCode: "+592", label: "Guyana", flag: ye },
+  { value: "ec", callingCode: "+593", label: "Ecuador", flag: Be },
+  { value: "gf", callingCode: "+594", label: "French Guiana", flag: pe },
+  { value: "py", callingCode: "+595", label: "Paraguay", flag: Ae },
+  { value: "mq", callingCode: "+596", label: "Martinique", flag: Ge },
+  { value: "sr", callingCode: "+597", label: "Suriname", flag: Te },
+  { value: "uy", callingCode: "+598", label: "Uruguay", flag: Ie },
+  { value: "cw", callingCode: "+599", label: "Curaçao", flag: we },
+  { value: "bq", callingCode: "+599", label: "Bonaire, Sint Eustatius and Saba", flag: ze },
+  { value: "tl", callingCode: "+670", label: "Timor-Leste", flag: Ne },
+  { value: "nf", callingCode: "+672", label: "Norfolk Island", flag: Pe },
+  { value: "bn", callingCode: "+673", label: "Brunei Darussalam", flag: Ke },
+  { value: "nr", callingCode: "+674", label: "Nauru", flag: Le },
+  { value: "pg", callingCode: "+675", label: "Papua New Guinea", flag: je },
+  { value: "to", callingCode: "+676", label: "Tonga", flag: Ee },
+  { value: "sb", callingCode: "+677", label: "Solomon Islands", flag: Re },
+  { value: "vu", callingCode: "+678", label: "Vanuatu", flag: qe },
+  { value: "fj", callingCode: "+679", label: "Fiji", flag: Ue },
+  { value: "pw", callingCode: "+680", label: "Palau", flag: Ve },
+  { value: "wf", callingCode: "+681", label: "Wallis and Futuna", flag: xe },
+  { value: "ck", callingCode: "+682", label: "Cook Islands", flag: De },
+  { value: "nu", callingCode: "+683", label: "Niue", flag: He },
+  { value: "ws", callingCode: "+685", label: "Samoa", flag: Je },
+  { value: "ki", callingCode: "+686", label: "Kiribati", flag: Ze },
+  { value: "nc", callingCode: "+687", label: "New Caledonia", flag: Oe },
+  { value: "tv", callingCode: "+688", label: "Tuvalu", flag: We },
+  { value: "pf", callingCode: "+689", label: "French Polynesia", flag: Ye },
+  { value: "tk", callingCode: "+690", label: "Tokelau", flag: Qe },
+  { value: "fm", callingCode: "+691", label: "Federated States of Micronesia", flag: Xe },
+  { value: "mh", callingCode: "+692", label: "Marshall Islands", flag: _e },
+  { value: "kp", callingCode: "+850", label: "North Korea", flag: $e },
+  { value: "hk", callingCode: "+852", label: "Hong Kong", flag: lg },
+  { value: "mo", callingCode: "+853", label: "Macau", flag: ag },
+  { value: "kh", callingCode: "+855", label: "Cambodia", flag: eg },
+  { value: "la", callingCode: "+856", label: "Laos", flag: gg },
+  { value: "bd", callingCode: "+880", label: "Bangladesh", flag: ig },
+  { value: "tw", callingCode: "+886", label: "Taiwan", flag: Fg },
+  { value: "mv", callingCode: "+960", label: "Maldives", flag: ng },
+  { value: "lb", callingCode: "+961", label: "Lebanon", flag: og },
+  { value: "jo", callingCode: "+962", label: "Jordan", flag: ug },
+  { value: "sy", callingCode: "+963", label: "Syria", flag: dg },
+  { value: "iq", callingCode: "+964", label: "Iraq", flag: cg },
+  { value: "kw", callingCode: "+965", label: "Kuwait", flag: bg },
+  { value: "sa", callingCode: "+966", label: "Saudi Arabia", flag: Cg },
+  { value: "ye", callingCode: "+967", label: "Yemen", flag: fg },
+  { value: "om", callingCode: "+968", label: "Oman", flag: vg },
+  { value: "ps", callingCode: "+970", label: "State of Palestine", flag: rg },
+  { value: "ae", callingCode: "+971", label: "United Arab Emirates", flag: sg },
+  { value: "il", callingCode: "+972", label: "Israel", flag: tg },
+  { value: "bh", callingCode: "+973", label: "Bahrain", flag: mg },
+  { value: "qa", callingCode: "+974", label: "Qatar", flag: Sg },
+  { value: "bt", callingCode: "+975", label: "Bhutan", flag: hg },
+  { value: "mn", callingCode: "+976", label: "Mongolia", flag: Mg },
+  { value: "np", callingCode: "+977", label: "Nepal", flag: kg },
+  { value: "tj", callingCode: "+992", label: "Tajikistan", flag: yg },
+  { value: "tm", callingCode: "+993", label: "Turkmenistan", flag: Bg },
+  { value: "az", callingCode: "+994", label: "Azerbaijan", flag: pg },
+  { value: "ge", callingCode: "+995", label: "Georgia", flag: Ag },
+  { value: "kg", callingCode: "+996", label: "Kyrgyzstan", flag: Gg },
+  { value: "uz", callingCode: "+998", label: "Uzbekistan", flag: Tg }
+];
+export {
+  wg as COUNTRY_STOCK
+};

package/components/indicators/IndicatorFlag/index.d.ts

@@ -0,0 +1,3 @@
+export { IndicatorFlag } from './IndicatorFlag';
+export type { IndicatorFlagOption, IndicatorFlagProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/components/indicators/IndicatorFlag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/components/indicators/IndicatorFlag/slots.d.ts

@@ -0,0 +1,13 @@
+export declare enum IndicatorFlagSlots {
+    root = "root",
+    trigger = "trigger",
+    chip = "chip",
+    popover = "popover",
+    menu = "menu",
+    menuItem = "menuItem",
+    flag = "flag",
+    code = "code",
+    codeInput = "codeInput",
+    emptyState = "emptyState"
+}
+//# sourceMappingURL=slots.d.ts.map

package/components/indicators/IndicatorFlag/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/slots.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B"}

package/components/indicators/IndicatorFlag/slots.js

@@ -0,0 +1,4 @@
+var p = /* @__PURE__ */ ((e) => (e.root = "root", e.trigger = "trigger", e.chip = "chip", e.popover = "popover", e.menu = "menu", e.menuItem = "menuItem", e.flag = "flag", e.code = "code", e.codeInput = "codeInput", e.emptyState = "emptyState", e))(p || {});
+export {
+  p as IndicatorFlagSlots
+};

package/components/indicators/IndicatorFlag/types.d.ts

@@ -0,0 +1,49 @@
+import { ChipProps, M4LOverridesStyleRules } from '@m4l/components';
+import { Theme } from '@mui/material/styles';
+import { HTMLAttributes } from 'react';
+import { INDICATOR_FLAG_COMPONENT_KEY } from './constants';
+import { IndicatorFlagSlots } from './slots';
+/** A country selected from the internal phone-prefix catalog. */
+export interface IndicatorFlagOption {
+    /** Stable lowercase two-letter region identifier, usually ISO 3166-1 alpha-2. */
+    value: string;
+    /** Visible phone prefix, including the leading plus sign. */
+    callingCode: string;
+    /** Country name used by assistive technology. */
+    label: string;
+}
+/** Public props for the IndicatorFlag wrapper. */
+export interface IndicatorFlagProps {
+    /** E.164 calling codes to include, such as [34, 44, 33]. Omit for all countries. */
+    options?: readonly number[];
+    /** Controlled selected country identifier. */
+    value?: string;
+    /** Initially selected country identifier when uncontrolled. */
+    defaultValue?: string;
+    /** Called when a country is selected. */
+    onChange?: (option: IndicatorFlagOption) => void;
+    /** Controlled popover visibility. */
+    expanded?: boolean;
+    /** Initial popover visibility when uncontrolled. */
+    defaultExpanded?: boolean;
+    /** Called whenever popover visibility is requested to change. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Prevent country changes while the surrounding field is disabled or read-only. */
+    disabled?: boolean;
+    /** Additional Chip configuration; the wrapper owns its flag, label and click behavior. */
+    chipProps?: Omit<ChipProps, 'startIcon' | 'label' | 'onClick'>;
+    /** Additional attributes for the popover panel; the wrapper owns its content. */
+    popoverProps?: Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML'>;
+    /** Additional class for the wrapper. */
+    className?: string;
+    /** Optional test identifier on the wrapper. */
+    dataTestId?: string;
+}
+/** State passed to the themeable component slots. */
+export interface IndicatorFlagOwnerState {
+    expanded: boolean;
+    codeLength?: number;
+}
+export type IndicatorFlagSlotsType = keyof typeof IndicatorFlagSlots;
+export type IndicatorFlagStyles = M4LOverridesStyleRules<IndicatorFlagSlotsType, typeof INDICATOR_FLAG_COMPONENT_KEY, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/indicators/IndicatorFlag/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/gclick/src/components/indicators/IndicatorFlag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,iEAAiE;AACjE,MAAM,WAAW,mBAAmB;IAClC,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,kDAAkD;AAClD,MAAM,WAAW,kBAAkB;IACjC,oFAAoF;IACpF,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/D,iFAAiF;IACjF,YAAY,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,yBAAyB,CAAC,CAAC;IAC5F,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qDAAqD;AACrD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AACrE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,sBAAsB,EAAE,OAAO,4BAA4B,EAAE,KAAK,CAAC,CAAC"}

package/components/indicators/index.d.ts

@@ -1,5 +1,6 @@
 export * from './IndicatorBattery';
 export * from './IndicatorCSQ';
 export * from './IndicatorValueStatus';
+export * from './IndicatorFlag';
 export * from './IndicatorValueAndMagnitude';
 //# sourceMappingURL=index.d.ts.map

package/components/indicators/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/indicators/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/indicators/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC"}