elseware-ui 3.5.0 → 3.6.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 * 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 { 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
@@ -4628,8 +4622,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 +5101,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 +5130,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 +6610,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 }
@@ -18370,7 +18370,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 +18621,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 +19018,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 +19037,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 +19058,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 +19126,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 +19145,7 @@ var InputListGroup = ({
                     type: "button",
                     onClick: () => remove(groupIndex),
                     className: "text-red-500",
-                    children: /* @__PURE__ */ jsx(FaTrash, {})
+                    children: /* @__PURE__ */ jsx(DeleteIcon, {})
                   }
                 )
               ] }),
@@ -19188,7 +19188,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 +19207,7 @@ var InputListGroup = ({
                                         type: "button",
                                         onClick: () => removeItem(itemIndex),
                                         className: "text-gray-500",
-                                        children: /* @__PURE__ */ jsx(FaTrash, {})
+                                        children: /* @__PURE__ */ jsx(DeleteIcon, {})
                                       }
                                     )
                                   ]
@@ -19225,7 +19225,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 +19247,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 +19736,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 +19752,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 +19762,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 +19770,7 @@ var ImageInput = forwardRef(
             {
               className: "text-red-500 hover:cursor-pointer",
               onClick: handleResetClick,
-              children: /* @__PURE__ */ jsx(MdOutlineRemoveCircleOutline, {})
+              children: /* @__PURE__ */ jsx(RemoveCircleIcon, {})
             }
           )
         ] })
@@ -19926,7 +19926,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 +19937,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 +19950,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 +19980,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 +19995,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 +20132,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 +20424,7 @@ function Select(selectProps) {
             }
           ),
           /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               "aria-hidden": "true",
               className: cn(
@@ -20710,7 +20710,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 +21315,7 @@ var Drawer = ({
   ] });
 };
 function DrawerToggler({
-  icon = /* @__PURE__ */ jsx(FaBars, {}),
+  icon = /* @__PURE__ */ jsx(MenuIcon, {}),
   toggleDrawer,
   styles
 }) {
@@ -21693,7 +21693,7 @@ var HeaderNavGroup = ({
             }
           ) }),
           children && /* @__PURE__ */ jsx(
-            BsChevronDown,
+            ChevronDownIcon,
             {
               className: classNames64({
                 "text-md": true,
@@ -21870,7 +21870,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 +23500,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 +23514,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 +23633,7 @@ function CommentMenu({
   if (canEdit) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiEdit, {}),
+      icon: /* @__PURE__ */ jsx(EditIcon, {}),
       name: "Edit",
       component: CommentMenuItem,
       onClick: () => {
@@ -23646,7 +23646,7 @@ function CommentMenu({
   if (canDelete) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiTrash, {}),
+      icon: /* @__PURE__ */ jsx(DeleteIcon, {}),
       name: "Delete",
       component: CommentMenuItem,
       onClick: () => {
@@ -23659,7 +23659,7 @@ function CommentMenu({
   if (canReport) {
     items.push({
       type: "item",
-      icon: /* @__PURE__ */ jsx(BiFlag, {}),
+      icon: /* @__PURE__ */ jsx(FlagIcon, {}),
       name: "Report",
       component: CommentMenuItem,
       onClick: () => {
@@ -23679,7 +23679,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 +23718,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 +24605,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 +24614,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 +24623,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 +24632,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 +24761,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 +24878,7 @@ function SystemHealthStatus({
                       Button_web_default,
                       {
                         icon: /* @__PURE__ */ jsx(
-                          FiRefreshCw,
+                          RefreshIcon,
                           {
                             className: isFetching ? "animate-spin" : ""
                           }
@@ -28617,7 +28617,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 +29191,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 +29201,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 +29211,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 +29229,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 +29255,7 @@ function ReviewActions({ canReply, config, onReply }) {
       variant: "secondary",
       appearance: "ghost",
       size: "sm",
-      icon: /* @__PURE__ */ jsx(BiReply, {}),
+      icon: /* @__PURE__ */ jsx(ReplyIcon, {}),
       onClick: onReply
     }
   ) });
@@ -29308,7 +29308,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 +29318,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 +29328,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 +29346,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(