elseware-ui 3.5.0 → 3.7.0

package/dist/index.mjs

@@ -3,23 +3,17 @@ import { twMerge } from 'tailwind-merge';
 import React2, { createContext, forwardRef, useRef, useState, useImperativeHandle, useEffect, useMemo, useContext, useCallback, Children, useId, createElement, isValidElement } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Line, AreaChart, Area, BarChart, Bar, PieChart, Pie, Cell, ScatterChart, Scatter } from 'recharts';
+import { LoadingIcon, UploadIcon, CheckIcon, RemoveCircleIcon, CircleChevronDownIcon, StarIcon, StarHalfIcon, SunIcon, MoonIcon, DragHandleIcon, DeleteIcon, PlusIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, CloseIcon, MenuIcon, WarningIcon, ActivityIcon, CheckCircleIcon, ServerIcon, DatabaseIcon, ClockIcon, RefreshIcon, DiamondIcon, CircleIcon, EyeOffIcon, EyeIcon, ChevronUpIcon, LikeIcon, DislikeIcon, MoreVerticalIcon, ReplyIcon, EditIcon, FlagIcon } from 'elseware-icons';
 import classNames64 from 'classnames';
-import { FaCircleChevronDown } from 'react-icons/fa6/index.js';
-import ReactWorldFlags from 'react-world-flags';
-import emojiFlags from 'emoji-flags';
+import { getCountry, CountryFlag } from 'elseware-world-data';
 import * as d3 from 'd3';
 import { geoEqualEarth, geoPath } from 'd3';
-import { BsStarFill, BsStarHalf, BsStar, BsChevronDown, BsFillDiamondFill } from 'react-icons/bs/index.js';
-import { FaSun, FaMoon, FaGripVertical, FaTrash, FaPlus, FaTimes, FaBars, FaCircle, FaEyeSlash, FaEye } from 'react-icons/fa/index.js';
 import { useField, ErrorMessage, Formik, Form as Form$1, Field, useFormikContext, FieldArray } from 'formik';
 import { motion, AnimatePresence } from 'framer-motion';
 import { feature } from 'topojson-client';
-import { AiOutlineLoading } from 'react-icons/ai/index.js';
+import { countries } from 'elseware-world-data/data';
 import { DragDropContext, Droppable, Draggable } from '@hello-pangea/dnd';
-import { MdUpload, MdOutlineDone, MdOutlineRemoveCircleOutline, MdDragIndicator, MdKeyboardArrowLeft, MdKeyboardArrowRight, MdOutlineDelete } from 'react-icons/md/index.js';
 import { createPortal } from 'react-dom';
-import { BiChevronDown, BiChevronUp, BiSolidLike, BiLike, BiSolidDislike, BiDislike, BiDotsVerticalRounded, BiReply, BiEdit, BiTrash, BiFlag } from 'react-icons/bi/index.js';
-import { FiAlertTriangle, FiActivity, FiCheckCircle, FiServer, FiDatabase, FiClock, FiRefreshCw } from 'react-icons/fi/index.js';
 import CodeMirror from '@uiw/react-codemirror';
 import { markdown } from '@codemirror/lang-markdown';
 import { oneDark } from '@codemirror/theme-one-dark';
@@ -3322,7 +3316,7 @@ function Accordion({
               onClick: toggleOnSummaryClick ? void 0 : handleToggle,
               className: "hover:cursor-pointer",
               children: /* @__PURE__ */ jsx(
-                FaCircleChevronDown,
+                CircleChevronDownIcon,
                 {
                   className: classNames64("text-xl transition-transform duration-300", {
                     "rotate-180": collapse
@@ -3810,7 +3804,6 @@ var Z_INDEX = Object.freeze({
   tooltip: 900,
   windowTitleBar: 1e3
 });
-var WorldFlag = ReactWorldFlags.default ?? ReactWorldFlags;
 var Flag = ({
   code = "US",
   width = 24,
@@ -3821,7 +3814,7 @@ var Flag = ({
   const [pos, setPos] = useState({ x: 0, y: 0 });
   const [showTooltip, setShowTooltip] = useState(false);
   const upperCode = code.toUpperCase();
-  const country = emojiFlags.countryCode(upperCode);
+  const country = getCountry(upperCode);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3834,11 +3827,20 @@ var Flag = ({
       onMouseLeave: () => setShowTooltip(false),
       children: [
         /* @__PURE__ */ jsx(
-          WorldFlag,
+          CountryFlag,
           {
             code: upperCode,
-            style: { width, height },
-            className
+            width,
+            height,
+            fallback: /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-label": `Unknown country flag: ${upperCode}`,
+                className: "inline-block bg-gray-200 dark:bg-gray-700",
+                role: "img",
+                style: { width, height }
+              }
+            )
           }
         ),
         showTooltip && /* @__PURE__ */ jsxs(
@@ -3855,7 +3857,7 @@ var Flag = ({
             children: [
               upperCode,
               " - ",
-              country?.name || "Unknown"
+              country?.name.common || "Unknown"
             ]
           }
         )
@@ -4628,8 +4630,8 @@ function ListItemElement({
   );
 }
 var bulletTypes = {
-  ["dot" /* dot */]: /* @__PURE__ */ jsx(FaCircle, { className: "text-[6px]" }),
-  ["diamond" /* diamond */]: /* @__PURE__ */ jsx(BsFillDiamondFill, { className: "text-[8px]" }),
+  ["dot" /* dot */]: /* @__PURE__ */ jsx(CircleIcon, { appearance: "solid", size: 6 }),
+  ["diamond" /* diamond */]: /* @__PURE__ */ jsx(DiamondIcon, { appearance: "solid", size: 8 }),
   ["number" /* number */]: null,
   ["none" /* none */]: null
 };
@@ -5107,11 +5109,11 @@ var ProgressBar = ({
   ] });
 };
 var sizes = {
-  ["xs" /* xs */]: "text-[10px]",
-  ["sm" /* sm */]: "text-xs",
-  ["md" /* md */]: "text-sm",
-  ["lg" /* lg */]: "text-base",
-  ["xl" /* xl */]: "text-lg"
+  ["xs" /* xs */]: 10,
+  ["sm" /* sm */]: 12,
+  ["md" /* md */]: 14,
+  ["lg" /* lg */]: 16,
+  ["xl" /* xl */]: 18
 };
 var StarRating = ({
   rating,
@@ -5136,13 +5138,19 @@ var StarRating = ({
         className: cn(
           "inline-flex items-center gap-[2px]",
           "text-yellow-500 dark:text-yellow-400",
-          sizes[size],
           iconClassName
         ),
         children: [
-          [...Array(fullStars)].map((_, index) => /* @__PURE__ */ jsx(BsStarFill, {}, index)),
-          hasHalfStar && /* @__PURE__ */ jsx(BsStarHalf, {}),
-          [...Array(emptyStars)].map((_, index) => /* @__PURE__ */ jsx(BsStar, { className: "opacity-40" }, index + fullStars))
+          [...Array(fullStars)].map((_, index) => /* @__PURE__ */ jsx(StarIcon, { appearance: "solid", size: sizes[size] }, index)),
+          hasHalfStar && /* @__PURE__ */ jsx(StarHalfIcon, { appearance: "solid", size: sizes[size] }),
+          [...Array(emptyStars)].map((_, index) => /* @__PURE__ */ jsx(
+            StarIcon,
+            {
+              size: sizes[size],
+              className: "opacity-40"
+            },
+            index + fullStars
+          ))
         ]
       }
     ),
@@ -6610,14 +6618,14 @@ var ThemeSwitch = () => {
       className: "relative w-16 h-8 flex items-center bg-gray-300 dark:bg-gray-800 rounded-full p-1 transition-all",
       children: [
         /* @__PURE__ */ jsx(
-          FaSun,
+          SunIcon,
           {
             className: "absolute left-2 text-yellow-500 transition-opacity duration-300 z-10",
             style: { opacity: theme === "dark" ? 0 : 1 }
           }
         ),
         /* @__PURE__ */ jsx(
-          FaMoon,
+          MoonIcon,
           {
             className: "absolute right-2 text-blue-400 transition-opacity duration-300 z-10",
             style: { opacity: theme === "dark" ? 1 : 0 }
@@ -6728,401 +6736,23 @@ var useCurrentTheme = () => {
   return context.theme;
 };
 var useCurrentTheme_default = useCurrentTheme;
-var COUNTRY_NAMES = {
-  AF: "Afghanistan",
-  AL: "Albania",
-  DZ: "Algeria",
-  AD: "Andorra",
-  AO: "Angola",
-  AG: "Antigua and Barbuda",
-  AR: "Argentina",
-  AM: "Armenia",
-  AU: "Australia",
-  AT: "Austria",
-  AZ: "Azerbaijan",
-  BS: "Bahamas",
-  BH: "Bahrain",
-  BD: "Bangladesh",
-  BB: "Barbados",
-  BY: "Belarus",
-  BE: "Belgium",
-  BZ: "Belize",
-  BJ: "Benin",
-  BT: "Bhutan",
-  BO: "Bolivia",
-  BA: "Bosnia and Herzegovina",
-  BW: "Botswana",
-  BR: "Brazil",
-  BN: "Brunei",
-  BG: "Bulgaria",
-  BF: "Burkina Faso",
-  BI: "Burundi",
-  KH: "Cambodia",
-  CM: "Cameroon",
-  CA: "Canada",
-  CV: "Cape Verde",
-  CF: "Central African Republic",
-  TD: "Chad",
-  CL: "Chile",
-  CN: "China",
-  CO: "Colombia",
-  KM: "Comoros",
-  CG: "Congo",
-  CD: "Congo (DRC)",
-  CR: "Costa Rica",
-  HR: "Croatia",
-  CU: "Cuba",
-  CY: "Cyprus",
-  CZ: "Czech Republic",
-  DK: "Denmark",
-  DJ: "Djibouti",
-  DM: "Dominica",
-  DO: "Dominican Republic",
-  EC: "Ecuador",
-  EG: "Egypt",
-  SV: "El Salvador",
-  GQ: "Equatorial Guinea",
-  ER: "Eritrea",
-  EE: "Estonia",
-  SZ: "Eswatini",
-  ET: "Ethiopia",
-  FJ: "Fiji",
-  FI: "Finland",
-  FR: "France",
-  GA: "Gabon",
-  GM: "Gambia",
-  GE: "Georgia",
-  DE: "Germany",
-  GH: "Ghana",
-  GR: "Greece",
-  GD: "Grenada",
-  GT: "Guatemala",
-  GN: "Guinea",
-  GW: "Guinea-Bissau",
-  GY: "Guyana",
-  HT: "Haiti",
-  HN: "Honduras",
-  HU: "Hungary",
-  IS: "Iceland",
-  IN: "India",
-  ID: "Indonesia",
-  IR: "Iran",
-  IQ: "Iraq",
-  IE: "Ireland",
-  IL: "Israel",
-  IT: "Italy",
-  JM: "Jamaica",
-  JP: "Japan",
-  JO: "Jordan",
-  KZ: "Kazakhstan",
-  KE: "Kenya",
-  KI: "Kiribati",
-  KP: "North Korea",
-  KR: "South Korea",
-  KW: "Kuwait",
-  KG: "Kyrgyzstan",
-  LA: "Laos",
-  LV: "Latvia",
-  LB: "Lebanon",
-  LS: "Lesotho",
-  LR: "Liberia",
-  LY: "Libya",
-  LI: "Liechtenstein",
-  LT: "Lithuania",
-  LU: "Luxembourg",
-  MG: "Madagascar",
-  MW: "Malawi",
-  MY: "Malaysia",
-  MV: "Maldives",
-  ML: "Mali",
-  MT: "Malta",
-  MH: "Marshall Islands",
-  MR: "Mauritania",
-  MU: "Mauritius",
-  MX: "Mexico",
-  FM: "Micronesia",
-  MD: "Moldova",
-  MC: "Monaco",
-  MN: "Mongolia",
-  ME: "Montenegro",
-  MA: "Morocco",
-  MZ: "Mozambique",
-  MM: "Myanmar",
-  NA: "Namibia",
-  NR: "Nauru",
-  NP: "Nepal",
-  NL: "Netherlands",
-  NZ: "New Zealand",
-  NI: "Nicaragua",
-  NE: "Niger",
-  NG: "Nigeria",
-  NO: "Norway",
-  OM: "Oman",
-  PK: "Pakistan",
-  PW: "Palau",
-  PA: "Panama",
-  PG: "Papua New Guinea",
-  PY: "Paraguay",
-  PE: "Peru",
-  PH: "Philippines",
-  PL: "Poland",
-  PT: "Portugal",
-  QA: "Qatar",
-  RO: "Romania",
-  RU: "Russia",
-  RW: "Rwanda",
-  KN: "Saint Kitts and Nevis",
-  LC: "Saint Lucia",
-  VC: "Saint Vincent and the Grenadines",
-  WS: "Samoa",
-  SM: "San Marino",
-  ST: "S\xE3o Tom\xE9 and Pr\xEDncipe",
-  SA: "Saudi Arabia",
-  SN: "Senegal",
-  RS: "Serbia",
-  SC: "Seychelles",
-  SL: "Sierra Leone",
-  SG: "Singapore",
-  SK: "Slovakia",
-  SI: "Slovenia",
-  SB: "Solomon Islands",
-  SO: "Somalia",
-  ZA: "South Africa",
-  SS: "South Sudan",
-  ES: "Spain",
-  LK: "Sri Lanka",
-  SD: "Sudan",
-  SR: "Suriname",
-  SE: "Sweden",
-  CH: "Switzerland",
-  SY: "Syria",
-  TW: "Taiwan",
-  TJ: "Tajikistan",
-  TZ: "Tanzania",
-  TH: "Thailand",
-  TL: "Timor-Leste",
-  TG: "Togo",
-  TO: "Tonga",
-  TT: "Trinidad and Tobago",
-  TN: "Tunisia",
-  TR: "Turkey",
-  TM: "Turkmenistan",
-  TV: "Tuvalu",
-  UG: "Uganda",
-  UA: "Ukraine",
-  AE: "United Arab Emirates",
-  GB: "United Kingdom",
-  US: "United States",
-  UY: "Uruguay",
-  UZ: "Uzbekistan",
-  VU: "Vanuatu",
-  VA: "Vatican City",
-  VE: "Venezuela",
-  VN: "Vietnam",
-  YE: "Yemen",
-  ZM: "Zambia",
-  ZW: "Zimbabwe"
-};
-var COUNTRY_COORDINATES = {
-  AF: [67.709953, 33.93911],
-  AL: [20.1683, 41.1533],
-  DZ: [1.6596, 28.0339],
-  AD: [1.5218, 42.5063],
-  AO: [17.8739, -11.2027],
-  AG: [-61.7964, 17.0608],
-  AR: [-63.6167, -38.4161],
-  AM: [45.0382, 40.0691],
-  AU: [133.7751, -25.2744],
-  AT: [14.5501, 47.5162],
-  AZ: [47.5769, 40.1431],
-  BS: [-77.3963, 25.0343],
-  BH: [50.5577, 26.0667],
-  BD: [90.3563, 23.685],
-  BB: [-59.5432, 13.1939],
-  BY: [27.9534, 53.7098],
-  BE: [4.4699, 50.5039],
-  BZ: [-88.4976, 17.1899],
-  BJ: [2.3158, 9.3077],
-  BT: [90.4336, 27.5142],
-  BO: [-63.5887, -16.2902],
-  BA: [17.6791, 43.9159],
-  BW: [24.6849, -22.3285],
-  BR: [-51.9253, -14.235],
-  BN: [114.7277, 4.5353],
-  BG: [25.4858, 42.7339],
-  BF: [-1.5616, 12.2383],
-  BI: [29.9189, -3.3731],
-  KH: [104.991, 12.5657],
-  CM: [12.3547, 7.3697],
-  CA: [-106.3468, 56.1304],
-  CV: [-23.0418, 16.5388],
-  CF: [20.9394, 6.6111],
-  TD: [18.7322, 15.4542],
-  CL: [-71.5429, -35.6751],
-  CN: [104.1954, 35.8617],
-  CO: [-74.2973, 4.5709],
-  KM: [43.8722, -11.6455],
-  CG: [15.8277, -0.228],
-  CD: [21.7587, -4.0383],
-  CR: [-83.7534, 9.7489],
-  HR: [15.2, 45.1],
-  CU: [-77.7812, 21.5218],
-  CY: [33.4299, 35.1264],
-  CZ: [15.5, 49.8175],
-  DK: [9.5018, 56.2639],
-  DJ: [42.5903, 11.8251],
-  DM: [-61.37098, 15.414999],
-  DO: [-70.1627, 18.7357],
-  EC: [-78.1834, -1.8312],
-  EG: [30.8025, 26.8206],
-  SV: [-88.8965, 13.7942],
-  GQ: [10.2679, 1.6508],
-  ER: [39.7823, 15.1794],
-  EE: [25.0136, 58.5953],
-  SZ: [31.4659, -26.5225],
-  ET: [40.4897, 9.145],
-  FJ: [178.065, -17.7134],
-  FI: [25.7482, 61.9241],
-  FR: [2.2137, 46.2276],
-  GA: [11.6094, -0.8037],
-  GM: [-15.3101, 13.4432],
-  GE: [43.3569, 42.3154],
-  DE: [10.4515, 51.1657],
-  GH: [-1.0232, 7.9465],
-  GR: [21.8243, 39.0742],
-  GD: [-61.678999, 12.1165],
-  GT: [-90.2308, 15.7835],
-  GN: [-9.6966, 9.9456],
-  GW: [-15.1804, 11.8037],
-  GY: [-58.9302, 4.8604],
-  HT: [-72.2852, 18.9712],
-  HN: [-86.2419, 15.2],
-  HU: [19.5033, 47.1625],
-  IS: [-19.0208, 64.9631],
-  IN: [78.9629, 20.5937],
-  ID: [113.9213, -0.7893],
-  IR: [53.688, 32.4279],
-  IQ: [43.6793, 33.2232],
-  IE: [-8.2439, 53.4129],
-  IL: [34.8516, 31.0461],
-  IT: [12.5674, 41.8719],
-  JM: [-77.2975, 18.1096],
-  JP: [138.2529, 36.2048],
-  JO: [36.2384, 30.5852],
-  KZ: [66.9237, 48.0196],
-  KE: [37.9062, -0.0236],
-  KI: [-168.734, -3.3704],
-  KP: [127.5101, 40.3399],
-  KR: [127.7669, 35.9078],
-  KW: [47.4818, 29.3117],
-  KG: [74.7661, 41.2044],
-  LA: [102.4955, 19.8563],
-  LV: [24.6032, 56.8796],
-  LB: [35.8623, 33.8547],
-  LS: [28.2336, -29.6099],
-  LR: [-9.4295, 6.4281],
-  LY: [17.2283, 26.3351],
-  LI: [9.5554, 47.166],
-  LT: [23.8813, 55.1694],
-  LU: [6.1296, 49.8153],
-  MG: [46.8691, -18.7669],
-  MW: [34.3015, -13.2543],
-  MY: [101.9758, 4.2105],
-  MV: [73.2207, 3.2028],
-  ML: [-3.9962, 17.5707],
-  MT: [14.3754, 35.9375],
-  MH: [171.1845, 7.1315],
-  MR: [-10.9408, 21.0079],
-  MU: [57.5522, -20.3484],
-  MX: [-102.5528, 23.6345],
-  FM: [158.215, 7.4256],
-  MD: [28.3699, 47.4116],
-  MC: [7.4246, 43.7503],
-  MN: [103.8467, 46.8625],
-  ME: [19.3744, 42.7087],
-  MA: [-7.0926, 31.7917],
-  MZ: [35.5296, -18.6657],
-  MM: [95.956, 21.9162],
-  NA: [18.4904, -22.9576],
-  NR: [166.9315, -0.5228],
-  NP: [84.124, 28.3949],
-  NL: [5.2913, 52.1326],
-  NZ: [174.886, -40.9006],
-  NI: [-85.2072, 12.8654],
-  NE: [8.0817, 17.6078],
-  NG: [8.6753, 9.082],
-  NO: [8.4689, 60.472],
-  OM: [55.9754, 21.5126],
-  PK: [69.3451, 30.3753],
-  PW: [134.5825, 7.515],
-  PA: [-80.7821, 8.537],
-  PG: [143.9555, -6.31499],
-  PY: [-58.4438, -23.4425],
-  PE: [-75.0152, -9.19],
-  PH: [121.774, 12.8797],
-  PL: [19.1451, 51.9194],
-  PT: [-8.2245, 39.3999],
-  QA: [51.1839, 25.3548],
-  RO: [24.9668, 45.9432],
-  RU: [105.3188, 61.524],
-  RW: [29.8739, -1.9403],
-  KN: [-62.782998, 17.357822],
-  LC: [-60.978893, 13.909444],
-  VC: [-61.287228, 12.984305],
-  WS: [-172.1046, -13.759],
-  SM: [12.4578, 43.9424],
-  ST: [6.6131, 0.1864],
-  SA: [45.0792, 23.8859],
-  SN: [-14.4524, 14.4974],
-  RS: [21.0059, 44.0165],
-  SC: [55.4919, -4.6796],
-  SL: [-11.7799, 8.4606],
-  SG: [103.8198, 1.3521],
-  SK: [19.699, 48.669],
-  SI: [14.9955, 46.1512],
-  SB: [160.1562, -9.6457],
-  SO: [46.1996, 5.1521],
-  ZA: [22.9375, -30.5595],
-  SS: [30.2188, 6.877],
-  ES: [-3.7492, 40.4637],
-  LK: [80.7718, 7.8731],
-  SD: [30.2176, 12.8628],
-  SR: [-56.0278, 3.9193],
-  SE: [18.6435, 60.1282],
-  CH: [8.2275, 46.8182],
-  SY: [38.9968, 34.8021],
-  TW: [120.9605, 23.6978],
-  TJ: [71.2761, 38.861],
-  TZ: [34.8888, -6.369],
-  TH: [100.9925, 15.87],
-  TL: [125.7275, -8.8742],
-  TG: [0.8248, 8.6195],
-  TO: [-175.1982, -21.179],
-  TT: [-61.2225, 10.6918],
-  TN: [9.5375, 33.8869],
-  TR: [35.2433, 38.9637],
-  TM: [59.5563, 38.9697],
-  TV: [177.6493, -7.1095],
-  UG: [32.2903, 1.3733],
-  UA: [31.1656, 48.3794],
-  AE: [54.3773, 23.4241],
-  GB: [-3.4359, 55.3781],
-  US: [-98.5795, 39.8283],
-  UY: [-55.7658, -32.5228],
-  UZ: [64.5853, 41.3775],
-  VU: [166.9592, -15.3767],
-  VA: [12.4534, 41.9029],
-  VE: [-66.5897, 6.4238],
-  VN: [108.2772, 14.0583],
-  YE: [48.5164, 15.5527],
-  ZM: [27.8493, -13.1339],
-  ZW: [29.1549, -19.0154]
-};
-var COUNTRIES = Object.keys(COUNTRY_NAMES).map((code) => ({
-  code,
-  name: COUNTRY_NAMES[code],
-  coordinates: COUNTRY_COORDINATES[code] ?? null,
-  flag: /* @__PURE__ */ jsx(Flag, { code })
+Object.fromEntries(
+  countries.map(({ alpha2 }) => [alpha2, alpha2])
+);
+Object.fromEntries(
+  countries.map(({ alpha2, name }) => [alpha2, name.common])
+);
+Object.fromEntries(
+  countries.map(({ alpha2, centroid }) => [
+    alpha2,
+    [centroid.longitude, centroid.latitude]
+  ])
+);
+var COUNTRIES = countries.map((country) => ({
+  code: country.alpha2,
+  name: country.name.common,
+  coordinates: [country.centroid.longitude, country.centroid.latitude],
+  flag: /* @__PURE__ */ jsx(Flag, { code: country.alpha2 })
 }));
 
 // src/data/meta/world-map-topojson.ts
@@ -18370,7 +18000,7 @@ var Button = forwardRef(
       if (!e.defaultPrevented) model.onPress?.();
     };
     const iconGroup = /* @__PURE__ */ jsxs(Fragment, { children: [
-      model.loading && /* @__PURE__ */ jsx(AiOutlineLoading, { className: "animate-spin z-10" }),
+      model.loading && /* @__PURE__ */ jsx(LoadingIcon, { className: "animate-spin z-10" }),
       model.icon && /* @__PURE__ */ jsx(
         "span",
         {
@@ -18621,7 +18251,7 @@ function PasswordVisibilityToggler({
     {
       className: webPasswordToggleClassName,
       onClick: () => onToggle(!passwordVisible),
-      children: passwordVisible ? /* @__PURE__ */ jsx(FaEyeSlash, {}) : /* @__PURE__ */ jsx(FaEye, {})
+      children: passwordVisible ? /* @__PURE__ */ jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
     }
   );
 }
@@ -19018,7 +18648,7 @@ var InputList = ({ name, placeholder, shape }) => {
                             shapes[resolvedShape]
                           ),
                           children: [
-                            /* @__PURE__ */ jsx("div", { ...provided2.dragHandleProps, children: /* @__PURE__ */ jsx(FaGripVertical, { className: "cursor-grab text-gray-500" }) }),
+                            /* @__PURE__ */ jsx("div", { ...provided2.dragHandleProps, children: /* @__PURE__ */ jsx(DragHandleIcon, { className: "cursor-grab text-gray-500" }) }),
                             /* @__PURE__ */ jsx(
                               Field,
                               {
@@ -19037,7 +18667,7 @@ var InputList = ({ name, placeholder, shape }) => {
                                 type: "button",
                                 onClick: () => remove(index),
                                 className: "text-red-500",
-                                children: /* @__PURE__ */ jsx(FaTrash, {})
+                                children: /* @__PURE__ */ jsx(DeleteIcon, {})
                               }
                             )
                           ]
@@ -19058,7 +18688,7 @@ var InputList = ({ name, placeholder, shape }) => {
               onClick: () => push(""),
               className: "flex h-fit w-fit items-center space-x-2 px-2 pb-2 text-green-600",
               children: [
-                /* @__PURE__ */ jsx(FaPlus, {}),
+                /* @__PURE__ */ jsx(PlusIcon, {}),
                 /* @__PURE__ */ jsx("span", { children: "Add Item" })
               ]
             }
@@ -19126,7 +18756,7 @@ var InputListGroup = ({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
-                /* @__PURE__ */ jsx(FaGripVertical, { className: "cursor-grab text-gray-500" }),
+                /* @__PURE__ */ jsx(DragHandleIcon, { className: "cursor-grab text-gray-500" }),
                 /* @__PURE__ */ jsx(
                   Field,
                   {
@@ -19145,7 +18775,7 @@ var InputListGroup = ({
                     type: "button",
                     onClick: () => remove(groupIndex),
                     className: "text-red-500",
-                    children: /* @__PURE__ */ jsx(FaTrash, {})
+                    children: /* @__PURE__ */ jsx(DeleteIcon, {})
                   }
                 )
               ] }),
@@ -19188,7 +18818,7 @@ var InputListGroup = ({
                                     shapes[resolvedShape]
                                   ),
                                   children: [
-                                    /* @__PURE__ */ jsx("div", { ...provided2.dragHandleProps, children: /* @__PURE__ */ jsx(FaGripVertical, { className: "cursor-grab text-gray-500" }) }),
+                                    /* @__PURE__ */ jsx("div", { ...provided2.dragHandleProps, children: /* @__PURE__ */ jsx(DragHandleIcon, { className: "cursor-grab text-gray-500" }) }),
                                     /* @__PURE__ */ jsx(
                                       Field,
                                       {
@@ -19207,7 +18837,7 @@ var InputListGroup = ({
                                         type: "button",
                                         onClick: () => removeItem(itemIndex),
                                         className: "text-gray-500",
-                                        children: /* @__PURE__ */ jsx(FaTrash, {})
+                                        children: /* @__PURE__ */ jsx(DeleteIcon, {})
                                       }
                                     )
                                   ]
@@ -19225,7 +18855,7 @@ var InputListGroup = ({
                             onClick: () => pushItem(""),
                             className: "flex w-fit items-center space-x-2 px-2 text-green-800",
                             children: [
-                              /* @__PURE__ */ jsx(FaPlus, {}),
+                              /* @__PURE__ */ jsx(PlusIcon, {}),
                               /* @__PURE__ */ jsx("span", { children: "Add Item" })
                             ]
                           }
@@ -19247,7 +18877,7 @@ var InputListGroup = ({
           onClick: () => push({ name: "", items: [] }),
           className: "flex w-fit items-center space-x-2 px-2 text-green-600",
           children: [
-            /* @__PURE__ */ jsx(FaPlus, {}),
+            /* @__PURE__ */ jsx(PlusIcon, {}),
             /* @__PURE__ */ jsx("span", { children: "Add New Group" })
           ]
         }
@@ -19736,7 +19366,7 @@ var ImageInput = forwardRef(
               }),
               htmlFor: `${field.name}`,
               children: [
-                /* @__PURE__ */ jsx("div", { className: "text-4xl text-gray-300 group-hover:text-gray-400", children: /* @__PURE__ */ jsx(MdUpload, {}) }),
+                /* @__PURE__ */ jsx("div", { className: "text-4xl text-gray-300 group-hover:text-gray-400", children: /* @__PURE__ */ jsx(UploadIcon, {}) }),
                 /* @__PURE__ */ jsx("div", { className: "text-xl font-bold text-gray-500 group-hover:text-gray-500", children: title })
               ]
             }
@@ -19752,7 +19382,7 @@ var ImageInput = forwardRef(
         ) }),
         loading && /* @__PURE__ */ jsxs("div", { className: "absolute", children: [
           /* @__PURE__ */ jsx("div", { className: "h-[200px] w-[300px] bg-black opacity-50" }),
-          /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(AiOutlineLoading, { className: "animate-spin" }) })
+          /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(LoadingIcon, { className: "animate-spin" }) })
         ] }),
         !loading && url && /* @__PURE__ */ jsx(ImageView, { imageUrl: url, alt: url ? url : "image" }),
         (preview || url) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-3xl", children: [
@@ -19762,7 +19392,7 @@ var ImageInput = forwardRef(
               className: " text-green-600 hover:cursor-pointer",
               onClick: uploadImage,
               hidden: url ? true : false,
-              children: /* @__PURE__ */ jsx(MdOutlineDone, {})
+              children: /* @__PURE__ */ jsx(CheckIcon, {})
             }
           ),
           /* @__PURE__ */ jsx(
@@ -19770,7 +19400,7 @@ var ImageInput = forwardRef(
             {
               className: "text-red-500 hover:cursor-pointer",
               onClick: handleResetClick,
-              children: /* @__PURE__ */ jsx(MdOutlineRemoveCircleOutline, {})
+              children: /* @__PURE__ */ jsx(RemoveCircleIcon, {})
             }
           )
         ] })
@@ -19926,7 +19556,7 @@ function MultiImageInput({
             children: [
               /* @__PURE__ */ jsx(ImageView, { imageUrl: url }),
               /* @__PURE__ */ jsxs("div", { className: "absolute left-2 top-2 inline-flex items-center gap-1 rounded bg-black/60 px-2 py-1 text-xs text-white", children: [
-                /* @__PURE__ */ jsx(MdDragIndicator, {}),
+                /* @__PURE__ */ jsx(DragHandleIcon, {}),
                 index + 1
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "absolute right-2 top-2 flex gap-1", children: [
@@ -19937,7 +19567,7 @@ function MultiImageInput({
                     accessibilityLabel: "Move image left",
                     disabled: index === 0 || isOrganizerBusy,
                     glow: false,
-                    icon: /* @__PURE__ */ jsx(MdKeyboardArrowLeft, {}),
+                    icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
                     onPress: () => moveImage(index, index - 1),
                     size: "xs",
                     className: "h-8 w-8 bg-black/60 p-0 text-xl text-white hover:bg-black/80 disabled:opacity-40"
@@ -19950,7 +19580,7 @@ function MultiImageInput({
                     accessibilityLabel: "Move image right",
                     disabled: index === imageUrls.length - 1 || isOrganizerBusy,
                     glow: false,
-                    icon: /* @__PURE__ */ jsx(MdKeyboardArrowRight, {}),
+                    icon: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
                     onPress: () => moveImage(index, index + 1),
                     size: "xs",
                     className: "h-8 w-8 bg-black/60 p-0 text-xl text-white hover:bg-black/80 disabled:opacity-40"
@@ -19980,7 +19610,7 @@ function MultiImageInput({
                     accessibilityLabel: "Change image",
                     disabled: isOrganizerBusy,
                     glow: false,
-                    icon: /* @__PURE__ */ jsx(MdUpload, {}),
+                    icon: /* @__PURE__ */ jsx(UploadIcon, {}),
                     onPress: () => openReplacePicker(index),
                     size: "sm",
                     text: "Change",
@@ -19995,14 +19625,14 @@ function MultiImageInput({
                     accessibilityLabel: "Delete image",
                     disabled: isOrganizerBusy,
                     glow: false,
-                    icon: /* @__PURE__ */ jsx(MdOutlineDelete, {}),
+                    icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
                     onPress: () => removeImage(index),
                     size: "sm",
                     variant: "danger"
                   }
                 )
               ] }),
-              isReplacing && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 text-2xl text-white", children: /* @__PURE__ */ jsx(AiOutlineLoading, { className: "animate-spin" }) })
+              isReplacing && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/60 text-2xl text-white", children: /* @__PURE__ */ jsx(LoadingIcon, { className: "animate-spin" }) })
             ]
           },
           `${url}-${index}`
@@ -20132,7 +19762,7 @@ function StarRatingInput({
               "text-yellow-600": index <= (hover ?? rating - 1),
               "text-gray-400": index > (hover ?? rating - 1)
             }),
-            children: index <= (hover ?? rating - 1) ? /* @__PURE__ */ jsx(BsStarFill, {}) : /* @__PURE__ */ jsx(BsStar, {})
+            children: index <= (hover ?? rating - 1) ? /* @__PURE__ */ jsx(StarIcon, { appearance: "solid", size: 20 }) : /* @__PURE__ */ jsx(StarIcon, { size: 20 })
           },
           index
         )) }),
@@ -20424,7 +20054,7 @@ function Select(selectProps) {
             }
           ),
           /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               "aria-hidden": "true",
               className: cn(
@@ -20710,7 +20340,7 @@ function Tags(tagsProps) {
                     disabled,
                     onClick: () => handleRemoveTag(index),
                     type: "button",
-                    children: /* @__PURE__ */ jsx(FaTimes, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
                   }
                 )
               ]
@@ -21315,7 +20945,7 @@ var Drawer = ({
   ] });
 };
 function DrawerToggler({
-  icon = /* @__PURE__ */ jsx(FaBars, {}),
+  icon = /* @__PURE__ */ jsx(MenuIcon, {}),
   toggleDrawer,
   styles
 }) {
@@ -21693,7 +21323,7 @@ var HeaderNavGroup = ({
             }
           ) }),
           children && /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               className: classNames64({
                 "text-md": true,
@@ -21870,7 +21500,7 @@ var MenuGroup = ({
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(MIContext, { icon, name, badge }) }),
           /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               className: cn(
                 "text-xs transition-transform duration-200",
@@ -23500,7 +23130,7 @@ function CommentActions({
           ${liked ? "text-blue-500" : "hover:text-gray-900 dark:hover:text-gray-100"}
         `,
         children: [
-          liked ? /* @__PURE__ */ jsx(BiSolidLike, { size: 18 }) : /* @__PURE__ */ jsx(BiLike, { size: 18 }),
+          liked ? /* @__PURE__ */ jsx(LikeIcon, { appearance: "solid", size: 18 }) : /* @__PURE__ */ jsx(LikeIcon, { size: 18 }),
           /* @__PURE__ */ jsx("span", { children: likes })
         ]
       }
@@ -23514,7 +23144,7 @@ function CommentActions({
           ${disliked ? "text-red-500" : "hover:text-gray-900 dark:hover:text-gray-100"}
         `,
         children: [
-          disliked ? /* @__PURE__ */ jsx(BiSolidDislike, { size: 18 }) : /* @__PURE__ */ jsx(BiDislike, { size: 18 }),
+          disliked ? /* @__PURE__ */ jsx(DislikeIcon, { appearance: "solid", size: 18 }) : /* @__PURE__ */ jsx(DislikeIcon, { size: 18 }),
           /* @__PURE__ */ jsx("span", { children: dislikes })
         ]
       }
@@ -23633,7 +23263,7 @@ function CommentMenu({
   if (canEdit) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiEdit, {}),
+      icon: /* @__PURE__ */ jsx(EditIcon, {}),
       name: "Edit",
       component: CommentMenuItem,
       onClick: () => {
@@ -23646,7 +23276,7 @@ function CommentMenu({
   if (canDelete) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiTrash, {}),
+      icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
       name: "Delete",
       component: CommentMenuItem,
       onClick: () => {
@@ -23659,7 +23289,7 @@ function CommentMenu({
   if (canReport) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiFlag, {}),
+      icon: /* @__PURE__ */ jsx(FlagIcon, {}),
       name: "Report",
       component: CommentMenuItem,
       onClick: () => {
@@ -23679,7 +23309,7 @@ function CommentMenu({
         type: "button",
         onClick: () => setOpen(!open),
         className: "text-gray-500 transition-colors hover:text-gray-900 dark:hover:text-gray-100",
-        children: /* @__PURE__ */ jsx(BiDotsVerticalRounded, { size: 18 })
+        children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: 18 })
       }
     ),
     /* @__PURE__ */ jsx(Transition.TransitionDropdown, { visibility: open, children: /* @__PURE__ */ jsx(
@@ -23718,7 +23348,7 @@ function CommentRepliesToggle({
       onClick: onToggle,
       className: "inline-flex w-fit items-center gap-1 text-sm font-medium text-blue-500 transition-colors hover:text-blue-400 disabled:cursor-not-allowed disabled:opacity-60",
       children: [
-        !loading && (collapsed ? /* @__PURE__ */ jsx(BiChevronDown, { size: 18 }) : /* @__PURE__ */ jsx(BiChevronUp, { size: 18 })),
+        !loading && (collapsed ? /* @__PURE__ */ jsx(ChevronDownIcon, { size: 18 }) : /* @__PURE__ */ jsx(ChevronUpIcon, { size: 18 })),
         /* @__PURE__ */ jsx("span", { children: label })
       ]
     }
@@ -24605,7 +24235,7 @@ var resolveSystemHealthView = (input) => {
       label: "Checking",
       description: "Request in flight",
       variant: "info",
-      icon: FiActivity,
+      icon: ActivityIcon,
       dotClassName: "bg-eui-info-300",
       panelClassName: "text-eui-info-200 bg-eui-info-500/10 border-eui-info-400/30"
     },
@@ -24614,7 +24244,7 @@ var resolveSystemHealthView = (input) => {
       label: "Operational",
       description: "Health endpoint is reporting normally",
       variant: "success",
-      icon: FiCheckCircle,
+      icon: CheckCircleIcon,
       dotClassName: "bg-eui-success-300",
       panelClassName: "text-eui-success-200 bg-eui-success-500/10 border-eui-success-400/30"
     },
@@ -24623,7 +24253,7 @@ var resolveSystemHealthView = (input) => {
       label: "Reachable",
       description: getSystemHealthStatusText(input.data) || "Response received",
       variant: "warning",
-      icon: FiActivity,
+      icon: ActivityIcon,
       dotClassName: "bg-eui-warning-300",
       panelClassName: "text-eui-warning-100 bg-eui-warning-500/10 border-eui-warning-300/30"
     },
@@ -24632,7 +24262,7 @@ var resolveSystemHealthView = (input) => {
       label: "Unavailable",
       description: getSystemHealthErrorMessage(input.error),
       variant: "danger",
-      icon: FiAlertTriangle,
+      icon: WarningIcon,
       dotClassName: "bg-eui-danger-300",
       panelClassName: "text-eui-danger-200 bg-eui-danger-500/10 border-eui-danger-400/30"
     }
@@ -24761,25 +24391,25 @@ function SystemHealthStatus({
   const defaultMetrics = [
     {
       id: "server",
-      icon: FiServer,
+      icon: ServerIcon,
       label: serverLabel,
       value: serverUrl
     },
     {
       id: "endpoint",
-      icon: FiDatabase,
+      icon: DatabaseIcon,
       label: endpointLabel,
       value: endpointUrl ?? endpointPath
     },
     {
       id: "last-checked",
-      icon: FiClock,
+      icon: ClockIcon,
       label: lastCheckedLabel,
       value: formatSystemHealthTimestamp(lastCheckedAt)
     },
     {
       id: "environment",
-      icon: FiActivity,
+      icon: ActivityIcon,
       label: environmentLabel,
       value: environment
     }
@@ -24878,7 +24508,7 @@ function SystemHealthStatus({
                       Button_web_default,
                       {
                         icon: /* @__PURE__ */ jsx(
-                          FiRefreshCw,
+                          RefreshIcon,
                           {
                             className: isFetching ? "animate-spin" : ""
                           }
@@ -28617,7 +28247,7 @@ var TNDropdownGroup = ({
         children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsx(TNContext, { icon, name, badge }) }),
           /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               className: cn(
                 "text-xs transition-transform duration-200",
@@ -29191,7 +28821,7 @@ function ReviewMenu({
   if (canEdit) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiEdit, {}),
+      icon: /* @__PURE__ */ jsx(EditIcon, {}),
       name: "Edit Review",
       component: MenuItem,
       onClick: withClose(onEdit),
@@ -29201,7 +28831,7 @@ function ReviewMenu({
   if (canDelete) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiTrash, {}),
+      icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
       name: "Delete Review",
       component: MenuItem,
       onClick: withClose(onDelete),
@@ -29211,7 +28841,7 @@ function ReviewMenu({
   if (canReport) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiFlag, {}),
+      icon: /* @__PURE__ */ jsx(FlagIcon, {}),
       name: "Report Review",
       component: MenuItem,
       onClick: withClose(onReport),
@@ -29229,7 +28859,7 @@ function ReviewMenu({
         onClick: () => setOpen(!open),
         className: "text-gray-500 transition-colors hover:text-gray-900 dark:hover:text-gray-100",
         "aria-label": "Review options",
-        children: /* @__PURE__ */ jsx(BiDotsVerticalRounded, { size: 20 })
+        children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: 20 })
       }
     ),
     /* @__PURE__ */ jsx(Transition.TransitionDropdown, { visibility: open, children: /* @__PURE__ */ jsx(
@@ -29255,7 +28885,7 @@ function ReviewActions({ canReply, config, onReply }) {
       variant: "secondary",
       appearance: "ghost",
       size: "sm",
-      icon: /* @__PURE__ */ jsx(BiReply, {}),
+      icon: /* @__PURE__ */ jsx(ReplyIcon, {}),
       onClick: onReply
     }
   ) });
@@ -29308,7 +28938,7 @@ function ReviewReplyMenu({
   if (canEdit) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiEdit, {}),
+      icon: /* @__PURE__ */ jsx(EditIcon, {}),
       name: "Edit Reply",
       component: MenuItem,
       onClick: withClose(onEdit),
@@ -29318,7 +28948,7 @@ function ReviewReplyMenu({
   if (canDelete) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiTrash, {}),
+      icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
       name: "Delete Reply",
       component: MenuItem,
       onClick: withClose(onDelete),
@@ -29328,7 +28958,7 @@ function ReviewReplyMenu({
   if (canReport) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiFlag, {}),
+      icon: /* @__PURE__ */ jsx(FlagIcon, {}),
       name: "Report Reply",
       component: MenuItem,
       onClick: withClose(onReport),
@@ -29346,7 +28976,7 @@ function ReviewReplyMenu({
         onClick: () => setOpen(!open),
         className: "text-gray-500 transition-colors hover:text-gray-900 dark:hover:text-gray-100",
         "aria-label": "Review reply options",
-        children: /* @__PURE__ */ jsx(BiDotsVerticalRounded, { size: 18 })
+        children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: 18 })
       }
     ),
     /* @__PURE__ */ jsx(Transition.TransitionDropdown, { visibility: open, children: /* @__PURE__ */ jsx(