@snapcall/design-system 1.3.0 → 1.5.0

package/dist/index.js

@@ -74,10 +74,12 @@ __export(src_exports, {
   AlertDialogHeader: () => AlertDialogHeader,
   AlertDialogTitle: () => AlertDialogTitle,
   AlertDialogTrigger: () => AlertDialogTrigger,
+  ArrowCircleUpIcon: () => ArrowCircleUpIcon,
   ArrowDownIcon: () => ArrowDownIcon,
   ArrowLeftIcon: () => ArrowLeftIcon,
   ArrowRightIcon: () => ArrowRightIcon,
   ArrowUpIcon: () => ArrowUpIcon,
+  AttachmentIcon: () => AttachmentIcon,
   Badge: () => Badge,
   BellIcon: () => BellIcon,
   Button: () => Button,
@@ -88,9 +90,12 @@ __export(src_exports, {
   CameraIcon: () => CameraIcon,
   CameraOffIcon: () => CameraOffIcon,
   CheckCircleIcon: () => CheckCircleIcon,
+  CheckIcon: () => CheckIcon,
+  Checkbox: () => Checkbox,
   ChevronDownIcon: () => ChevronDownIcon,
   ChevronLeftIcon: () => ChevronLeftIcon,
   ChevronRightIcon: () => ChevronRightIcon,
+  ChevronSelectorVerticalIcon: () => ChevronSelectorVerticalIcon,
   ChevronUpIcon: () => ChevronUpIcon,
   CopyIcon: () => CopyIcon,
   CursorClickIcon: () => CursorClickIcon,
@@ -101,18 +106,45 @@ __export(src_exports, {
   DialogHeader: () => DialogHeader,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  DotsHorizontalIcon: () => DotsHorizontalIcon,
   DownloadIcon: () => DownloadIcon,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   EditIcon: () => EditIcon,
   ExpandIcon: () => ExpandIcon,
+  FileQuestionIcon: () => FileQuestionIcon,
+  FilterLinesIcon: () => FilterLinesIcon,
   FlipBackwardIcon: () => FlipBackwardIcon,
   FlipForwardIcon: () => FlipForwardIcon,
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
   HelpCircleIcon: () => HelpCircleIcon,
   HomeIcon: () => HomeIcon,
   ImageDownIcon: () => ImageDownIcon,
   ImageIcon: () => ImageIcon,
   ImageXIcon: () => ImageXIcon,
   InfoCircleIcon: () => InfoCircleIcon,
+  Input: () => Input,
+  Label: () => Label2,
   LightbulbIcon: () => LightbulbIcon,
+  LinkIcon: () => LinkIcon,
   LockIcon: () => LockIcon,
   LogInIcon: () => LogInIcon,
   MagicWandIcon: () => MagicWandIcon,
@@ -126,6 +158,7 @@ __export(src_exports, {
   MonitorIcon: () => MonitorIcon,
   NotificationBoxIcon: () => NotificationBoxIcon,
   PauseCircleIcon: () => PauseCircleIcon,
+  PhoneCallIcon: () => PhoneCallIcon,
   PhoneIcon: () => PhoneIcon,
   PieChartIcon: () => PieChartIcon,
   PlayCircleIcon: () => PlayCircleIcon,
@@ -143,8 +176,17 @@ __export(src_exports, {
   RocketIcon: () => RocketIcon,
   SaveIcon: () => SaveIcon,
   SearchMdIcon: () => SearchMdIcon,
+  Select: () => Select,
+  SelectContent: () => SelectContent,
+  SelectGroup: () => SelectGroup,
+  SelectItem: () => SelectItem,
+  SelectLabel: () => SelectLabel,
+  SelectSeparator: () => SelectSeparator,
+  SelectTrigger: () => SelectTrigger,
+  SelectValue: () => SelectValue,
   SendIcon: () => SendIcon,
   SettingsIcon: () => SettingsIcon,
+  ShareArrowIcon: () => ShareArrowIcon,
   ShareIcon: () => ShareIcon,
   SkipBackIcon: () => SkipBackIcon,
   SkipForwardIcon: () => SkipForwardIcon,
@@ -154,6 +196,11 @@ __export(src_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  Textarea: () => Textarea,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
   TrashIcon: () => TrashIcon,
   TrendDownIcon: () => TrendDownIcon,
   TrendUpIcon: () => TrendUpIcon,
@@ -171,7 +218,8 @@ __export(src_exports, {
   XCloseIcon: () => XCloseIcon,
   buttonSizes: () => buttonSizes,
   buttonVariants: () => buttonVariants,
-  iconButtonSizes: () => iconButtonSizes
+  iconButtonSizes: () => iconButtonSizes,
+  useFormField: () => useFormField
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -658,7 +706,7 @@ var import_react4 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ActivityIcon = (0, import_react4.forwardRef)(
   function ActivityIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "svg",
       __spreadProps(__spreadValues({
@@ -727,13 +775,55 @@ var AlertCircleIcon = (0, import_react5.forwardRef)(
   }
 );
 
-// src/icons/arrowDown.tsx
+// src/icons/arrowCircleUp.tsx
 var import_react6 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var ArrowDownIcon = (0, import_react6.forwardRef)(
+var ArrowCircleUpIcon = (0, import_react6.forwardRef)(
+  function ArrowCircleUpIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "path",
+            {
+              d: "M16 12L12 8M12 8L8 12M12 8V16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/arrowDown.tsx
+var import_react7 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ArrowDownIcon = (0, import_react7.forwardRef)(
   function ArrowDownIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -744,7 +834,7 @@ var ArrowDownIcon = (0, import_react6.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "path",
           {
             d: "M12 5V19M12 19L19 12M12 19L5 12",
@@ -760,12 +850,12 @@ var ArrowDownIcon = (0, import_react6.forwardRef)(
 );
 
 // src/icons/arrowLeft.tsx
-var import_react7 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var ArrowLeftIcon = (0, import_react7.forwardRef)(
+var import_react8 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ArrowLeftIcon = (0, import_react8.forwardRef)(
   function ArrowLeftIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -776,7 +866,7 @@ var ArrowLeftIcon = (0, import_react7.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "path",
           {
             d: "M19 12H5M5 12L12 19M5 12L12 5",
@@ -792,12 +882,12 @@ var ArrowLeftIcon = (0, import_react7.forwardRef)(
 );
 
 // src/icons/arrowRight.tsx
-var import_react8 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var ArrowRightIcon = (0, import_react8.forwardRef)(
+var import_react9 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ArrowRightIcon = (0, import_react9.forwardRef)(
   function ArrowRightIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -808,7 +898,7 @@ var ArrowRightIcon = (0, import_react8.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "path",
           {
             d: "M5 12H19M19 12L12 5M19 12L12 19",
@@ -824,12 +914,12 @@ var ArrowRightIcon = (0, import_react8.forwardRef)(
 );
 
 // src/icons/arrowUp.tsx
-var import_react9 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ArrowUpIcon = (0, import_react9.forwardRef)(
+var import_react10 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ArrowUpIcon = (0, import_react10.forwardRef)(
   function ArrowUpIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -840,7 +930,7 @@ var ArrowUpIcon = (0, import_react9.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "path",
           {
             d: "M12 19V5M12 5L5 12M12 5L19 12",
@@ -855,12 +945,44 @@ var ArrowUpIcon = (0, import_react9.forwardRef)(
   }
 );
 
+// src/icons/attachment.tsx
+var import_react11 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var AttachmentIcon = (0, import_react11.forwardRef)(
+  function AttachmentIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "path",
+          {
+            d: "M17.5 5.25581V16.5C17.5 19.5376 15.0376 22 12 22C8.96243 22 6.5 19.5376 6.5 16.5V5.66667C6.5 3.64162 8.14162 2 10.1667 2C12.1917 2 13.8333 3.64162 13.8333 5.66667V16.4457C13.8333 17.4583 13.0125 18.2791 12 18.2791C10.9875 18.2791 10.1667 17.4583 10.1667 16.4457V6.65116",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
 // src/icons/bell.tsx
-var import_react10 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var BellIcon = (0, import_react10.forwardRef)(function BellIcon2(_a, ref) {
+var import_react12 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var BellIcon = (0, import_react12.forwardRef)(function BellIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -872,7 +994,7 @@ var BellIcon = (0, import_react10.forwardRef)(function BellIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -880,7 +1002,7 @@ var BellIcon = (0, import_react10.forwardRef)(function BellIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "path",
           {
             d: "M9.35419 21C10.0593 21.6224 10.9856 22 12 22C13.0145 22 13.9407 21.6224 14.6458 21M18 8C18 6.4087 17.3679 4.88258 16.2427 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.8826 2.63214 7.75738 3.75736C6.63216 4.88258 6.00002 6.4087 6.00002 8C6.00002 11.0902 5.22049 13.206 4.34968 14.6054C3.61515 15.7859 3.24788 16.3761 3.26134 16.5408C3.27626 16.7231 3.31488 16.7926 3.46179 16.9016C3.59448 17 4.19261 17 5.38887 17H18.6112C19.8074 17 20.4056 17 20.5382 16.9016C20.6852 16.7926 20.7238 16.7231 20.7387 16.5408C20.7522 16.3761 20.3849 15.7859 19.6504 14.6054C18.7795 13.206 18 11.0902 18 8Z",
@@ -896,12 +1018,12 @@ var BellIcon = (0, import_react10.forwardRef)(function BellIcon2(_a, ref) {
 });
 
 // src/icons/calendar.tsx
-var import_react11 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var CalendarIcon = (0, import_react11.forwardRef)(
+var import_react13 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CalendarIcon = (0, import_react13.forwardRef)(
   function CalendarIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -913,7 +1035,7 @@ var CalendarIcon = (0, import_react11.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -921,7 +1043,7 @@ var CalendarIcon = (0, import_react11.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             "path",
             {
               d: "M21 10H3M16 2V6M8 2V6M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
@@ -938,12 +1060,12 @@ var CalendarIcon = (0, import_react11.forwardRef)(
 );
 
 // src/icons/calendarCheck.tsx
-var import_react12 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var CalendarCheckIcon = (0, import_react12.forwardRef)(
+var import_react14 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var CalendarCheckIcon = (0, import_react14.forwardRef)(
   function CalendarCheckIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -955,7 +1077,7 @@ var CalendarCheckIcon = (0, import_react12.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -963,7 +1085,7 @@ var CalendarCheckIcon = (0, import_react12.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             "path",
             {
               d: "M21 10H3M16 2V6M8 2V6M9 16L11 18L15.5 13.5M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
@@ -980,12 +1102,12 @@ var CalendarCheckIcon = (0, import_react12.forwardRef)(
 );
 
 // src/icons/calendarPlus.tsx
-var import_react13 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var CalendarPlusIcon = (0, import_react13.forwardRef)(
+var import_react15 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var CalendarPlusIcon = (0, import_react15.forwardRef)(
   function CalendarPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -997,7 +1119,7 @@ var CalendarPlusIcon = (0, import_react13.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1005,7 +1127,7 @@ var CalendarPlusIcon = (0, import_react13.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "path",
             {
               d: "M21 8H3M16 2V5M8 2V5M12 18V12M9 15H15M7.8 22H16.2C17.8802 22 18.7202 22 19.362 21.673C19.9265 21.3854 20.3854 20.9265 20.673 20.362C21 19.7202 21 18.8802 21 17.2V8.8C21 7.11984 21 6.27976 20.673 5.63803C20.3854 5.07354 19.9265 4.6146 19.362 4.32698C18.7202 4 17.8802 4 16.2 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V17.2C3 18.8802 3 19.7202 3.32698 20.362C3.6146 20.9265 4.07354 21.3854 4.63803 21.673C5.27976 22 6.11984 22 7.8 22Z",
@@ -1022,12 +1144,12 @@ var CalendarPlusIcon = (0, import_react13.forwardRef)(
 );
 
 // src/icons/camera.tsx
-var import_react14 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var CameraIcon = (0, import_react14.forwardRef)(
+var import_react16 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var CameraIcon = (0, import_react16.forwardRef)(
   function CameraIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1039,7 +1161,7 @@ var CameraIcon = (0, import_react14.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1047,7 +1169,7 @@ var CameraIcon = (0, import_react14.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "path",
             {
               d: "M2 8.37722C2 8.0269 2 7.85174 2.01462 7.70421C2.1556 6.28127 3.28127 5.1556 4.70421 5.01462C4.85174 5 5.03636 5 5.40558 5C5.54785 5 5.61899 5 5.67939 4.99634C6.45061 4.94963 7.12595 4.46288 7.41414 3.746C7.43671 3.68986 7.45781 3.62657 7.5 3.5C7.54219 3.37343 7.56329 3.31014 7.58586 3.254C7.87405 2.53712 8.54939 2.05037 9.32061 2.00366C9.38101 2 9.44772 2 9.58114 2H14.4189C14.5523 2 14.619 2 14.6794 2.00366C15.4506 2.05037 16.126 2.53712 16.4141 3.254C16.4367 3.31014 16.4578 3.37343 16.5 3.5C16.5422 3.62657 16.5633 3.68986 16.5859 3.746C16.874 4.46288 17.5494 4.94963 18.3206 4.99634C18.381 5 18.4521 5 18.5944 5C18.9636 5 19.1483 5 19.2958 5.01462C20.7187 5.1556 21.8444 6.28127 21.9854 7.70421C22 7.85174 22 8.0269 22 8.37722V16.2C22 17.8802 22 18.7202 21.673 19.362C21.3854 19.9265 20.9265 20.3854 20.362 20.673C19.7202 21 18.8802 21 17.2 21H6.8C5.11984 21 4.27976 21 3.63803 20.673C3.07354 20.3854 2.6146 19.9265 2.32698 19.362C2 18.7202 2 17.8802 2 16.2V8.37722Z",
@@ -1058,7 +1180,7 @@ var CameraIcon = (0, import_react14.forwardRef)(
             }
           ),
           ",",
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "path",
             {
               d: "M12 16.5C14.2091 16.5 16 14.7091 16 12.5C16 10.2909 14.2091 8.5 12 8.5C9.79086 8.5 8 10.2909 8 12.5C8 14.7091 9.79086 16.5 12 16.5Z",
@@ -1075,12 +1197,12 @@ var CameraIcon = (0, import_react14.forwardRef)(
 );
 
 // src/icons/cameraOff.tsx
-var import_react15 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var CameraOffIcon = (0, import_react15.forwardRef)(
+var import_react17 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CameraOffIcon = (0, import_react17.forwardRef)(
   function CameraOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1092,7 +1214,7 @@ var CameraOffIcon = (0, import_react15.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1100,7 +1222,7 @@ var CameraOffIcon = (0, import_react15.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "path",
             {
               d: "M5 5H5.41886C5.55228 5 5.61899 5 5.67939 4.99634C6.45061 4.94963 7.12595 4.46288 7.41414 3.746C7.43671 3.68986 7.45781 3.62657 7.5 3.5C7.54219 3.37343 7.56329 3.31014 7.58586 3.254C7.87405 2.53712 8.54939 2.05037 9.32061 2.00366C9.38101 2 9.44772 2 9.58114 2H14.4189C14.5523 2 14.619 2 14.6794 2.00366C15.4506 2.05037 16.126 2.53712 16.4141 3.254C16.4367 3.31014 16.4578 3.37343 16.5 3.5C16.5422 3.62657 16.5633 3.68986 16.5859 3.746C16.874 4.46288 17.5494 4.94963 18.3206 4.99634C18.381 5 18.4521 5 18.5944 5C18.9636 5 19.1483 5 19.2958 5.01462C20.7187 5.1556 21.8444 6.28127 21.9854 7.70421C22 7.85174 22 8.0269 22 8.37722V18C22 19.0849 21.4241 20.0353 20.5613 20.5622M15.0641 15.0714C15.6482 14.3761 16 13.4791 16 12.5C16 10.2909 14.2091 8.5 12 8.5C11.0216 8.5 10.1252 8.8513 9.43012 9.43464M22 22L2 2M2 7.5V16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H15.5M12 16.5C9.79086 16.5 8 14.7091 8 12.5",
@@ -1116,13 +1238,45 @@ var CameraOffIcon = (0, import_react15.forwardRef)(
   }
 );
 
+// src/icons/check.tsx
+var import_react18 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var CheckIcon = (0, import_react18.forwardRef)(
+  function CheckIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "path",
+          {
+            d: "M20 6L9 17L4 12",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
 // src/icons/checkCircle.tsx
-var import_react16 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var CheckCircleIcon = (0, import_react16.forwardRef)(
+var import_react19 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var CheckCircleIcon = (0, import_react19.forwardRef)(
   function CheckCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1134,7 +1288,7 @@ var CheckCircleIcon = (0, import_react16.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1142,7 +1296,7 @@ var CheckCircleIcon = (0, import_react16.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             "path",
             {
               d: "M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -1159,12 +1313,12 @@ var CheckCircleIcon = (0, import_react16.forwardRef)(
 );
 
 // src/icons/chevronLeft.tsx
-var import_react17 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var ChevronLeftIcon = (0, import_react17.forwardRef)(
+var import_react20 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var ChevronLeftIcon = (0, import_react20.forwardRef)(
   function ChevronLeftIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1175,7 +1329,7 @@ var ChevronLeftIcon = (0, import_react17.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "path",
           {
             d: "M15 18L9 12L15 6",
@@ -1191,12 +1345,12 @@ var ChevronLeftIcon = (0, import_react17.forwardRef)(
 );
 
 // src/icons/chevronRight.tsx
-var import_react18 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var ChevronRightIcon = (0, import_react18.forwardRef)(
+var import_react21 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_react21.forwardRef)(
   function ChevronRightIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1207,7 +1361,7 @@ var ChevronRightIcon = (0, import_react18.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "path",
           {
             d: "M9 18L15 12L9 6",
@@ -1222,13 +1376,45 @@ var ChevronRightIcon = (0, import_react18.forwardRef)(
   }
 );
 
+// src/icons/chevronSelectorVertical.tsx
+var import_react22 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var ChevronSelectorVerticalIcon = (0, import_react22.forwardRef)(
+  function ChevronSelectorVerticalIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          "path",
+          {
+            d: "M7 15L12 20L17 15M7 9L12 4L17 9",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
 // src/icons/chevronUp.tsx
-var import_react19 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var ChevronUpIcon = (0, import_react19.forwardRef)(
+var import_react23 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ChevronUpIcon = (0, import_react23.forwardRef)(
   function ChevronUpIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1239,7 +1425,7 @@ var ChevronUpIcon = (0, import_react19.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "path",
           {
             d: "M18 15L12 9L6 15",
@@ -1255,11 +1441,11 @@ var ChevronUpIcon = (0, import_react19.forwardRef)(
 );
 
 // src/icons/copy.tsx
-var import_react20 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var CopyIcon = (0, import_react20.forwardRef)(function CopyIcon2(_a, ref) {
+var import_react24 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var CopyIcon = (0, import_react24.forwardRef)(function CopyIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1271,7 +1457,7 @@ var CopyIcon = (0, import_react20.forwardRef)(function CopyIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -1279,7 +1465,7 @@ var CopyIcon = (0, import_react20.forwardRef)(function CopyIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           "path",
           {
             d: "M8 16V18.8C8 19.9201 8 20.4802 8.21799 20.908C8.40973 21.2843 8.71569 21.5903 9.09202 21.782C9.51984 22 10.0799 22 11.2 22H18.8C19.9201 22 20.4802 22 20.908 21.782C21.2843 21.5903 21.5903 21.2843 21.782 20.908C22 20.4802 22 19.9201 22 18.8V11.2C22 10.0799 22 9.51984 21.782 9.09202C21.5903 8.71569 21.2843 8.40973 20.908 8.21799C20.4802 8 19.9201 8 18.8 8H16M5.2 16H12.8C13.9201 16 14.4802 16 14.908 15.782C15.2843 15.5903 15.5903 15.2843 15.782 14.908C16 14.4802 16 13.9201 16 12.8V5.2C16 4.0799 16 3.51984 15.782 3.09202C15.5903 2.71569 15.2843 2.40973 14.908 2.21799C14.4802 2 13.9201 2 12.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V12.8C2 13.9201 2 14.4802 2.21799 14.908C2.40973 15.2843 2.71569 15.5903 3.09202 15.782C3.51984 16 4.07989 16 5.2 16Z",
@@ -1295,12 +1481,12 @@ var CopyIcon = (0, import_react20.forwardRef)(function CopyIcon2(_a, ref) {
 });
 
 // src/icons/cursorClick.tsx
-var import_react21 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var CursorClickIcon = (0, import_react21.forwardRef)(
+var import_react25 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var CursorClickIcon = (0, import_react25.forwardRef)(
   function CursorClickIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1312,7 +1498,7 @@ var CursorClickIcon = (0, import_react21.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1320,7 +1506,7 @@ var CursorClickIcon = (0, import_react21.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "path",
             {
               d: "M9 3.5V2M5.06066 5.06066L4 4M5.06066 13L4 14.0607M13 5.06066L14.0607 4M3.5 9H2M15.8645 16.1896L13.3727 20.817C13.0881 21.3457 12.9457 21.61 12.7745 21.6769C12.6259 21.7349 12.4585 21.7185 12.324 21.6328C12.1689 21.534 12.0806 21.2471 11.9038 20.6733L8.44519 9.44525C8.3008 8.97651 8.2286 8.74213 8.28669 8.58383C8.33729 8.44595 8.44595 8.33729 8.58383 8.2867C8.74213 8.22861 8.9765 8.3008 9.44525 8.44519L20.6732 11.9038C21.247 12.0806 21.5339 12.169 21.6327 12.324C21.7185 12.4586 21.7348 12.6259 21.6768 12.7745C21.61 12.9458 21.3456 13.0881 20.817 13.3728L16.1896 15.8645C16.111 15.9068 16.0717 15.9279 16.0374 15.9551C16.0068 15.9792 15.9792 16.0068 15.9551 16.0374C15.9279 16.0717 15.9068 16.111 15.8645 16.1896Z",
@@ -1336,13 +1522,13 @@ var CursorClickIcon = (0, import_react21.forwardRef)(
   }
 );
 
-// src/icons/download.tsx
-var import_react22 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var DownloadIcon = (0, import_react22.forwardRef)(
-  function DownloadIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+// src/icons/dotsHorizontal.tsx
+var import_react26 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var DotsHorizontalIcon = (0, import_react26.forwardRef)(
+  function DotsHorizontalIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1354,18 +1540,30 @@ var DownloadIcon = (0, import_react22.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
-              opacity: "0.12",
-              d: "M11.8959 21.9995C17.4185 22.0569 21.942 17.6266 21.9994 12.104C22.0568 6.58148 17.6265 2.058 12.104 2.00056C6.5814 1.94311 2.05792 6.37346 2.00048 11.896C1.94304 17.4186 6.37338 21.942 11.8959 21.9995Z",
-              fill: "currentColor"
+              d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "path",
             {
-              d: "M8 12L12 16M12 16L16 12M12 16V8M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            "path",
+            {
+              d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
@@ -1378,16 +1576,58 @@ var DownloadIcon = (0, import_react22.forwardRef)(
   }
 );
 
-// src/icons/edit.tsx
-var import_react23 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var EditIcon = (0, import_react23.forwardRef)(function EditIcon2(_a, ref) {
-  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-    "svg",
-    __spreadProps(__spreadValues({
-      ref,
-      width: size,
+// src/icons/download.tsx
+var import_react27 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var DownloadIcon = (0, import_react27.forwardRef)(
+  function DownloadIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M11.8959 21.9995C17.4185 22.0569 21.942 17.6266 21.9994 12.104C22.0568 6.58148 17.6265 2.058 12.104 2.00056C6.5814 1.94311 2.05792 6.37346 2.00048 11.896C1.94304 17.4186 6.37338 21.942 11.8959 21.9995Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "path",
+            {
+              d: "M8 12L12 16M12 16L16 12M12 16V8M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/edit.tsx
+var import_react28 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var EditIcon = (0, import_react28.forwardRef)(function EditIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
       height: size,
       viewBox: "0 0 24 24",
       fill: "none",
@@ -1395,7 +1635,7 @@ var EditIcon = (0, import_react23.forwardRef)(function EditIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -1403,7 +1643,7 @@ var EditIcon = (0, import_react23.forwardRef)(function EditIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "path",
           {
             d: "M11 3.99998H6.8C5.11984 3.99998 4.27976 3.99998 3.63803 4.32696C3.07354 4.61458 2.6146 5.07353 2.32698 5.63801C2 6.27975 2 7.11983 2 8.79998V17.2C2 18.8801 2 19.7202 2.32698 20.362C2.6146 20.9264 3.07354 21.3854 3.63803 21.673C4.27976 22 5.11984 22 6.8 22H15.2C16.8802 22 17.7202 22 18.362 21.673C18.9265 21.3854 19.3854 20.9264 19.673 20.362C20 19.7202 20 18.8801 20 17.2V13M7.99997 16H9.67452C10.1637 16 10.4083 16 10.6385 15.9447C10.8425 15.8957 11.0376 15.8149 11.2166 15.7053C11.4184 15.5816 11.5914 15.4086 11.9373 15.0627L21.5 5.49998C22.3284 4.67156 22.3284 3.32841 21.5 2.49998C20.6716 1.67156 19.3284 1.67155 18.5 2.49998L8.93723 12.0627C8.59133 12.4086 8.41838 12.5816 8.29469 12.7834C8.18504 12.9624 8.10423 13.1574 8.05523 13.3615C7.99997 13.5917 7.99997 13.8363 7.99997 14.3255V16Z",
@@ -1419,12 +1659,12 @@ var EditIcon = (0, import_react23.forwardRef)(function EditIcon2(_a, ref) {
 });
 
 // src/icons/expand.tsx
-var import_react24 = require("react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var ExpandIcon = (0, import_react24.forwardRef)(
+var import_react29 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var ExpandIcon = (0, import_react29.forwardRef)(
   function ExpandIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1435,7 +1675,7 @@ var ExpandIcon = (0, import_react24.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           "path",
           {
             d: "M16 8L21 3M21 3H16M21 3V8M8 8L3 3M3 3L3 8M3 3L8 3M8 16L3 21M3 21H8M3 21L3 16M16 16L21 21M21 21V16M21 21H16",
@@ -1450,13 +1690,87 @@ var ExpandIcon = (0, import_react24.forwardRef)(
   }
 );
 
+// src/icons/fileQuestion.tsx
+var import_react30 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var FileQuestionIcon = (0, import_react30.forwardRef)(
+  function FileQuestionIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11982 22 8.79993 22H14L20 9.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            "path",
+            {
+              d: "M20 9.5V6.8C20 5.11984 20 4.27976 19.673 3.63803C19.3854 3.07354 18.9265 2.6146 18.362 2.32698C17.7202 2 16.8802 2 15.2 2H8.8C7.11984 2 6.27976 2 5.63803 2.32698C5.07354 2.6146 4.6146 3.07354 4.32698 3.63803C4 4.27976 4 5.11984 4 6.8V17.2C4 18.8802 4 19.7202 4.32698 20.362C4.6146 20.9265 5.07354 21.3854 5.63803 21.673C6.27976 22 7.11984 22 8.8 22H14M14 11H8M10 15H8M16 7H8M16.5 15.0022C16.6762 14.5014 17.024 14.079 17.4817 13.81C17.9395 13.5409 18.4777 13.4426 19.001 13.5324C19.5243 13.6221 19.999 13.8942 20.3409 14.3004C20.6829 14.7066 20.87 15.2207 20.8692 15.7517C20.8692 17.2506 18.6209 18 18.6209 18M18.6499 21H18.6599",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/filterLines.tsx
+var import_react31 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var FilterLinesIcon = (0, import_react31.forwardRef)(
+  function FilterLinesIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          "path",
+          {
+            d: "M6 12H18M3 6H21M9 18H15",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
 // src/icons/flipBackward.tsx
-var import_react25 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var FlipBackwardIcon = (0, import_react25.forwardRef)(
+var import_react32 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var FlipBackwardIcon = (0, import_react32.forwardRef)(
   function FlipBackwardIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1467,7 +1781,7 @@ var FlipBackwardIcon = (0, import_react25.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "path",
           {
             d: "M3 9H16.5C18.9853 9 21 11.0147 21 13.5C21 15.9853 18.9853 18 16.5 18H12M3 9L7 5M3 9L7 13",
@@ -1483,12 +1797,12 @@ var FlipBackwardIcon = (0, import_react25.forwardRef)(
 );
 
 // src/icons/flipForward.tsx
-var import_react26 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var FlipForwardIcon = (0, import_react26.forwardRef)(
+var import_react33 = require("react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var FlipForwardIcon = (0, import_react33.forwardRef)(
   function FlipForwardIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1499,7 +1813,7 @@ var FlipForwardIcon = (0, import_react26.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "path",
           {
             d: "M21 9H7.5C5.01472 9 3 11.0147 3 13.5C3 15.9853 5.01472 18 7.5 18H12M21 9L17 5M21 9L17 13",
@@ -1515,12 +1829,12 @@ var FlipForwardIcon = (0, import_react26.forwardRef)(
 );
 
 // src/icons/helpCircle.tsx
-var import_react27 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var HelpCircleIcon = (0, import_react27.forwardRef)(
+var import_react34 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var HelpCircleIcon = (0, import_react34.forwardRef)(
   function HelpCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1532,7 +1846,7 @@ var HelpCircleIcon = (0, import_react27.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1540,7 +1854,7 @@ var HelpCircleIcon = (0, import_react27.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             "path",
             {
               d: "M9.09 9C9.3251 8.33167 9.78915 7.76811 10.4 7.40913C11.0108 7.05016 11.7289 6.91894 12.4272 7.03871C13.1255 7.15849 13.7588 7.52152 14.2151 8.06353C14.6713 8.60553 14.9211 9.29152 14.92 10C14.92 12 11.92 13 11.92 13M12 17H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -1557,11 +1871,11 @@ var HelpCircleIcon = (0, import_react27.forwardRef)(
 );
 
 // src/icons/home.tsx
-var import_react28 = require("react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var HomeIcon = (0, import_react28.forwardRef)(function HomeIcon2(_a, ref) {
+var import_react35 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var HomeIcon = (0, import_react35.forwardRef)(function HomeIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1573,8 +1887,8 @@ var HomeIcon = (0, import_react28.forwardRef)(function HomeIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { opacity: "0.12", d: "M9 21V12H15V21", fill: "currentColor" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { opacity: "0.12", d: "M9 21V12H15V21", fill: "currentColor" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "path",
           {
             d: "M9 21V13.6C9 13.0399 9 12.7599 9.10899 12.546C9.20487 12.3578 9.35785 12.2049 9.54601 12.109C9.75992 12 10.0399 12 10.6 12H13.4C13.9601 12 14.2401 12 14.454 12.109C14.6422 12.2049 14.7951 12.3578 14.891 12.546C15 12.7599 15 13.0399 15 13.6V21M11.0177 2.764L4.23539 8.03912C3.78202 8.39175 3.55534 8.56806 3.39203 8.78886C3.24737 8.98444 3.1396 9.20478 3.07403 9.43905C3 9.70352 3 9.9907 3 10.5651V17.8C3 18.9201 3 19.4801 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4801 21 18.9201 21 17.8V10.5651C21 9.9907 21 9.70352 20.926 9.43905C20.8604 9.20478 20.7526 8.98444 20.608 8.78886C20.4447 8.56806 20.218 8.39175 19.7646 8.03913L12.9823 2.764C12.631 2.49075 12.4553 2.35412 12.2613 2.3016C12.0902 2.25526 11.9098 2.25526 11.7387 2.3016C11.5447 2.35412 11.369 2.49075 11.0177 2.764Z",
@@ -1590,12 +1904,12 @@ var HomeIcon = (0, import_react28.forwardRef)(function HomeIcon2(_a, ref) {
 });
 
 // src/icons/image.tsx
-var import_react29 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var ImageIcon = (0, import_react29.forwardRef)(
+var import_react36 = require("react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var ImageIcon = (0, import_react36.forwardRef)(
   function ImageIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1607,15 +1921,15 @@ var ImageIcon = (0, import_react29.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("g", { opacity: "0.12", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "path",
               {
                 d: "M6.36567 19.6343L14.8686 11.1314C15.2646 10.7354 15.4626 10.5373 15.691 10.4632C15.8918 10.3979 16.1082 10.3979 16.309 10.4632C16.5373 10.5373 16.7353 10.7354 17.1314 11.1314L21 15V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9264 20.3854 19.362 20.673C18.7202 21 17.8801 21 16.2 21H6.93136C6.32554 21 6.02264 21 5.88237 20.8802C5.76067 20.7763 5.69608 20.6203 5.70864 20.4608C5.72311 20.2769 5.9373 20.0627 6.36567 19.6343Z",
                 fill: "currentColor"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "path",
               {
                 d: "M8.49999 10.5C9.60456 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60456 6.5 8.49999 6.5C7.39542 6.5 6.49999 7.39543 6.49999 8.5C6.49999 9.60457 7.39542 10.5 8.49999 10.5Z",
@@ -1623,7 +1937,7 @@ var ImageIcon = (0, import_react29.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "path",
             {
               d: "M16.2 21H6.93137C6.32555 21 6.02265 21 5.88238 20.8802C5.76068 20.7763 5.69609 20.6203 5.70865 20.4608C5.72312 20.2769 5.93731 20.0627 6.36569 19.6343L14.8686 11.1314C15.2646 10.7354 15.4627 10.5373 15.691 10.4632C15.8918 10.3979 16.1082 10.3979 16.309 10.4632C16.5373 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2M16.2 21C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2M16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5Z",
@@ -1640,12 +1954,12 @@ var ImageIcon = (0, import_react29.forwardRef)(
 );
 
 // src/icons/imageDown.tsx
-var import_react30 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var ImageDownIcon = (0, import_react30.forwardRef)(
+var import_react37 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var ImageDownIcon = (0, import_react37.forwardRef)(
   function ImageDownIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1657,15 +1971,15 @@ var ImageDownIcon = (0, import_react30.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { opacity: "0.12", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               "path",
               {
                 d: "M8.50004 10.5C9.60461 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60461 6.5 8.50004 6.5C7.39547 6.5 6.50004 7.39543 6.50004 8.5C6.50004 9.60457 7.39547 10.5 8.50004 10.5Z",
                 fill: "currentColor"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               "path",
               {
                 d: "M6.53118 19.608L14.9901 11.9181C15.3487 11.5921 15.528 11.4291 15.7326 11.3627C15.9129 11.3041 16.1062 11.298 16.2898 11.3451C16.4982 11.3985 16.6874 11.5499 17.0659 11.8527L19.8631 14.0905C20.2412 14.3929 20.4303 14.5442 20.5733 14.7264C20.753 14.9554 20.8806 15.2208 20.9471 15.5042C21 15.7296 21 15.9717 21 16.456C21 17.8951 21 18.6147 20.7583 19.1799C20.4547 19.8894 19.8895 20.4547 19.18 20.7582C18.6148 21 17.8952 21 16.456 21H7.06932C6.42632 21 6.10481 21 5.96322 20.8755C5.84049 20.7676 5.77822 20.6066 5.79646 20.4442C5.81751 20.2568 6.0554 20.0406 6.53118 19.608Z",
@@ -1673,7 +1987,7 @@ var ImageDownIcon = (0, import_react30.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             "path",
             {
               d: "M16 5L19 8M19 8L22 5M19 8V2M12.5 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8117 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5ZM14.99 11.9181L6.53115 19.608C6.05536 20.0406 5.81747 20.2568 5.79643 20.4442C5.77819 20.6066 5.84045 20.7676 5.96319 20.8755C6.10478 21 6.42628 21 7.06929 21H16.456C17.8951 21 18.6147 21 19.1799 20.7582C19.8894 20.4547 20.4547 19.8894 20.7582 19.1799C21 18.6147 21 17.8951 21 16.456C21 15.9717 21 15.7296 20.9471 15.5042C20.8805 15.2208 20.753 14.9554 20.5733 14.7264C20.4303 14.5442 20.2412 14.3929 19.8631 14.0905L17.0658 11.8527C16.6874 11.5499 16.4982 11.3985 16.2898 11.3451C16.1061 11.298 15.9129 11.3041 15.7325 11.3627C15.5279 11.4291 15.3486 11.5921 14.99 11.9181Z",
@@ -1690,12 +2004,12 @@ var ImageDownIcon = (0, import_react30.forwardRef)(
 );
 
 // src/icons/imageX.tsx
-var import_react31 = require("react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var ImageXIcon = (0, import_react31.forwardRef)(
+var import_react38 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var ImageXIcon = (0, import_react38.forwardRef)(
   function ImageXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1707,15 +2021,15 @@ var ImageXIcon = (0, import_react31.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("g", { opacity: "0.12", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "path",
               {
                 d: "M8.50016 10.5C9.60473 10.5 10.5002 9.60457 10.5002 8.5C10.5002 7.39543 9.60473 6.5 8.50016 6.5C7.39559 6.5 6.50016 7.39543 6.50016 8.5C6.50016 9.60457 7.39559 10.5 8.50016 10.5Z",
                 fill: "currentColor"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               "path",
               {
                 d: "M6.53131 19.608L14.9902 11.9181C15.3488 11.5921 15.5281 11.4291 15.7327 11.3627C15.913 11.3041 16.1063 11.298 16.29 11.3451C16.4983 11.3985 16.6875 11.5499 17.066 11.8527L19.8632 14.0905C20.2413 14.3929 20.4304 14.5442 20.5734 14.7264C20.7531 14.9554 20.8807 15.2208 20.9472 15.5042C21.0002 15.7296 21.0002 15.9717 21.0002 16.456C21.0002 17.8951 21.0002 18.6147 20.7584 19.1799C20.4549 19.8894 19.8896 20.4547 19.1801 20.7582C18.6149 21 17.8953 21 16.4561 21H7.06944C6.42644 21 6.10494 21 5.96334 20.8755C5.84061 20.7676 5.77835 20.6066 5.79659 20.4442C5.81763 20.2568 6.05552 20.0406 6.53131 19.608Z",
@@ -1723,7 +2037,7 @@ var ImageXIcon = (0, import_react31.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "path",
             {
               d: "M16.5 2.5L21.5 7.5M21.5 2.5L16.5 7.5M12.5 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H17C17.93 21 18.395 21 18.7765 20.8978C19.8117 20.6204 20.6204 19.8117 20.8978 18.7765C21 18.395 21 17.93 21 17M10.5 8.5C10.5 9.60457 9.60457 10.5 8.5 10.5C7.39543 10.5 6.5 9.60457 6.5 8.5C6.5 7.39543 7.39543 6.5 8.5 6.5C9.60457 6.5 10.5 7.39543 10.5 8.5ZM14.99 11.9181L6.53115 19.608C6.05536 20.0406 5.81747 20.2568 5.79643 20.4442C5.77819 20.6066 5.84045 20.7676 5.96319 20.8755C6.10478 21 6.42628 21 7.06929 21H16.456C17.8951 21 18.6147 21 19.1799 20.7582C19.8894 20.4547 20.4547 19.8894 20.7582 19.1799C21 18.6147 21 17.8951 21 16.456C21 15.9717 21 15.7296 20.9471 15.5042C20.8805 15.2208 20.753 14.9554 20.5733 14.7264C20.4303 14.5442 20.2412 14.3929 19.8631 14.0905L17.0658 11.8527C16.6874 11.5499 16.4982 11.3985 16.2898 11.3451C16.1061 11.298 15.9129 11.3041 15.7325 11.3627C15.5279 11.4291 15.3486 11.5921 14.99 11.9181Z",
@@ -1740,12 +2054,12 @@ var ImageXIcon = (0, import_react31.forwardRef)(
 );
 
 // src/icons/infoCircle.tsx
-var import_react32 = require("react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var InfoCircleIcon = (0, import_react32.forwardRef)(
+var import_react39 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var InfoCircleIcon = (0, import_react39.forwardRef)(
   function InfoCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1757,7 +2071,7 @@ var InfoCircleIcon = (0, import_react32.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1765,7 +2079,7 @@ var InfoCircleIcon = (0, import_react32.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "path",
             {
               d: "M12 16V12M12 8H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -1782,12 +2096,12 @@ var InfoCircleIcon = (0, import_react32.forwardRef)(
 );
 
 // src/icons/lightbulb.tsx
-var import_react33 = require("react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var LightbulbIcon = (0, import_react33.forwardRef)(
+var import_react40 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var LightbulbIcon = (0, import_react40.forwardRef)(
   function LightbulbIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1799,7 +2113,7 @@ var LightbulbIcon = (0, import_react33.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1807,7 +2121,7 @@ var LightbulbIcon = (0, import_react33.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             "path",
             {
               d: "M9.5 22H14.5M10 10H14M12 10L12 16M15 15.3264C17.3649 14.2029 19 11.7924 19 9C19 5.13401 15.866 2 12 2C8.13401 2 5 5.13401 5 9C5 11.7924 6.63505 14.2029 9 15.3264V16C9 16.9319 9 17.3978 9.15224 17.7654C9.35523 18.2554 9.74458 18.6448 10.2346 18.8478C10.6022 19 11.0681 19 12 19C12.9319 19 13.3978 19 13.7654 18.8478C14.2554 18.6448 14.6448 18.2554 14.8478 17.7654C15 17.3978 15 16.9319 15 16V15.3264Z",
@@ -1823,12 +2137,42 @@ var LightbulbIcon = (0, import_react33.forwardRef)(
   }
 );
 
+// src/icons/link.tsx
+var import_react41 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var LinkIcon = (0, import_react41.forwardRef)(function LinkIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "svg",
+    __spreadProps(__spreadValues({
+      ref,
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className
+    }, other), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        "path",
+        {
+          d: "M12.7076 18.3639L11.2933 19.7781C9.34072 21.7308 6.1749 21.7308 4.22228 19.7781C2.26966 17.8255 2.26966 14.6597 4.22228 12.7071L5.63649 11.2929M18.3644 12.7071L19.7786 11.2929C21.7312 9.34024 21.7312 6.17441 19.7786 4.22179C17.826 2.26917 14.6602 2.26917 12.7076 4.22179L11.2933 5.636M8.50045 15.4999L15.5005 8.49994",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    })
+  );
+});
+
 // src/icons/lock.tsx
-var import_react34 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var LockIcon = (0, import_react34.forwardRef)(function LockIcon2(_a, ref) {
+var import_react42 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var LockIcon = (0, import_react42.forwardRef)(function LockIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1840,7 +2184,7 @@ var LockIcon = (0, import_react34.forwardRef)(function LockIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -1848,7 +2192,7 @@ var LockIcon = (0, import_react34.forwardRef)(function LockIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "path",
           {
             d: "M17 10V8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8V10M12 14.5V16.5M8.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V14.8C20 13.1198 20 12.2798 19.673 11.638C19.3854 11.0735 18.9265 10.6146 18.362 10.327C17.7202 10 16.8802 10 15.2 10H8.8C7.11984 10 6.27976 10 5.63803 10.327C5.07354 10.6146 4.6146 11.0735 4.32698 11.638C4 12.2798 4 13.1198 4 14.8V16.2C4 17.8802 4 18.7202 4.32698 19.362C4.6146 19.9265 5.07354 20.3854 5.63803 20.673C6.27976 21 7.11984 21 8.8 21Z",
@@ -1864,12 +2208,12 @@ var LockIcon = (0, import_react34.forwardRef)(function LockIcon2(_a, ref) {
 });
 
 // src/icons/logIn.tsx
-var import_react35 = require("react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var LogInIcon = (0, import_react35.forwardRef)(
+var import_react43 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var LogInIcon = (0, import_react43.forwardRef)(
   function LogInIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1881,7 +2225,7 @@ var LogInIcon = (0, import_react35.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1889,7 +2233,7 @@ var LogInIcon = (0, import_react35.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "path",
             {
               d: "M6 17C6 17.93 6 18.395 6.10222 18.7765C6.37962 19.8117 7.18827 20.6204 8.22354 20.8978C8.60504 21 9.07003 21 10 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H10C9.07003 3 8.60504 3 8.22354 3.10222C7.18827 3.37962 6.37962 4.18827 6.10222 5.22354C6 5.60504 6 6.07003 6 7M12 8L16 12M16 12L12 16M16 12H3",
@@ -1906,12 +2250,12 @@ var LogInIcon = (0, import_react35.forwardRef)(
 );
 
 // src/icons/magicWand.tsx
-var import_react36 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var MagicWandIcon = (0, import_react36.forwardRef)(
+var import_react44 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var MagicWandIcon = (0, import_react44.forwardRef)(
   function MagicWandIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -1923,7 +2267,7 @@ var MagicWandIcon = (0, import_react36.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -1931,7 +2275,7 @@ var MagicWandIcon = (0, import_react36.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "path",
             {
               d: "M13 14L9.99997 11M15.0103 3.5V2M18.9497 5.06066L20.0103 4M18.9497 13L20.0103 14.0607M11.0103 5.06066L9.94966 4M20.5103 9H22.0103M6.13134 20.8686L15.3686 11.6314C15.7646 11.2354 15.9626 11.0373 16.0368 10.809C16.1021 10.6082 16.1021 10.3918 16.0368 10.191C15.9626 9.96265 15.7646 9.76465 15.3686 9.36863L14.6313 8.63137C14.2353 8.23535 14.0373 8.03735 13.809 7.96316C13.6081 7.8979 13.3918 7.8979 13.191 7.96316C12.9626 8.03735 12.7646 8.23535 12.3686 8.63137L3.13134 17.8686C2.73532 18.2646 2.53732 18.4627 2.46313 18.691C2.39787 18.8918 2.39787 19.1082 2.46313 19.309C2.53732 19.5373 2.73533 19.7354 3.13134 20.1314L3.8686 20.8686C4.26462 21.2646 4.46263 21.4627 4.69095 21.5368C4.8918 21.6021 5.10814 21.6021 5.30899 21.5368C5.53732 21.4627 5.73533 21.2646 6.13134 20.8686Z",
@@ -1948,11 +2292,11 @@ var MagicWandIcon = (0, import_react36.forwardRef)(
 );
 
 // src/icons/mail.tsx
-var import_react37 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var MailIcon = (0, import_react37.forwardRef)(function MailIcon2(_a, ref) {
+var import_react45 = require("react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var MailIcon = (0, import_react45.forwardRef)(function MailIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -1964,7 +2308,7 @@ var MailIcon = (0, import_react37.forwardRef)(function MailIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -1972,7 +2316,7 @@ var MailIcon = (0, import_react37.forwardRef)(function MailIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "path",
           {
             d: "M2 7L10.1649 12.7154C10.8261 13.1783 11.1567 13.4097 11.5163 13.4993C11.8339 13.5785 12.1661 13.5785 12.4837 13.4993C12.8433 13.4097 13.1739 13.1783 13.8351 12.7154L22 7M6.8 20H17.2C18.8802 20 19.7202 20 20.362 19.673C20.9265 19.3854 21.3854 18.9265 21.673 18.362C22 17.7202 22 16.8802 22 15.2V8.8C22 7.11984 22 6.27976 21.673 5.63803C21.3854 5.07354 20.9265 4.6146 20.362 4.32698C19.7202 4 18.8802 4 17.2 4H6.8C5.11984 4 4.27976 4 3.63803 4.32698C3.07354 4.6146 2.6146 5.07354 2.32698 5.63803C2 6.27976 2 7.11984 2 8.8V15.2C2 16.8802 2 17.7202 2.32698 18.362C2.6146 18.9265 3.07354 19.3854 3.63803 19.673C4.27976 20 5.11984 20 6.8 20Z",
@@ -1988,11 +2332,11 @@ var MailIcon = (0, import_react37.forwardRef)(function MailIcon2(_a, ref) {
 });
 
 // src/icons/menu.tsx
-var import_react38 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var MenuIcon = (0, import_react38.forwardRef)(function MenuIcon2(_a, ref) {
-  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+var import_react46 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var MenuIcon = (0, import_react46.forwardRef)(function MenuIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2003,7 +2347,7 @@ var MenuIcon = (0, import_react38.forwardRef)(function MenuIcon2(_a, ref) {
       xmlns: "http://www.w3.org/2000/svg",
       className
     }, other), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "path",
         {
           d: "M3 12H21M3 6H21M3 18H21",
@@ -2018,12 +2362,12 @@ var MenuIcon = (0, import_react38.forwardRef)(function MenuIcon2(_a, ref) {
 });
 
 // src/icons/messageChatSquare.tsx
-var import_react39 = require("react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var MessageChatSquareIcon = (0, import_react39.forwardRef)(
+var import_react47 = require("react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var MessageChatSquareIcon = (0, import_react47.forwardRef)(
   function MessageChatSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2035,7 +2379,7 @@ var MessageChatSquareIcon = (0, import_react39.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2043,7 +2387,7 @@ var MessageChatSquareIcon = (0, import_react39.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "path",
             {
               d: "M10 15L6.92474 18.1137C6.49579 18.548 6.28131 18.7652 6.09695 18.7805C5.93701 18.7938 5.78042 18.7295 5.67596 18.6076C5.55556 18.4672 5.55556 18.162 5.55556 17.5515V15.9916C5.55556 15.444 5.10707 15.0477 4.5652 14.9683V14.9683C3.25374 14.7762 2.22378 13.7463 2.03168 12.4348C2 12.2186 2 11.9605 2 11.4444V6.8C2 5.11984 2 4.27976 2.32698 3.63803C2.6146 3.07354 3.07354 2.6146 3.63803 2.32698C4.27976 2 5.11984 2 6.8 2H14.2C15.8802 2 16.7202 2 17.362 2.32698C17.9265 2.6146 18.3854 3.07354 18.673 3.63803C19 4.27976 19 5.11984 19 6.8V11M19 22L16.8236 20.4869C16.5177 20.2742 16.3647 20.1678 16.1982 20.0924C16.0504 20.0255 15.8951 19.9768 15.7356 19.9474C15.5558 19.9143 15.3695 19.9143 14.9969 19.9143H13.2C12.0799 19.9143 11.5198 19.9143 11.092 19.6963C10.7157 19.5046 10.4097 19.1986 10.218 18.8223C10 18.3944 10 17.8344 10 16.7143V14.2C10 13.0799 10 12.5198 10.218 12.092C10.4097 11.7157 10.7157 11.4097 11.092 11.218C11.5198 11 12.0799 11 13.2 11H18.8C19.9201 11 20.4802 11 20.908 11.218C21.2843 11.4097 21.5903 11.7157 21.782 12.092C22 12.5198 22 13.0799 22 14.2V16.9143C22 17.8462 22 18.3121 21.8478 18.6797C21.6448 19.1697 21.2554 19.5591 20.7654 19.762C20.3978 19.9143 19.9319 19.9143 19 19.9143V22Z",
@@ -2060,12 +2404,12 @@ var MessageChatSquareIcon = (0, import_react39.forwardRef)(
 );
 
 // src/icons/messagePlusSquare.tsx
-var import_react40 = require("react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var MessagePlusSquareIcon = (0, import_react40.forwardRef)(
+var import_react48 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var MessagePlusSquareIcon = (0, import_react48.forwardRef)(
   function MessagePlusSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2077,7 +2421,7 @@ var MessagePlusSquareIcon = (0, import_react40.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2085,7 +2429,7 @@ var MessagePlusSquareIcon = (0, import_react40.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "path",
             {
               d: "M12 13.5V7.5M9 10.5H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z",
@@ -2102,12 +2446,12 @@ var MessagePlusSquareIcon = (0, import_react40.forwardRef)(
 );
 
 // src/icons/messageTextSquare.tsx
-var import_react41 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var MessageTextSquareIcon = (0, import_react41.forwardRef)(
+var import_react49 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var MessageTextSquareIcon = (0, import_react49.forwardRef)(
   function MessageTextSquareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2119,7 +2463,7 @@ var MessageTextSquareIcon = (0, import_react41.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2127,7 +2471,7 @@ var MessageTextSquareIcon = (0, import_react41.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "path",
             {
               d: "M7 8.5H12M7 12H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z",
@@ -2144,12 +2488,12 @@ var MessageTextSquareIcon = (0, import_react41.forwardRef)(
 );
 
 // src/icons/microphone.tsx
-var import_react42 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
-var MicrophoneIcon = (0, import_react42.forwardRef)(
+var import_react50 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var MicrophoneIcon = (0, import_react50.forwardRef)(
   function MicrophoneIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2161,7 +2505,7 @@ var MicrophoneIcon = (0, import_react42.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2169,7 +2513,7 @@ var MicrophoneIcon = (0, import_react42.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "path",
             {
               d: "M19 10V12C19 15.866 15.866 19 12 19M5 10V12C5 15.866 8.13401 19 12 19M12 19V22M8 22H16M12 15C10.3431 15 9 13.6569 9 12V5C9 3.34315 10.3431 2 12 2C13.6569 2 15 3.34315 15 5V12C15 13.6569 13.6569 15 12 15Z",
@@ -2186,12 +2530,12 @@ var MicrophoneIcon = (0, import_react42.forwardRef)(
 );
 
 // src/icons/microphoneOff.tsx
-var import_react43 = require("react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var MicrophoneOffIcon = (0, import_react43.forwardRef)(
+var import_react51 = require("react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var MicrophoneOffIcon = (0, import_react51.forwardRef)(
   function MicrophoneOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2203,7 +2547,7 @@ var MicrophoneOffIcon = (0, import_react43.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2211,7 +2555,7 @@ var MicrophoneOffIcon = (0, import_react43.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
             "path",
             {
               d: "M15 9.4V5C15 3.34315 13.6569 2 12 2C10.8224 2 9.80325 2.67852 9.3122 3.66593M12 19V22M12 19C8.13401 19 5 15.866 5 12V10M12 19C15.866 19 19 15.866 19 12V10M8 22H16M2 2L22 22M12 15C10.3431 15 9 13.6569 9 12V9L14.1226 14.12C13.5796 14.6637 12.8291 15 12 15Z",
@@ -2228,12 +2572,12 @@ var MicrophoneOffIcon = (0, import_react43.forwardRef)(
 );
 
 // src/icons/monitor.tsx
-var import_react44 = require("react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var MonitorIcon = (0, import_react44.forwardRef)(
+var import_react52 = require("react");
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var MonitorIcon = (0, import_react52.forwardRef)(
   function MonitorIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2245,7 +2589,7 @@ var MonitorIcon = (0, import_react44.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2253,7 +2597,7 @@ var MonitorIcon = (0, import_react44.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "path",
             {
               d: "M7.57181 21C8.90661 20.3598 10.41 20 12 20C13.59 20 15.0934 20.3598 16.4282 21M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z",
@@ -2270,12 +2614,12 @@ var MonitorIcon = (0, import_react44.forwardRef)(
 );
 
 // src/icons/notificationBox.tsx
-var import_react45 = require("react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var NotificationBoxIcon = (0, import_react45.forwardRef)(
+var import_react53 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var NotificationBoxIcon = (0, import_react53.forwardRef)(
   function NotificationBoxIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2287,7 +2631,7 @@ var NotificationBoxIcon = (0, import_react45.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2295,7 +2639,7 @@ var NotificationBoxIcon = (0, import_react45.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "path",
             {
               d: "M11 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V13M20.1213 3.87868C21.2929 5.05025 21.2929 6.94975 20.1213 8.12132C18.9497 9.29289 17.0503 9.29289 15.8787 8.12132C14.7071 6.94975 14.7071 5.05025 15.8787 3.87868C17.0503 2.70711 18.9497 2.70711 20.1213 3.87868Z",
@@ -2312,12 +2656,12 @@ var NotificationBoxIcon = (0, import_react45.forwardRef)(
 );
 
 // src/icons/pauseCircle.tsx
-var import_react46 = require("react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
-var PauseCircleIcon = (0, import_react46.forwardRef)(
+var import_react54 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var PauseCircleIcon = (0, import_react54.forwardRef)(
   function PauseCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2329,7 +2673,7 @@ var PauseCircleIcon = (0, import_react46.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2337,7 +2681,7 @@ var PauseCircleIcon = (0, import_react46.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
             "path",
             {
               d: "M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -2354,12 +2698,12 @@ var PauseCircleIcon = (0, import_react46.forwardRef)(
 );
 
 // src/icons/phone.tsx
-var import_react47 = require("react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var PhoneIcon = (0, import_react47.forwardRef)(
+var import_react55 = require("react");
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var PhoneIcon = (0, import_react55.forwardRef)(
   function PhoneIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2371,7 +2715,7 @@ var PhoneIcon = (0, import_react47.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2379,7 +2723,7 @@ var PhoneIcon = (0, import_react47.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             "path",
             {
               d: "M12 17.5H12.01M8.2 22H15.8C16.9201 22 17.4802 22 17.908 21.782C18.2843 21.5903 18.5903 21.2843 18.782 20.908C19 20.4802 19 19.9201 19 18.8V5.2C19 4.07989 19 3.51984 18.782 3.09202C18.5903 2.71569 18.2843 2.40973 17.908 2.21799C17.4802 2 16.9201 2 15.8 2H8.2C7.0799 2 6.51984 2 6.09202 2.21799C5.71569 2.40973 5.40973 2.71569 5.21799 3.09202C5 3.51984 5 4.0799 5 5.2V18.8C5 19.9201 5 20.4802 5.21799 20.908C5.40973 21.2843 5.71569 21.5903 6.09202 21.782C6.51984 22 7.07989 22 8.2 22ZM12.5 17.5C12.5 17.7761 12.2761 18 12 18C11.7239 18 11.5 17.7761 11.5 17.5C11.5 17.2239 11.7239 17 12 17C12.2761 17 12.5 17.2239 12.5 17.5Z",
@@ -2395,13 +2739,55 @@ var PhoneIcon = (0, import_react47.forwardRef)(
   }
 );
 
+// src/icons/phoneCall.tsx
+var import_react56 = require("react");
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var PhoneCallIcon = (0, import_react56.forwardRef)(
+  function PhoneCallIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M7.38064 9.85323C8.07664 11.3028 9.02543 12.6615 10.227 13.8631C11.4286 15.0646 12.7872 16.0134 14.2368 16.7094C14.3615 16.7693 14.4239 16.7992 14.5028 16.8222C14.7831 16.904 15.1274 16.8453 15.3648 16.6752C15.4316 16.6274 15.4888 16.5702 15.6031 16.4559C15.9527 16.1063 16.1275 15.9315 16.3033 15.8172C16.9662 15.3862 17.8208 15.3862 18.4836 15.8172C18.6594 15.9315 18.8342 16.1063 19.1838 16.4559L19.3787 16.6508C19.9101 17.1822 20.1759 17.448 20.3202 17.7333C20.6073 18.3009 20.6073 18.9712 20.3202 19.5387C20.1759 19.8241 19.9101 20.0898 19.3787 20.6213L19.2211 20.7789C18.6914 21.3085 18.4266 21.5733 18.0666 21.7756C17.6671 22 17.0466 22.1614 16.5884 22.16C16.1754 22.1588 15.8932 22.0787 15.3288 21.9185C12.2954 21.0575 9.43301 19.433 7.04503 17.045C4.65705 14.6571 3.03257 11.7947 2.1716 8.76131C2.01139 8.19687 1.93129 7.91464 1.93006 7.5017C1.9287 7.04347 2.09006 6.42298 2.31448 6.02348C2.51673 5.66345 2.78154 5.39863 3.31116 4.86901L3.4688 4.71138C4.00024 4.17993 4.26596 3.91421 4.55134 3.76987C5.1189 3.4828 5.78917 3.4828 6.35673 3.76987C6.64211 3.91421 6.90783 4.17993 7.43927 4.71138L7.63414 4.90625C7.98375 5.25585 8.15855 5.43065 8.27284 5.60643C8.70383 6.26932 8.70383 7.1239 8.27284 7.78679C8.15855 7.96257 7.98375 8.13738 7.63414 8.48698C7.51983 8.60129 7.46268 8.65845 7.41483 8.72526C7.24482 8.96269 7.18612 9.30695 7.26785 9.5873C7.29084 9.6662 7.32078 9.72854 7.38064 9.85323Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+            "path",
+            {
+              d: "M14.05 6C15.0268 6.19057 15.9244 6.66826 16.6281 7.37194C17.3318 8.07561 17.8095 8.97326 18 9.95M14.05 2C16.0793 2.22544 17.9716 3.13417 19.4163 4.57701C20.8609 6.01984 21.772 7.91101 22 9.94M10.227 13.8631C9.02543 12.6615 8.07664 11.3028 7.38064 9.85323C7.32078 9.72854 7.29084 9.66619 7.26785 9.5873C7.18612 9.30695 7.24482 8.96269 7.41483 8.72526C7.46268 8.65845 7.51983 8.60129 7.63414 8.48698C7.98375 8.13737 8.15855 7.96257 8.27284 7.78679C8.70383 7.1239 8.70383 6.26932 8.27284 5.60643C8.15855 5.43065 7.98375 5.25585 7.63414 4.90624L7.43927 4.71137C6.90783 4.17993 6.64211 3.91421 6.35673 3.76987C5.78917 3.4828 5.1189 3.4828 4.55134 3.76987C4.26596 3.91421 4.00024 4.17993 3.4688 4.71137L3.31116 4.86901C2.78154 5.39863 2.51673 5.66344 2.31448 6.02348C2.09006 6.42298 1.9287 7.04347 1.93006 7.5017C1.93129 7.91464 2.01139 8.19687 2.1716 8.76131C3.03257 11.7947 4.65705 14.6571 7.04503 17.045C9.43301 19.433 12.2954 21.0575 15.3288 21.9185C15.8932 22.0787 16.1754 22.1588 16.5884 22.16C17.0466 22.1614 17.6671 22 18.0666 21.7756C18.4266 21.5733 18.6914 21.3085 19.2211 20.7789L19.3787 20.6213C19.9101 20.0898 20.1759 19.8241 20.3202 19.5387C20.6073 18.9712 20.6073 18.3009 20.3202 17.7333C20.1759 17.448 19.9101 17.1822 19.3787 16.6508L19.1838 16.4559C18.8342 16.1063 18.6594 15.9315 18.4836 15.8172C17.8208 15.3862 16.9662 15.3862 16.3033 15.8172C16.1275 15.9315 15.9527 16.1063 15.6031 16.4559C15.4888 16.5702 15.4316 16.6274 15.3648 16.6752C15.1274 16.8453 14.7831 16.904 14.5028 16.8222C14.4239 16.7992 14.3615 16.7693 14.2368 16.7094C12.7872 16.0134 11.4286 15.0646 10.227 13.8631Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
 // src/icons/pieChart.tsx
-var import_react48 = require("react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
-var PieChartIcon = (0, import_react48.forwardRef)(
+var import_react57 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var PieChartIcon = (0, import_react57.forwardRef)(
   function PieChartIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2413,7 +2799,7 @@ var PieChartIcon = (0, import_react48.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2421,7 +2807,7 @@ var PieChartIcon = (0, import_react48.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "path",
             {
               d: "M17.2 14C17.477 14 17.6155 14 17.7278 14.0615C17.8204 14.1122 17.9065 14.2075 17.9478 14.3047C17.9978 14.4225 17.9852 14.5479 17.96 14.7987C17.8296 16.0987 17.3822 17.3514 16.6518 18.4445C15.7727 19.7601 14.5233 20.7855 13.0615 21.391C11.5997 21.9965 9.99113 22.155 8.43928 21.8463C6.88743 21.5376 5.46197 20.7757 4.34315 19.6568C3.22433 18.538 2.4624 17.1126 2.15372 15.5607C1.84504 14.0089 2.00347 12.4003 2.60897 10.9385C3.21447 9.47671 4.23985 8.22728 5.55544 7.34823C6.64856 6.61783 7.90125 6.17039 9.20131 6.03995C9.45207 6.01479 9.57745 6.00221 9.69528 6.0522C9.79249 6.09344 9.88776 6.17964 9.9385 6.27224C10 6.38449 10 6.52299 10 6.79999V13.2C10 13.48 10 13.62 10.0545 13.727C10.1024 13.8211 10.1789 13.8976 10.273 13.9455C10.38 14 10.52 14 10.8 14H17.2Z",
@@ -2432,7 +2818,7 @@ var PieChartIcon = (0, import_react48.forwardRef)(
             }
           ),
           ",",
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             "path",
             {
               d: "M14 2.79999C14 2.52298 14 2.38448 14.0615 2.27223C14.1122 2.17963 14.2075 2.09344 14.3047 2.0522C14.4225 2.0022 14.5479 2.01478 14.7987 2.03993C16.6271 2.22333 18.346 3.03229 19.6569 4.34313C20.9677 5.65398 21.7767 7.37289 21.9601 9.20129C21.9852 9.45206 21.9978 9.57744 21.9478 9.69527C21.9066 9.79248 21.8204 9.88774 21.7278 9.93848C21.6155 9.99998 21.477 9.99999 21.2 9.99999L14.8 9.99999C14.52 9.99999 14.38 9.99999 14.273 9.94549C14.1789 9.89755 14.1024 9.82106 14.0545 9.72698C14 9.62003 14 9.48001 14 9.19999V2.79999Z",
@@ -2449,12 +2835,12 @@ var PieChartIcon = (0, import_react48.forwardRef)(
 );
 
 // src/icons/playCircle.tsx
-var import_react49 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var PlayCircleIcon = (0, import_react49.forwardRef)(
+var import_react58 = require("react");
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var PlayCircleIcon = (0, import_react58.forwardRef)(
   function PlayCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2466,7 +2852,7 @@ var PlayCircleIcon = (0, import_react49.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2474,7 +2860,7 @@ var PlayCircleIcon = (0, import_react49.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "path",
             {
               d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
@@ -2485,7 +2871,7 @@ var PlayCircleIcon = (0, import_react49.forwardRef)(
             }
           ),
           ",",
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
             "path",
             {
               d: "M9.5 8.96533C9.5 8.48805 9.5 8.24941 9.59974 8.11618C9.68666 8.00007 9.81971 7.92744 9.96438 7.9171C10.1304 7.90525 10.3311 8.03429 10.7326 8.29239L15.4532 11.3271C15.8016 11.551 15.9758 11.663 16.0359 11.8054C16.0885 11.9298 16.0885 12.0702 16.0359 12.1946C15.9758 12.337 15.8016 12.449 15.4532 12.6729L10.7326 15.7076C10.3311 15.9657 10.1304 16.0948 9.96438 16.0829C9.81971 16.0726 9.68666 15.9999 9.59974 15.8838C9.5 15.7506 9.5 15.512 9.5 15.0347V8.96533Z",
@@ -2502,11 +2888,11 @@ var PlayCircleIcon = (0, import_react49.forwardRef)(
 );
 
 // src/icons/plus.tsx
-var import_react50 = require("react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
-var PlusIcon = (0, import_react50.forwardRef)(function PlusIcon2(_a, ref) {
-  var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var import_react59 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var PlusIcon = (0, import_react59.forwardRef)(function PlusIcon2(_a, ref) {
+  var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2517,7 +2903,7 @@ var PlusIcon = (0, import_react50.forwardRef)(function PlusIcon2(_a, ref) {
       xmlns: "http://www.w3.org/2000/svg",
       className
     }, other), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
         "path",
         {
           d: "M12 5V19M5 12H19",
@@ -2532,12 +2918,12 @@ var PlusIcon = (0, import_react50.forwardRef)(function PlusIcon2(_a, ref) {
 });
 
 // src/icons/plusCircle.tsx
-var import_react51 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
-var PlusCircleIcon = (0, import_react51.forwardRef)(
+var import_react60 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var PlusCircleIcon = (0, import_react60.forwardRef)(
   function PlusCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2549,7 +2935,7 @@ var PlusCircleIcon = (0, import_react51.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2557,7 +2943,7 @@ var PlusCircleIcon = (0, import_react51.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             "path",
             {
               d: "M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -2574,12 +2960,12 @@ var PlusCircleIcon = (0, import_react51.forwardRef)(
 );
 
 // src/icons/puzzlePiece.tsx
-var import_react52 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-var PuzzlePieceIcon = (0, import_react52.forwardRef)(
+var import_react61 = require("react");
+var import_jsx_runtime63 = require("react/jsx-runtime");
+var PuzzlePieceIcon = (0, import_react61.forwardRef)(
   function PuzzlePieceIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2591,7 +2977,7 @@ var PuzzlePieceIcon = (0, import_react52.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2599,7 +2985,7 @@ var PuzzlePieceIcon = (0, import_react52.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
             "path",
             {
               d: "M7.5 4.5C7.5 3.11929 8.61929 2 10 2C11.3807 2 12.5 3.11929 12.5 4.5V6H13.5C14.8978 6 15.5967 6 16.1481 6.22836C16.8831 6.53284 17.4672 7.11687 17.7716 7.85195C18 8.40326 18 9.10218 18 10.5H19.5C20.8807 10.5 22 11.6193 22 13C22 14.3807 20.8807 15.5 19.5 15.5H18V17.2C18 18.8802 18 19.7202 17.673 20.362C17.3854 20.9265 16.9265 21.3854 16.362 21.673C15.7202 22 14.8802 22 13.2 22H12.5V20.25C12.5 19.0074 11.4926 18 10.25 18C9.00736 18 8 19.0074 8 20.25V22H6.8C5.11984 22 4.27976 22 3.63803 21.673C3.07354 21.3854 2.6146 20.9265 2.32698 20.362C2 19.7202 2 18.8802 2 17.2V15.5H3.5C4.88071 15.5 6 14.3807 6 13C6 11.6193 4.88071 10.5 3.5 10.5H2C2 9.10218 2 8.40326 2.22836 7.85195C2.53284 7.11687 3.11687 6.53284 3.85195 6.22836C4.40326 6 5.10218 6 6.5 6H7.5V4.5Z",
@@ -2616,12 +3002,12 @@ var PuzzlePieceIcon = (0, import_react52.forwardRef)(
 );
 
 // src/icons/qrCode.tsx
-var import_react53 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-var QrCodeIcon = (0, import_react53.forwardRef)(
+var import_react62 = require("react");
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var QrCodeIcon = (0, import_react62.forwardRef)(
   function QrCodeIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2633,7 +3019,7 @@ var QrCodeIcon = (0, import_react53.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "path",
             {
               opacity: "0.4",
@@ -2644,7 +3030,7 @@ var QrCodeIcon = (0, import_react53.forwardRef)(
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
             "path",
             {
               d: "M7 12H12V17M17.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V17.6C21 17.0399 21 16.7599 20.891 16.546C20.7951 16.3578 20.6422 16.2049 20.454 16.109C20.2401 16 19.9601 16 19.4 16H17.6C17.0399 16 16.7599 16 16.546 16.109C16.3578 16.2049 16.2049 16.3578 16.109 16.546C16 16.7599 16 17.0399 16 17.6V19.4C16 19.9601 16 20.2401 16.109 20.454C16.2049 20.6422 16.3578 20.7951 16.546 20.891C16.7599 21 17.0399 21 17.6 21ZM17.6 8H19.4C19.9601 8 20.2401 8 20.454 7.89101C20.6422 7.79513 20.7951 7.64215 20.891 7.45399C21 7.24008 21 6.96005 21 6.4V4.6C21 4.03995 21 3.75992 20.891 3.54601C20.7951 3.35785 20.6422 3.20487 20.454 3.10899C20.2401 3 19.9601 3 19.4 3H17.6C17.0399 3 16.7599 3 16.546 3.10899C16.3578 3.20487 16.2049 3.35785 16.109 3.54601C16 3.75992 16 4.03995 16 4.6V6.4C16 6.96005 16 7.24008 16.109 7.45399C16.2049 7.64215 16.3578 7.79513 16.546 7.89101C16.7599 8 17.0399 8 17.6 8ZM4.6 8H6.4C6.96005 8 7.24008 8 7.45399 7.89101C7.64215 7.79513 7.79513 7.64215 7.89101 7.45399C8 7.24008 8 6.96005 8 6.4V4.6C8 4.03995 8 3.75992 7.89101 3.54601C7.79513 3.35785 7.64215 3.20487 7.45399 3.10899C7.24008 3 6.96005 3 6.4 3H4.6C4.03995 3 3.75992 3 3.54601 3.10899C3.35785 3.20487 3.20487 3.35785 3.10899 3.54601C3 3.75992 3 4.03995 3 4.6V6.4C3 6.96005 3 7.24008 3.10899 7.45399C3.20487 7.64215 3.35785 7.79513 3.54601 7.89101C3.75992 8 4.03995 8 4.6 8Z",
@@ -2661,12 +3047,12 @@ var QrCodeIcon = (0, import_react53.forwardRef)(
 );
 
 // src/icons/receiptCheck.tsx
-var import_react54 = require("react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
-var ReceiptCheckIcon = (0, import_react54.forwardRef)(
+var import_react63 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var ReceiptCheckIcon = (0, import_react63.forwardRef)(
   function ReceiptCheckIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2678,7 +3064,7 @@ var ReceiptCheckIcon = (0, import_react54.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2686,7 +3072,7 @@ var ReceiptCheckIcon = (0, import_react54.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             "path",
             {
               d: "M9 10.5L11 12.5L15.5 8M20 21V7.8C20 6.11984 20 5.27976 19.673 4.63803C19.3854 4.07354 18.9265 3.6146 18.362 3.32698C17.7202 3 16.8802 3 15.2 3H8.8C7.11984 3 6.27976 3 5.63803 3.32698C5.07354 3.6146 4.6146 4.07354 4.32698 4.63803C4 5.27976 4 6.11984 4 7.8V21L6.75 19L9.25 21L12 19L14.75 21L17.25 19L20 21Z",
@@ -2703,12 +3089,12 @@ var ReceiptCheckIcon = (0, import_react54.forwardRef)(
 );
 
 // src/icons/recording.tsx
-var import_react55 = require("react");
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var RecordingIcon = (0, import_react55.forwardRef)(
+var import_react64 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
+var RecordingIcon = (0, import_react64.forwardRef)(
   function RecordingIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2720,7 +3106,7 @@ var RecordingIcon = (0, import_react55.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2728,7 +3114,7 @@ var RecordingIcon = (0, import_react55.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
             "path",
             {
               d: "M6 11V13M10 9V15M14 7V17M18 11V13M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -2745,12 +3131,12 @@ var RecordingIcon = (0, import_react55.forwardRef)(
 );
 
 // src/icons/refreshCcw.tsx
-var import_react56 = require("react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var RefreshCcwIcon = (0, import_react56.forwardRef)(
+var import_react65 = require("react");
+var import_jsx_runtime67 = require("react/jsx-runtime");
+var RefreshCcwIcon = (0, import_react65.forwardRef)(
   function RefreshCcwIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2761,7 +3147,7 @@ var RefreshCcwIcon = (0, import_react56.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           "path",
           {
             d: "M2 10C2 10 4.00498 7.26822 5.63384 5.63824C7.26269 4.00827 9.5136 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.89691 21 4.43511 18.2543 3.35177 14.5M2 10V4M2 10H8",
@@ -2777,12 +3163,12 @@ var RefreshCcwIcon = (0, import_react56.forwardRef)(
 );
 
 // src/icons/refreshCw.tsx
-var import_react57 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
-var RefreshCwIcon = (0, import_react57.forwardRef)(
+var import_react66 = require("react");
+var import_jsx_runtime68 = require("react/jsx-runtime");
+var RefreshCwIcon = (0, import_react66.forwardRef)(
   function RefreshCwIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2793,7 +3179,7 @@ var RefreshCwIcon = (0, import_react57.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           "path",
           {
             d: "M14 22C14 22 14.8492 21.8787 18.364 18.364C21.8787 14.8492 21.8787 9.15076 18.364 5.63604C17.1187 4.39077 15.5993 3.58669 14 3.22383M14 22H20M14 22L14 16M10 2.00019C10 2.00019 9.15076 2.12152 5.63604 5.63624C2.12132 9.15095 2.12132 14.8494 5.63604 18.3642C6.88131 19.6094 8.40072 20.4135 10 20.7764M10 2.00019L4 2M10 2.00019L10 8",
@@ -2809,12 +3195,12 @@ var RefreshCwIcon = (0, import_react57.forwardRef)(
 );
 
 // src/icons/rocket.tsx
-var import_react58 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var RocketIcon = (0, import_react58.forwardRef)(
+var import_react67 = require("react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
+var RocketIcon = (0, import_react67.forwardRef)(
   function RocketIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2826,7 +3212,7 @@ var RocketIcon = (0, import_react58.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2834,7 +3220,7 @@ var RocketIcon = (0, import_react58.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "path",
             {
               d: "M12 15L9 12M12 15C13.3968 14.4687 14.7369 13.7987 16 13M12 15V20C12 20 15.03 19.45 16 18C17.08 16.38 16 13 16 13M9 12C9.53214 10.6194 10.2022 9.29607 11 8.05C12.1652 6.18699 13.7876 4.65305 15.713 3.5941C17.6384 2.53514 19.8027 1.98637 22 2C22 4.72 21.22 9.5 16 13M9 12H4C4 12 4.55 8.97 6 8C7.62 6.92 11 8 11 8M4.5 16.5C3 17.76 2.5 21.5 2.5 21.5C2.5 21.5 6.24 21 7.5 19.5C8.21 18.66 8.2 17.37 7.41 16.59C7.02131 16.219 6.50929 16.0046 5.97223 15.988C5.43516 15.9714 4.91088 16.1537 4.5 16.5Z",
@@ -2851,11 +3237,11 @@ var RocketIcon = (0, import_react58.forwardRef)(
 );
 
 // src/icons/save.tsx
-var import_react59 = require("react");
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var SaveIcon = (0, import_react59.forwardRef)(function SaveIcon2(_a, ref) {
+var import_react68 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var SaveIcon = (0, import_react68.forwardRef)(function SaveIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2867,15 +3253,15 @@ var SaveIcon = (0, import_react59.forwardRef)(function SaveIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("g", { opacity: "0.12", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("g", { opacity: "0.12", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "path",
             {
               d: "M7 3H15.2929C15.7456 3 16.1799 3.17986 16.5 3.5C16.8201 3.82014 17 4.25435 17 4.70711V6.4C17 6.96005 17 7.24008 16.891 7.45399C16.7951 7.64215 16.6422 7.79513 16.454 7.89101C16.2401 8 15.9601 8 15.4 8H8.6C8.03995 8 7.75992 8 7.54601 7.89101C7.35785 7.79513 7.20487 7.64215 7.10899 7.45399C7 7.24008 7 6.96005 7 6.4V3Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
             "path",
             {
               d: "M7 14.6C7 14.0399 7 13.7599 7.10899 13.546C7.20487 13.3578 7.35785 13.2049 7.54601 13.109C7.75992 13 8.03995 13 8.6 13H15.4C15.9601 13 16.2401 13 16.454 13.109C16.6422 13.2049 16.7951 13.3578 16.891 13.546C17 13.7599 17 14.0399 17 14.6V21H7V14.6Z",
@@ -2883,7 +3269,7 @@ var SaveIcon = (0, import_react59.forwardRef)(function SaveIcon2(_a, ref) {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "path",
           {
             d: "M7 3V6.4C7 6.96005 7 7.24008 7.10899 7.45399C7.20487 7.64215 7.35785 7.79513 7.54601 7.89101C7.75992 8 8.03995 8 8.6 8H15.4C15.9601 8 16.2401 8 16.454 7.89101C16.6422 7.79513 16.7951 7.64215 16.891 7.45399C17 7.24008 17 6.96005 17 6.4V4M17 21V14.6C17 14.0399 17 13.7599 16.891 13.546C16.7951 13.3578 16.6422 13.2049 16.454 13.109C16.2401 13 15.9601 13 15.4 13H8.6C8.03995 13 7.75992 13 7.54601 13.109C7.35785 13.2049 7.20487 13.3578 7.10899 13.546C7 13.7599 7 14.0399 7 14.6V21M21 9.32548V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H14.6745C15.1637 3 15.4083 3 15.6385 3.05526C15.8425 3.10425 16.0376 3.18506 16.2166 3.29472C16.4184 3.4184 16.5914 3.59135 16.9373 3.93726L20.0627 7.06274C20.4086 7.40865 20.5816 7.5816 20.7053 7.78343C20.8149 7.96237 20.8957 8.15746 20.9447 8.36154C21 8.59171 21 8.8363 21 9.32548Z",
@@ -2899,12 +3285,12 @@ var SaveIcon = (0, import_react59.forwardRef)(function SaveIcon2(_a, ref) {
 });
 
 // src/icons/search.tsx
-var import_react60 = require("react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var SearchMdIcon = (0, import_react60.forwardRef)(
+var import_react69 = require("react");
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var SearchMdIcon = (0, import_react69.forwardRef)(
   function SearchMdIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2916,7 +3302,7 @@ var SearchMdIcon = (0, import_react60.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -2924,7 +3310,7 @@ var SearchMdIcon = (0, import_react60.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
             "path",
             {
               d: "M21 21L16.65 16.65M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z",
@@ -2941,11 +3327,11 @@ var SearchMdIcon = (0, import_react60.forwardRef)(
 );
 
 // src/icons/send.tsx
-var import_react61 = require("react");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var SendIcon = (0, import_react61.forwardRef)(function SendIcon2(_a, ref) {
+var import_react70 = require("react");
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var SendIcon = (0, import_react70.forwardRef)(function SendIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -2957,7 +3343,7 @@ var SendIcon = (0, import_react61.forwardRef)(function SendIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -2965,7 +3351,7 @@ var SendIcon = (0, import_react61.forwardRef)(function SendIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "path",
           {
             d: "M10.5 12H5M4.91534 12.2915L2.58042 19.2662C2.39699 19.8141 2.30527 20.0881 2.37109 20.2568C2.42825 20.4033 2.55102 20.5144 2.7025 20.5567C2.87693 20.6054 3.1404 20.4868 3.66733 20.2497L20.3788 12.7295C20.8931 12.4981 21.1503 12.3823 21.2298 12.2216C21.2988 12.0819 21.2988 11.918 21.2298 11.7784C21.1503 11.6176 20.8931 11.5019 20.3788 11.2704L3.66151 3.7477C3.13616 3.51129 2.87349 3.39309 2.69923 3.44158C2.54789 3.48369 2.42514 3.59448 2.36778 3.74072C2.30174 3.90911 2.39247 4.18249 2.57395 4.72924L4.91599 11.7855C4.94716 11.8794 4.96275 11.9264 4.9689 11.9744C4.97436 12.017 4.9743 12.0601 4.96873 12.1027C4.96246 12.1507 4.94675 12.1976 4.91534 12.2915Z",
@@ -2981,12 +3367,12 @@ var SendIcon = (0, import_react61.forwardRef)(function SendIcon2(_a, ref) {
 });
 
 // src/icons/settings.tsx
-var import_react62 = require("react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var SettingsIcon = (0, import_react62.forwardRef)(
+var import_react71 = require("react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var SettingsIcon = (0, import_react71.forwardRef)(
   function SettingsIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -2998,17 +3384,17 @@ var SettingsIcon = (0, import_react62.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "path",
             {
               opacity: "0.12",
-              "fill-rule": "evenodd",
-              "clip-rule": "evenodd",
+              fillRule: "evenodd",
+              clipRule: "evenodd",
               d: "M18.6236 15.6005C18.5702 15.3056 18.6063 15.0015 18.7273 14.7273C18.8425 14.4584 19.0339 14.2291 19.2778 14.0676C19.5217 13.906 19.8075 13.8193 20.1 13.8182H20.1818C20.664 13.8182 21.1265 13.6266 21.4675 13.2856C21.8084 12.9447 22 12.4822 22 12C22 11.5178 21.8084 11.0553 21.4675 10.7144C21.1265 10.3734 20.664 10.1818 20.1818 10.1818H20.0273C19.7347 10.1807 19.4489 10.094 19.205 9.93245C18.9611 9.77093 18.7698 9.54161 18.6545 9.27273V9.2C18.5335 8.9258 18.4974 8.62164 18.5509 8.32674C18.6044 8.03183 18.745 7.75971 18.9545 7.54545L19.0091 7.49091C19.1781 7.32205 19.3122 7.12152 19.4037 6.9008C19.4952 6.68008 19.5423 6.44348 19.5423 6.20455C19.5423 5.96561 19.4952 5.72901 19.4037 5.50829C19.3122 5.28757 19.1781 5.08704 19.0091 4.91818C18.8402 4.74913 18.6397 4.61503 18.419 4.52353C18.1983 4.43203 17.9617 4.38493 17.7227 4.38493C17.4838 4.38493 17.2472 4.43203 17.0265 4.52353C16.8057 4.61503 16.6052 4.74913 16.4364 4.91818L16.3818 4.97273C16.1676 5.18231 15.8954 5.3229 15.6005 5.37637C15.3056 5.42984 15.0015 5.39374 14.7273 5.27273C14.4584 5.15749 14.2291 4.96614 14.0676 4.72224C13.906 4.47834 13.8193 4.19253 13.8182 3.9V3.81818C13.8182 3.33597 13.6266 2.87351 13.2856 2.53253C12.9447 2.19156 12.4822 2 12 2C11.5178 2 11.0553 2.19156 10.7144 2.53253C10.3734 2.87351 10.1818 3.33597 10.1818 3.81818V3.97273C10.1807 4.26526 10.094 4.55107 9.93245 4.79497C9.77093 5.03887 9.54161 5.23022 9.27273 5.34545H9.2C8.9258 5.46647 8.62164 5.50257 8.32674 5.4491C8.03183 5.39562 7.75971 5.25503 7.54545 5.04545L7.49091 4.99091C7.32205 4.82186 7.12152 4.68775 6.9008 4.59626C6.68008 4.50476 6.44348 4.45766 6.20455 4.45766C5.96561 4.45766 5.72901 4.50476 5.50829 4.59626C5.28757 4.68775 5.08704 4.82186 4.91818 4.99091C4.74913 5.15977 4.61503 5.36029 4.52353 5.58102C4.43203 5.80174 4.38493 6.03834 4.38493 6.27727C4.38493 6.51621 4.43203 6.7528 4.52353 6.97353C4.61503 7.19425 4.74913 7.39478 4.91818 7.56364L4.97273 7.61818C5.18231 7.83244 5.3229 8.10456 5.37637 8.39947C5.42984 8.69437 5.39374 8.99853 5.27273 9.27273C5.16883 9.55521 4.98236 9.79991 4.73754 9.97501C4.49273 10.1501 4.2009 10.2475 3.9 10.2545H3.81818C3.33597 10.2545 2.87351 10.4461 2.53253 10.7871C2.19156 11.1281 2 11.5905 2 12.0727C2 12.5549 2.19156 13.0174 2.53253 13.3584C2.87351 13.6994 3.33597 13.8909 3.81818 13.8909H3.97273C4.26526 13.8921 4.55107 13.9788 4.79497 14.1403C5.03887 14.3018 5.23022 14.5311 5.34545 14.8C5.46647 15.0742 5.50257 15.3784 5.4491 15.6733C5.39562 15.9682 5.25503 16.2403 5.04545 16.4545L4.99091 16.5091C4.82186 16.678 4.68775 16.8785 4.59626 17.0992C4.50476 17.3199 4.45766 17.5565 4.45766 17.7955C4.45766 18.0344 4.50476 18.271 4.59626 18.4917C4.68775 18.7124 4.82186 18.913 4.99091 19.0818C5.15977 19.2509 5.36029 19.385 5.58102 19.4765C5.80174 19.568 6.03834 19.6151 6.27727 19.6151C6.51621 19.6151 6.7528 19.568 6.97353 19.4765C7.19425 19.385 7.39478 19.2509 7.56364 19.0818L7.61818 19.0273C7.83244 18.8177 8.10456 18.6771 8.39947 18.6236C8.69437 18.5702 8.99853 18.6063 9.27273 18.7273C9.55521 18.8312 9.79991 19.0176 9.97501 19.2625C10.1501 19.5073 10.2475 19.7991 10.2545 20.1V20.1818C10.2545 20.664 10.4461 21.1265 10.7871 21.4675C11.1281 21.8084 11.5905 22 12.0727 22C12.5549 22 13.0174 21.8084 13.3584 21.4675C13.6994 21.1265 13.8909 20.664 13.8909 20.1818V20.0273C13.8921 19.7347 13.9788 19.4489 14.1403 19.205C14.3018 18.9611 14.5311 18.7698 14.8 18.6545C15.0742 18.5335 15.3784 18.4974 15.6733 18.5509C15.9682 18.6044 16.2403 18.745 16.4545 18.9545L16.5091 19.0091C16.678 19.1781 16.8785 19.3122 17.0992 19.4037C17.3199 19.4952 17.5565 19.5423 17.7955 19.5423C18.0344 19.5423 18.271 19.4952 18.4917 19.4037C18.7124 19.3122 18.913 19.1781 19.0818 19.0091C19.2509 18.8402 19.385 18.6397 19.4765 18.419C19.568 18.1983 19.6151 17.9617 19.6151 17.7227C19.6151 17.4838 19.568 17.2472 19.4765 17.0265C19.385 16.8057 19.2509 16.6052 19.0818 16.4364L19.0273 16.3818C18.8177 16.1676 18.6771 15.8954 18.6236 15.6005ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "path",
             {
               d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
@@ -3019,7 +3405,7 @@ var SettingsIcon = (0, import_react62.forwardRef)(
             }
           ),
           ",",
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             "path",
             {
               d: "M18.7273 14.7273C18.6063 15.0015 18.5702 15.3056 18.6236 15.6005C18.6771 15.8954 18.8177 16.1676 19.0273 16.3818L19.0818 16.4364C19.2509 16.6052 19.385 16.8057 19.4765 17.0265C19.568 17.2472 19.6151 17.4838 19.6151 17.7227C19.6151 17.9617 19.568 18.1983 19.4765 18.419C19.385 18.6397 19.2509 18.8402 19.0818 19.0091C18.913 19.1781 18.7124 19.3122 18.4917 19.4037C18.271 19.4952 18.0344 19.5423 17.7955 19.5423C17.5565 19.5423 17.3199 19.4952 17.0992 19.4037C16.8785 19.3122 16.678 19.1781 16.5091 19.0091L16.4545 18.9545C16.2403 18.745 15.9682 18.6044 15.6733 18.5509C15.3784 18.4974 15.0742 18.5335 14.8 18.6545C14.5311 18.7698 14.3018 18.9611 14.1403 19.205C13.9788 19.4489 13.8921 19.7347 13.8909 20.0273V20.1818C13.8909 20.664 13.6994 21.1265 13.3584 21.4675C13.0174 21.8084 12.5549 22 12.0727 22C11.5905 22 11.1281 21.8084 10.7871 21.4675C10.4461 21.1265 10.2545 20.664 10.2545 20.1818V20.1C10.2475 19.7991 10.1501 19.5073 9.97501 19.2625C9.79991 19.0176 9.55521 18.8312 9.27273 18.7273C8.99853 18.6063 8.69437 18.5702 8.39947 18.6236C8.10456 18.6771 7.83244 18.8177 7.61818 19.0273L7.56364 19.0818C7.39478 19.2509 7.19425 19.385 6.97353 19.4765C6.7528 19.568 6.51621 19.6151 6.27727 19.6151C6.03834 19.6151 5.80174 19.568 5.58102 19.4765C5.36029 19.385 5.15977 19.2509 4.99091 19.0818C4.82186 18.913 4.68775 18.7124 4.59626 18.4917C4.50476 18.271 4.45766 18.0344 4.45766 17.7955C4.45766 17.5565 4.50476 17.3199 4.59626 17.0992C4.68775 16.8785 4.82186 16.678 4.99091 16.5091L5.04545 16.4545C5.25503 16.2403 5.39562 15.9682 5.4491 15.6733C5.50257 15.3784 5.46647 15.0742 5.34545 14.8C5.23022 14.5311 5.03887 14.3018 4.79497 14.1403C4.55107 13.9788 4.26526 13.8921 3.97273 13.8909H3.81818C3.33597 13.8909 2.87351 13.6994 2.53253 13.3584C2.19156 13.0174 2 12.5549 2 12.0727C2 11.5905 2.19156 11.1281 2.53253 10.7871C2.87351 10.4461 3.33597 10.2545 3.81818 10.2545H3.9C4.2009 10.2475 4.49273 10.1501 4.73754 9.97501C4.98236 9.79991 5.16883 9.55521 5.27273 9.27273C5.39374 8.99853 5.42984 8.69437 5.37637 8.39947C5.3229 8.10456 5.18231 7.83244 4.97273 7.61818L4.91818 7.56364C4.74913 7.39478 4.61503 7.19425 4.52353 6.97353C4.43203 6.7528 4.38493 6.51621 4.38493 6.27727C4.38493 6.03834 4.43203 5.80174 4.52353 5.58102C4.61503 5.36029 4.74913 5.15977 4.91818 4.99091C5.08704 4.82186 5.28757 4.68775 5.50829 4.59626C5.72901 4.50476 5.96561 4.45766 6.20455 4.45766C6.44348 4.45766 6.68008 4.50476 6.9008 4.59626C7.12152 4.68775 7.32205 4.82186 7.49091 4.99091L7.54545 5.04545C7.75971 5.25503 8.03183 5.39562 8.32674 5.4491C8.62164 5.50257 8.9258 5.46647 9.2 5.34545H9.27273C9.54161 5.23022 9.77093 5.03887 9.93245 4.79497C10.094 4.55107 10.1807 4.26526 10.1818 3.97273V3.81818C10.1818 3.33597 10.3734 2.87351 10.7144 2.53253C11.0553 2.19156 11.5178 2 12 2C12.4822 2 12.9447 2.19156 13.2856 2.53253C13.6266 2.87351 13.8182 3.33597 13.8182 3.81818V3.9C13.8193 4.19253 13.906 4.47834 14.0676 4.72224C14.2291 4.96614 14.4584 5.15749 14.7273 5.27273C15.0015 5.39374 15.3056 5.42984 15.6005 5.37637C15.8954 5.3229 16.1676 5.18231 16.3818 4.97273L16.4364 4.91818C16.6052 4.74913 16.8057 4.61503 17.0265 4.52353C17.2472 4.43203 17.4838 4.38493 17.7227 4.38493C17.9617 4.38493 18.1983 4.43203 18.419 4.52353C18.6397 4.61503 18.8402 4.74913 19.0091 4.91818C19.1781 5.08704 19.3122 5.28757 19.4037 5.50829C19.4952 5.72901 19.5423 5.96561 19.5423 6.20455C19.5423 6.44348 19.4952 6.68008 19.4037 6.9008C19.3122 7.12152 19.1781 7.32205 19.0091 7.49091L18.9545 7.54545C18.745 7.75971 18.6044 8.03183 18.5509 8.32674C18.4974 8.62164 18.5335 8.9258 18.6545 9.2V9.27273C18.7698 9.54161 18.9611 9.77093 19.205 9.93245C19.4489 10.094 19.7347 10.1807 20.0273 10.1818H20.1818C20.664 10.1818 21.1265 10.3734 21.4675 10.7144C21.8084 11.0553 22 11.5178 22 12C22 12.4822 21.8084 12.9447 21.4675 13.2856C21.1265 13.6266 20.664 13.8182 20.1818 13.8182H20.1C19.8075 13.8193 19.5217 13.906 19.2778 14.0676C19.0339 14.2291 18.8425 14.4584 18.7273 14.7273Z",
@@ -3036,12 +3422,12 @@ var SettingsIcon = (0, import_react62.forwardRef)(
 );
 
 // src/icons/share.tsx
-var import_react63 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var ShareIcon = (0, import_react63.forwardRef)(
+var import_react72 = require("react");
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var ShareIcon = (0, import_react72.forwardRef)(
   function ShareIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3053,22 +3439,22 @@ var ShareIcon = (0, import_react63.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("g", { opacity: "0.12", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("g", { opacity: "0.12", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               "path",
               {
                 d: "M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z",
                 fill: "currentColor"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               "path",
               {
                 d: "M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z",
                 fill: "currentColor"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               "path",
               {
                 d: "M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z",
@@ -3076,7 +3462,7 @@ var ShareIcon = (0, import_react63.forwardRef)(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "path",
             {
               d: "M8.59 13.51L15.42 17.49M15.41 6.51L8.59 10.49M21 5C21 6.65685 19.6569 8 18 8C16.3431 8 15 6.65685 15 5C15 3.34315 16.3431 2 18 2C19.6569 2 21 3.34315 21 5ZM9 12C9 13.6569 7.65685 15 6 15C4.34315 15 3 13.6569 3 12C3 10.3431 4.34315 9 6 9C7.65685 9 9 10.3431 9 12ZM21 19C21 20.6569 19.6569 22 18 22C16.3431 22 15 20.6569 15 19C15 17.3431 16.3431 16 18 16C19.6569 16 21 17.3431 21 19Z",
@@ -3092,13 +3478,13 @@ var ShareIcon = (0, import_react63.forwardRef)(
   }
 );
 
-// src/icons/skipBack.tsx
-var import_react64 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
-var SkipBackIcon = (0, import_react64.forwardRef)(
-  function SkipBackIcon2(_a, ref) {
+// src/icons/shareArrow.tsx
+var import_react73 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
+var ShareArrowIcon = (0, import_react73.forwardRef)(
+  function ShareArrowIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3110,18 +3496,18 @@ var SkipBackIcon = (0, import_react64.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             "path",
             {
               opacity: "0.12",
-              d: "M19 16.671C19 17.7367 19 18.2696 18.7816 18.5432C18.5916 18.7812 18.3035 18.9197 17.999 18.9194C17.6488 18.919 17.2327 18.5861 16.4005 17.9204L10.5618 13.2494C10.0279 12.8223 9.76102 12.6088 9.66438 12.3508C9.57965 12.1246 9.57965 11.8754 9.66438 11.6492C9.76102 11.3912 10.0279 11.1777 10.5618 10.7506L16.4005 6.07961C17.2327 5.41388 17.6488 5.08101 17.999 5.08063C18.3035 5.0803 18.5916 5.21876 18.7816 5.45678C19 5.73045 19 6.2633 19 7.329V16.671Z",
+              d: "M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V14L10 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             "path",
             {
-              d: "M5 19V5M16.4005 6.07961L10.5617 10.7506C10.0279 11.1777 9.76097 11.3912 9.66433 11.6492C9.5796 11.8754 9.5796 12.1246 9.66433 12.3508C9.76097 12.6088 10.0279 12.8223 10.5617 13.2494L16.4005 17.9204C17.2327 18.5861 17.6487 18.919 17.9989 18.9194C18.3035 18.9197 18.5916 18.7812 18.7815 18.5432C19 18.2695 19 17.7367 19 16.671V7.329C19 6.2633 19 5.73045 18.7815 5.45677C18.5916 5.21876 18.3035 5.0803 17.9989 5.08063C17.6487 5.081 17.2327 5.41387 16.4005 6.07961Z",
+              d: "M21 9.00001L21 3.00001M21 3.00001H15M21 3.00001L12 12M10 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V14",
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
@@ -3134,13 +3520,13 @@ var SkipBackIcon = (0, import_react64.forwardRef)(
   }
 );
 
-// src/icons/skipForward.tsx
-var import_react65 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
-var SkipForwardIcon = (0, import_react65.forwardRef)(
-  function SkipForwardIcon2(_a, ref) {
+// src/icons/skipBack.tsx
+var import_react74 = require("react");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var SkipBackIcon = (0, import_react74.forwardRef)(
+  function SkipBackIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3152,18 +3538,18 @@ var SkipForwardIcon = (0, import_react65.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "path",
             {
               opacity: "0.12",
-              d: "M5 7.329C5 6.2633 5 5.73045 5.21846 5.45678C5.40845 5.21876 5.69654 5.0803 6.00108 5.08063C6.35125 5.08101 6.76734 5.41387 7.59951 6.07961L13.4383 10.7506C13.9721 11.1777 14.239 11.3912 14.3357 11.6492C14.4204 11.8754 14.4204 12.1246 14.3357 12.3508C14.239 12.6088 13.9721 12.8223 13.4383 13.2494L7.59951 17.9204C6.76734 18.5861 6.35125 18.919 6.00108 18.9194C5.69654 18.9197 5.40845 18.7812 5.21846 18.5432C5 18.2696 5 17.7367 5 16.671V7.329Z",
+              d: "M19 16.671C19 17.7367 19 18.2696 18.7816 18.5432C18.5916 18.7812 18.3035 18.9197 17.999 18.9194C17.6488 18.919 17.2327 18.5861 16.4005 17.9204L10.5618 13.2494C10.0279 12.8223 9.76102 12.6088 9.66438 12.3508C9.57965 12.1246 9.57965 11.8754 9.66438 11.6492C9.76102 11.3912 10.0279 11.1777 10.5618 10.7506L16.4005 6.07961C17.2327 5.41388 17.6488 5.08101 17.999 5.08063C18.3035 5.0803 18.5916 5.21876 18.7816 5.45678C19 5.73045 19 6.2633 19 7.329V16.671Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "path",
             {
-              d: "M19 5V19M7.59951 17.9204L13.4383 13.2494C13.9721 12.8223 14.239 12.6088 14.3357 12.3508C14.4204 12.1246 14.4204 11.8754 14.3357 11.6492C14.239 11.3912 13.9721 11.1777 13.4383 10.7506L7.59951 6.07961C6.76734 5.41387 6.35125 5.081 6.00108 5.08063C5.69654 5.0803 5.40845 5.21876 5.21846 5.45677C5 5.73045 5 6.2633 5 7.329V16.671C5 17.7367 5 18.2695 5.21846 18.5432C5.40845 18.7812 5.69654 18.9197 6.00108 18.9194C6.35125 18.919 6.76734 18.5861 7.59951 17.9204Z",
+              d: "M5 19V5M16.4005 6.07961L10.5617 10.7506C10.0279 11.1777 9.76097 11.3912 9.66433 11.6492C9.5796 11.8754 9.5796 12.1246 9.66433 12.3508C9.76097 12.6088 10.0279 12.8223 10.5617 13.2494L16.4005 17.9204C17.2327 18.5861 17.6487 18.919 17.9989 18.9194C18.3035 18.9197 18.5916 18.7812 18.7815 18.5432C19 18.2695 19 17.7367 19 16.671V7.329C19 6.2633 19 5.73045 18.7815 5.45677C18.5916 5.21876 18.3035 5.0803 17.9989 5.08063C17.6487 5.081 17.2327 5.41387 16.4005 6.07961Z",
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
@@ -3176,13 +3562,13 @@ var SkipForwardIcon = (0, import_react65.forwardRef)(
   }
 );
 
-// src/icons/stars.tsx
-var import_react66 = require("react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
-var StarsIcon = (0, import_react66.forwardRef)(
-  function StarsIcon2(_a, ref) {
+// src/icons/skipForward.tsx
+var import_react75 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var SkipForwardIcon = (0, import_react75.forwardRef)(
+  function SkipForwardIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3194,18 +3580,18 @@ var StarsIcon = (0, import_react66.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "path",
             {
               opacity: "0.12",
-              d: "M13 3L14.7342 7.50886C15.0162 8.24209 15.1572 8.60871 15.3765 8.91709C15.5708 9.1904 15.8096 9.42919 16.0829 9.62353C16.3913 9.8428 16.7579 9.98381 17.4911 10.2658L22 12L17.4911 13.7342C16.7579 14.0162 16.3913 14.1572 16.0829 14.3765C15.8096 14.5708 15.5708 14.8096 15.3765 15.0829C15.1572 15.3913 15.0162 15.7579 14.7342 16.4911L13 21L11.2658 16.4911C10.9838 15.7579 10.8428 15.3913 10.6235 15.0829C10.4292 14.8096 10.1904 14.5708 9.91709 14.3765C9.60871 14.1572 9.24209 14.0162 8.50886 13.7342L4 12L8.50886 10.2658C9.24209 9.98381 9.60871 9.8428 9.91709 9.62353C10.1904 9.42919 10.4292 9.1904 10.6235 8.91709C10.8428 8.60871 10.9838 8.24209 11.2658 7.50886L13 3Z",
+              d: "M5 7.329C5 6.2633 5 5.73045 5.21846 5.45678C5.40845 5.21876 5.69654 5.0803 6.00108 5.08063C6.35125 5.08101 6.76734 5.41387 7.59951 6.07961L13.4383 10.7506C13.9721 11.1777 14.239 11.3912 14.3357 11.6492C14.4204 11.8754 14.4204 12.1246 14.3357 12.3508C14.239 12.6088 13.9721 12.8223 13.4383 13.2494L7.59951 17.9204C6.76734 18.5861 6.35125 18.919 6.00108 18.9194C5.69654 18.9197 5.40845 18.7812 5.21846 18.5432C5 18.2696 5 17.7367 5 16.671V7.329Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             "path",
             {
-              d: "M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.8428 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z",
+              d: "M19 5V19M7.59951 17.9204L13.4383 13.2494C13.9721 12.8223 14.239 12.6088 14.3357 12.3508C14.4204 12.1246 14.4204 11.8754 14.3357 11.6492C14.239 11.3912 13.9721 11.1777 13.4383 10.7506L7.59951 6.07961C6.76734 5.41387 6.35125 5.081 6.00108 5.08063C5.69654 5.0803 5.40845 5.21876 5.21846 5.45677C5 5.73045 5 6.2633 5 7.329V16.671C5 17.7367 5 18.2695 5.21846 18.5432C5.40845 18.7812 5.69654 18.9197 6.00108 18.9194C6.35125 18.919 6.76734 18.5861 7.59951 17.9204Z",
               stroke: "currentColor",
               strokeWidth: "2",
               strokeLinecap: "round",
@@ -3218,13 +3604,55 @@ var StarsIcon = (0, import_react66.forwardRef)(
   }
 );
 
-// src/icons/trash.tsx
-var import_react67 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var TrashIcon = (0, import_react67.forwardRef)(
+// src/icons/stars.tsx
+var import_react76 = require("react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var StarsIcon = (0, import_react76.forwardRef)(
+  function StarsIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            "path",
+            {
+              opacity: "0.12",
+              d: "M13 3L14.7342 7.50886C15.0162 8.24209 15.1572 8.60871 15.3765 8.91709C15.5708 9.1904 15.8096 9.42919 16.0829 9.62353C16.3913 9.8428 16.7579 9.98381 17.4911 10.2658L22 12L17.4911 13.7342C16.7579 14.0162 16.3913 14.1572 16.0829 14.3765C15.8096 14.5708 15.5708 14.8096 15.3765 15.0829C15.1572 15.3913 15.0162 15.7579 14.7342 16.4911L13 21L11.2658 16.4911C10.9838 15.7579 10.8428 15.3913 10.6235 15.0829C10.4292 14.8096 10.1904 14.5708 9.91709 14.3765C9.60871 14.1572 9.24209 14.0162 8.50886 13.7342L4 12L8.50886 10.2658C9.24209 9.98381 9.60871 9.8428 9.91709 9.62353C10.1904 9.42919 10.4292 9.1904 10.6235 8.91709C10.8428 8.60871 10.9838 8.24209 11.2658 7.50886L13 3Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            "path",
+            {
+              d: "M4.5 22V17M4.5 7V2M2 4.5H7M2 19.5H7M13 3L11.2658 7.50886C10.9838 8.24209 10.8428 8.60871 10.6235 8.91709C10.4292 9.1904 10.1904 9.42919 9.91709 9.62353C9.60871 9.8428 9.24209 9.98381 8.50886 10.2658L4 12L8.50886 13.7342C9.24209 14.0162 9.60871 14.1572 9.91709 14.3765C10.1904 14.5708 10.4292 14.8096 10.6235 15.0829C10.8428 15.3913 10.9838 15.7579 11.2658 16.4911L13 21L14.7342 16.4911C15.0162 15.7579 15.1572 15.3913 15.3765 15.0829C15.5708 14.8096 15.8096 14.5708 16.0829 14.3765C16.3913 14.1572 16.7579 14.0162 17.4911 13.7342L22 12L17.4911 10.2658C16.7579 9.98381 16.3913 9.8428 16.0829 9.62353C15.8096 9.42919 15.5708 9.1904 15.3765 8.91709C15.1572 8.60871 15.0162 8.24209 14.7342 7.50886L13 3Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/icons/trash.tsx
+var import_react77 = require("react");
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var TrashIcon = (0, import_react77.forwardRef)(
   function TrashIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3236,7 +3664,7 @@ var TrashIcon = (0, import_react67.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3244,7 +3672,7 @@ var TrashIcon = (0, import_react67.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             "path",
             {
               d: "M9 3H15M3 6H21M19 6L18.2987 16.5193C18.1935 18.0975 18.1409 18.8867 17.8 19.485C17.4999 20.0118 17.0472 20.4353 16.5017 20.6997C15.882 21 15.0911 21 13.5093 21H10.4907C8.90891 21 8.11803 21 7.49834 20.6997C6.95276 20.4353 6.50009 20.0118 6.19998 19.485C5.85911 18.8867 5.8065 18.0975 5.70129 16.5193L5 6M10 10.5V15.5M14 10.5V15.5",
@@ -3261,12 +3689,12 @@ var TrashIcon = (0, import_react67.forwardRef)(
 );
 
 // src/icons/trendDown.tsx
-var import_react68 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var TrendDownIcon = (0, import_react68.forwardRef)(
+var import_react78 = require("react");
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var TrendDownIcon = (0, import_react78.forwardRef)(
   function TrendDownIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3277,7 +3705,7 @@ var TrendDownIcon = (0, import_react68.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
           "path",
           {
             d: "M22 17L14.1314 9.13137C13.7354 8.73535 13.5373 8.53735 13.309 8.46316C13.1082 8.3979 12.8918 8.3979 12.691 8.46316C12.4627 8.53735 12.2646 8.73535 11.8686 9.13137L9.13137 11.8686C8.73535 12.2646 8.53735 12.4627 8.30902 12.5368C8.10817 12.6021 7.89183 12.6021 7.69098 12.5368C7.46265 12.4627 7.26465 12.2646 6.86863 11.8686L2 7M22 17H15M22 17V10",
@@ -3293,12 +3721,12 @@ var TrendDownIcon = (0, import_react68.forwardRef)(
 );
 
 // src/icons/trendUp.tsx
-var import_react69 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var TrendUpIcon = (0, import_react69.forwardRef)(
+var import_react79 = require("react");
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var TrendUpIcon = (0, import_react79.forwardRef)(
   function TrendUpIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3309,7 +3737,7 @@ var TrendUpIcon = (0, import_react69.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
           "path",
           {
             d: "M22 7L14.1314 14.8686C13.7354 15.2646 13.5373 15.4627 13.309 15.5368C13.1082 15.6021 12.8918 15.6021 12.691 15.5368C12.4627 15.4627 12.2646 15.2646 11.8686 14.8686L9.13137 12.1314C8.73535 11.7354 8.53735 11.5373 8.30902 11.4632C8.10817 11.3979 7.89183 11.3979 7.69098 11.4632C7.46265 11.5373 7.26465 11.7354 6.86863 12.1314L2 17M22 7H15M22 7V14",
@@ -3325,11 +3753,11 @@ var TrendUpIcon = (0, import_react69.forwardRef)(
 );
 
 // src/icons/user.tsx
-var import_react70 = require("react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
-var UserIcon = (0, import_react70.forwardRef)(function UserIcon2(_a, ref) {
+var import_react80 = require("react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var UserIcon = (0, import_react80.forwardRef)(function UserIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       ref,
@@ -3341,7 +3769,7 @@ var UserIcon = (0, import_react70.forwardRef)(function UserIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "path",
           {
             opacity: "0.12",
@@ -3349,7 +3777,7 @@ var UserIcon = (0, import_react70.forwardRef)(function UserIcon2(_a, ref) {
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
           "path",
           {
             d: "M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",
@@ -3365,12 +3793,12 @@ var UserIcon = (0, import_react70.forwardRef)(function UserIcon2(_a, ref) {
 });
 
 // src/icons/userPlus.tsx
-var import_react71 = require("react");
-var import_jsx_runtime73 = require("react/jsx-runtime");
-var UserPlusIcon = (0, import_react71.forwardRef)(
+var import_react81 = require("react");
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var UserPlusIcon = (0, import_react81.forwardRef)(
   function UserPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3382,7 +3810,7 @@ var UserPlusIcon = (0, import_react71.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3390,7 +3818,7 @@ var UserPlusIcon = (0, import_react71.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "path",
             {
               d: "M12 15.5H7.5C6.10444 15.5 5.40665 15.5 4.83886 15.6722C3.56045 16.06 2.56004 17.0605 2.17224 18.3389C2 18.9067 2 19.6044 2 21M19 21V15M16 18H22M14.5 7.5C14.5 9.98528 12.4853 12 10 12C7.51472 12 5.5 9.98528 5.5 7.5C5.5 5.01472 7.51472 3 10 3C12.4853 3 14.5 5.01472 14.5 7.5Z",
@@ -3407,12 +3835,12 @@ var UserPlusIcon = (0, import_react71.forwardRef)(
 );
 
 // src/icons/userX.tsx
-var import_react72 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
-var UserXIcon = (0, import_react72.forwardRef)(
+var import_react82 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
+var UserXIcon = (0, import_react82.forwardRef)(
   function UserXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3424,7 +3852,7 @@ var UserXIcon = (0, import_react72.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3432,7 +3860,7 @@ var UserXIcon = (0, import_react72.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
             "path",
             {
               d: "M16.5 16L21.5 21M21.5 16L16.5 21M12 15.5H7.5C6.10444 15.5 5.40665 15.5 4.83886 15.6722C3.56045 16.06 2.56004 17.0605 2.17224 18.3389C2 18.9067 2 19.6044 2 21M14.5 7.5C14.5 9.98528 12.4853 12 10 12C7.51472 12 5.5 9.98528 5.5 7.5C5.5 5.01472 7.51472 3 10 3C12.4853 3 14.5 5.01472 14.5 7.5Z",
@@ -3449,12 +3877,12 @@ var UserXIcon = (0, import_react72.forwardRef)(
 );
 
 // src/icons/users.tsx
-var import_react73 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var UsersIcon = (0, import_react73.forwardRef)(
+var import_react83 = require("react");
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var UsersIcon = (0, import_react83.forwardRef)(
   function UsersIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3466,7 +3894,7 @@ var UsersIcon = (0, import_react73.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3474,7 +3902,7 @@ var UsersIcon = (0, import_react73.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "path",
             {
               d: "M22 21V19C22 17.1362 20.7252 15.5701 19 15.126M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M17 21C17 19.1362 17 18.2044 16.6955 17.4693C16.2895 16.4892 15.5108 15.7105 14.5307 15.3045C13.7956 15 12.8638 15 11 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
@@ -3491,12 +3919,12 @@ var UsersIcon = (0, import_react73.forwardRef)(
 );
 
 // src/icons/usersPlus.tsx
-var import_react74 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var UsersPlusIcon = (0, import_react74.forwardRef)(
+var import_react84 = require("react");
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var UsersPlusIcon = (0, import_react84.forwardRef)(
   function UsersPlusIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3508,7 +3936,7 @@ var UsersPlusIcon = (0, import_react74.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3516,7 +3944,7 @@ var UsersPlusIcon = (0, import_react74.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             "path",
             {
               d: "M19 21V15M16 18H22M12 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
@@ -3533,12 +3961,12 @@ var UsersPlusIcon = (0, import_react74.forwardRef)(
 );
 
 // src/icons/usersX.tsx
-var import_react75 = require("react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var UsersXIcon = (0, import_react75.forwardRef)(
+var import_react85 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var UsersXIcon = (0, import_react85.forwardRef)(
   function UsersXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3550,7 +3978,7 @@ var UsersXIcon = (0, import_react75.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3558,7 +3986,7 @@ var UsersXIcon = (0, import_react75.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "path",
             {
               d: "M16.5 16L21.5 21M21.5 16L16.5 21M15.5 3.29076C16.9659 3.88415 18 5.32131 18 7C18 8.67869 16.9659 10.1159 15.5 10.7092M12 15H8C6.13623 15 5.20435 15 4.46927 15.3045C3.48915 15.7105 2.71046 16.4892 2.30448 17.4693C2 18.2044 2 19.1362 2 21M13.5 7C13.5 9.20914 11.7091 11 9.5 11C7.29086 11 5.5 9.20914 5.5 7C5.5 4.79086 7.29086 3 9.5 3C11.7091 3 13.5 4.79086 13.5 7Z",
@@ -3575,12 +4003,12 @@ var UsersXIcon = (0, import_react75.forwardRef)(
 );
 
 // src/icons/videoRecorder.tsx
-var import_react76 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var VideoRecorderIcon = (0, import_react76.forwardRef)(
+var import_react86 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var VideoRecorderIcon = (0, import_react86.forwardRef)(
   function VideoRecorderIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3592,7 +4020,7 @@ var VideoRecorderIcon = (0, import_react76.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3604,7 +4032,7 @@ var VideoRecorderIcon = (0, import_react76.forwardRef)(
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "path",
             {
               d: "M22 8.93137C22 8.32555 22 8.02265 21.8802 7.88238C21.7763 7.76068 21.6203 7.69609 21.4608 7.70865C21.2769 7.72312 21.0627 7.93731 20.6343 8.36569L17 12L20.6343 15.6343C21.0627 16.0627 21.2769 16.2769 21.4608 16.2914C21.6203 16.3039 21.7763 16.2393 21.8802 16.1176C22 15.9774 22 15.6744 22 15.0686V8.93137Z",
@@ -3615,7 +4043,7 @@ var VideoRecorderIcon = (0, import_react76.forwardRef)(
             }
           ),
           ",",
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "path",
             {
               d: "M2 9.8C2 8.11984 2 7.27976 2.32698 6.63803C2.6146 6.07354 3.07354 5.6146 3.63803 5.32698C4.27976 5 5.11984 5 6.8 5H12.2C13.8802 5 14.7202 5 15.362 5.32698C15.9265 5.6146 16.3854 6.07354 16.673 6.63803C17 7.27976 17 8.11984 17 9.8V14.2C17 15.8802 17 16.7202 16.673 17.362C16.3854 17.9265 15.9265 18.3854 15.362 18.673C14.7202 19 13.8802 19 12.2 19H6.8C5.11984 19 4.27976 19 3.63803 18.673C3.07354 18.3854 2.6146 17.9265 2.32698 17.362C2 16.7202 2 15.8802 2 14.2V9.8Z",
@@ -3632,12 +4060,12 @@ var VideoRecorderIcon = (0, import_react76.forwardRef)(
 );
 
 // src/icons/videoRecorderOff.tsx
-var import_react77 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
-var VideoRecorderOffIcon = (0, import_react77.forwardRef)(
+var import_react87 = require("react");
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var VideoRecorderOffIcon = (0, import_react87.forwardRef)(
   function VideoRecorderOffIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3649,7 +4077,7 @@ var VideoRecorderOffIcon = (0, import_react77.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3661,7 +4089,7 @@ var VideoRecorderOffIcon = (0, import_react77.forwardRef)(
               strokeLinejoin: "round"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             "path",
             {
               d: "M5 5C3.34315 5 2 6.34315 2 8V16C2 17.6569 3.34315 19 5 19H14C15.3527 19 16.4962 18.1048 16.8705 16.8745M17 12L20.6343 8.36569C21.0627 7.93731 21.2769 7.72312 21.4608 7.70865C21.6203 7.69609 21.7763 7.76068 21.8802 7.88238C22 8.02265 22 8.32556 22 8.93137V15.0686C22 15.6744 22 15.9774 21.8802 16.1176C21.7763 16.2393 21.6203 16.3039 21.4608 16.2914C21.2769 16.2769 21.0627 16.0627 20.6343 15.6343L17 12ZM17 12V9.8C17 8.11984 17 7.27976 16.673 6.63803C16.3854 6.07354 15.9265 5.6146 15.362 5.32698C14.7202 5 13.8802 5 12.2 5H9.5M2 2L22 22",
@@ -3678,12 +4106,12 @@ var VideoRecorderOffIcon = (0, import_react77.forwardRef)(
 );
 
 // src/icons/volumeMax.tsx
-var import_react78 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-var VolumeMaxIcon = (0, import_react78.forwardRef)(
+var import_react88 = require("react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var VolumeMaxIcon = (0, import_react88.forwardRef)(
   function VolumeMaxIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3695,7 +4123,7 @@ var VolumeMaxIcon = (0, import_react78.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3703,7 +4131,7 @@ var VolumeMaxIcon = (0, import_react78.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "path",
             {
               d: "M19.7479 4.99999C21.1652 6.97023 22 9.38762 22 12C22 14.6124 21.1652 17.0298 19.7479 19M15.7453 7.99999C16.5362 9.13382 17 10.5127 17 12C17 13.4872 16.5362 14.8662 15.7453 16M9.63432 4.36567L6.46863 7.53136C6.29568 7.70431 6.2092 7.79079 6.10828 7.85263C6.01881 7.90746 5.92127 7.94786 5.81923 7.97236C5.70414 7.99999 5.58185 7.99999 5.33726 7.99999H3.6C3.03995 7.99999 2.75992 7.99999 2.54601 8.10898C2.35785 8.20485 2.20487 8.35784 2.10899 8.546C2 8.75991 2 9.03994 2 9.59999V14.4C2 14.96 2 15.2401 2.10899 15.454C2.20487 15.6421 2.35785 15.7951 2.54601 15.891C2.75992 16 3.03995 16 3.6 16H5.33726C5.58185 16 5.70414 16 5.81923 16.0276C5.92127 16.0521 6.01881 16.0925 6.10828 16.1473C6.2092 16.2092 6.29568 16.2957 6.46863 16.4686L9.63431 19.6343C10.0627 20.0627 10.2769 20.2769 10.4608 20.2913C10.6203 20.3039 10.7763 20.2393 10.8802 20.1176C11 19.9773 11 19.6744 11 19.0686V4.93136C11 4.32554 11 4.02264 10.8802 3.88237C10.7763 3.76067 10.6203 3.69608 10.4608 3.70864C10.2769 3.72311 10.0627 3.9373 9.63432 4.36567Z",
@@ -3720,12 +4148,12 @@ var VolumeMaxIcon = (0, import_react78.forwardRef)(
 );
 
 // src/icons/volumeX.tsx
-var import_react79 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var VolumeXIcon = (0, import_react79.forwardRef)(
+var import_react89 = require("react");
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var VolumeXIcon = (0, import_react89.forwardRef)(
   function VolumeXIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3737,7 +4165,7 @@ var VolumeXIcon = (0, import_react79.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3745,7 +4173,7 @@ var VolumeXIcon = (0, import_react79.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "path",
             {
               d: "M22 8.99999L16 15M16 8.99999L22 15M9.63432 4.36567L6.46863 7.53136C6.29568 7.70431 6.2092 7.79079 6.10828 7.85263C6.01881 7.90746 5.92127 7.94786 5.81923 7.97236C5.70414 7.99999 5.58185 7.99999 5.33726 7.99999H3.6C3.03995 7.99999 2.75992 7.99999 2.54601 8.10898C2.35785 8.20485 2.20487 8.35784 2.10899 8.546C2 8.75991 2 9.03994 2 9.59999V14.4C2 14.96 2 15.2401 2.10899 15.454C2.20487 15.6421 2.35785 15.7951 2.54601 15.891C2.75992 16 3.03995 16 3.6 16H5.33726C5.58185 16 5.70414 16 5.81923 16.0276C5.92127 16.0521 6.01881 16.0925 6.10828 16.1473C6.2092 16.2092 6.29568 16.2957 6.46863 16.4686L9.63431 19.6343C10.0627 20.0627 10.2769 20.2769 10.4608 20.2913C10.6203 20.3039 10.7763 20.2393 10.8802 20.1176C11 19.9773 11 19.6744 11 19.0686V4.93136C11 4.32554 11 4.02264 10.8802 3.88237C10.7763 3.76067 10.6203 3.69608 10.4608 3.70864C10.2769 3.72311 10.0627 3.9373 9.63432 4.36567Z",
@@ -3762,12 +4190,12 @@ var VolumeXIcon = (0, import_react79.forwardRef)(
 );
 
 // src/icons/xCircle.tsx
-var import_react80 = require("react");
-var import_jsx_runtime82 = require("react/jsx-runtime");
-var XCircleIcon = (0, import_react80.forwardRef)(
+var import_react90 = require("react");
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var XCircleIcon = (0, import_react90.forwardRef)(
   function XCircleIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3779,7 +4207,7 @@ var XCircleIcon = (0, import_react80.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             "path",
             {
               opacity: "0.12",
@@ -3787,7 +4215,7 @@ var XCircleIcon = (0, import_react80.forwardRef)(
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             "path",
             {
               d: "M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",
@@ -3804,12 +4232,12 @@ var XCircleIcon = (0, import_react80.forwardRef)(
 );
 
 // src/icons/xClose.tsx
-var import_react81 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
-var XCloseIcon = (0, import_react81.forwardRef)(
+var import_react91 = require("react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var XCloseIcon = (0, import_react91.forwardRef)(
   function XCloseIcon2(_a, ref) {
-    var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    var _b = _a, { size = 24, className = "text-gray-1000", duotone } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "svg",
       __spreadProps(__spreadValues({
         ref,
@@ -3820,7 +4248,7 @@ var XCloseIcon = (0, import_react81.forwardRef)(
         xmlns: "http://www.w3.org/2000/svg",
         className
       }, other), {
-        children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "path",
           {
             d: "M18 6L6 18M6 6L18 18",
@@ -3836,7 +4264,7 @@ var XCloseIcon = (0, import_react81.forwardRef)(
 );
 
 // src/components/Calendar/Calendar.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -3847,7 +4275,7 @@ function Calendar(_a) {
     "classNames",
     "showOutsideDays"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       showOutsideDays,
@@ -3877,24 +4305,39 @@ function Calendar(_a) {
         day_hidden: "invisible"
       }, classNames),
       components: {
-        IconLeft: (_a2) => {
-          var props2 = __objRest(_a2, []);
-          return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronLeftIcon, { className: "h-3 w-3" });
-        },
-        IconRight: (_b2) => {
-          var props2 = __objRest(_b2, []);
-          return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronRightIcon, { className: "h-3 w-3" });
-        }
+        IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronLeftIcon, { className: "h-3 w-3" }),
+        IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronRightIcon, { className: "h-3 w-3" })
       }
     }, props)
   );
 }
 Calendar.displayName = "Calendar";
 
-// src/components/Dialog/Dialog.tsx
+// src/components/Checkbox/Checkbox.tsx
 var React5 = __toESM(require("react"));
+var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var Checkbox = React5.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    CheckboxPrimitive.Root,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex h-4 w-4 appearance-none items-center justify-center rounded bg-gray-50 border-gray-200 border outline-none data-[state=checked]:bg-blue-700 data-[state=checked]:border-blue-700 data-[disabled]:opacity-40 data-[disabled]:cursor-not-allowed",
+        className
+      )
+    }, props), {
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CheckboxPrimitive.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CheckIcon, { size: 10, className: "text-white" }) })
+    })
+  );
+});
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/Dialog/Dialog.tsx
+var React6 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = (_a) => {
@@ -3903,12 +4346,12 @@ var DialogPortal = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DialogPrimitive.Portal, __spreadValues({ className: cn(className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DialogPrimitive.Portal, __spreadValues({ className: cn(className) }, props));
 };
 DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-var DialogOverlay = React5.forwardRef((_a, ref) => {
+var DialogOverlay = React6.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     DialogPrimitive.Overlay,
     __spreadValues({
       ref,
@@ -3920,11 +4363,11 @@ var DialogOverlay = React5.forwardRef((_a, ref) => {
   );
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React5.forwardRef((_a, ref) => {
+var DialogContent = React6.forwardRef((_a, ref) => {
   var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DialogPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DialogOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       DialogPrimitive.Content,
       __spreadProps(__spreadValues({
         ref,
@@ -3935,7 +4378,7 @@ var DialogContent = React5.forwardRef((_a, ref) => {
       }, props), {
         children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
             DialogPrimitive.Close,
             {
               className: cn(
@@ -3944,8 +4387,8 @@ var DialogContent = React5.forwardRef((_a, ref) => {
                 "absolute right-6 top-6"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(XCloseIcon, { className: "h-3 w-3" }),
-                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(XCloseIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -3961,7 +4404,7 @@ var DialogHeader = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3978,7 +4421,7 @@ var DialogFooter = (_a) => {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     "div",
     __spreadValues({
       className: cn(
@@ -3989,9 +4432,9 @@ var DialogFooter = (_a) => {
   );
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React5.forwardRef((_a, ref) => {
+var DialogTitle = React6.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     DialogPrimitive.Title,
     __spreadValues({
       ref,
@@ -4000,9 +4443,9 @@ var DialogTitle = React5.forwardRef((_a, ref) => {
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React5.forwardRef((_a, ref) => {
+var DialogDescription = React6.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     DialogPrimitive.Description,
     __spreadValues({
       ref,
@@ -4012,15 +4455,442 @@ var DialogDescription = React5.forwardRef((_a, ref) => {
 });
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
+// src/components/DropdownMenu/DropdownMenu.tsx
+var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
+var import_react92 = __toESM(require("react"));
+var import_jsx_runtime97 = require("react/jsx-runtime");
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuItemBase = ({
+  icon,
+  checkbox,
+  className,
+  checked,
+  children,
+  destructive,
+  description,
+  hasSubNav
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    "div",
+    {
+      className: cn(
+        "mx-1 px-2 py-1.5 text-sm flex flex-col gap-1 text-gray-1000 rounded-md cursor-pointer group-focus-within:bg-gray-100 group-data-[disabled]:cursor-not-allowed group-data-[disabled]:opacity-50 group-hover:bg-gray-50 group-active:bg-gray-100 group-data-[state=checked]:bg-gray-50",
+        { "text-red-700 font-medium": destructive },
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2", children: [
+          checkbox && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Checkbox, { checked }),
+          icon && import_react92.default.cloneElement(icon, {
+            size: 16,
+            className: cn(
+              "flex-shrink-0",
+              { "text-red-700": destructive },
+              icon.props.className
+            )
+          }),
+          children,
+          hasSubNav && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "inline-flex items-center justify-end grow", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ChevronRightIcon, { size: 16, className: "text-gray-1000" }) })
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "text-xs text-gray-700", children: description })
+      ]
+    }
+  );
+};
+var DropdownMenuCheckboxItem = import_react92.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { className, children, checked, icon, description, destructive } = _b, props = __objRest(_b, ["className", "children", "checked", "icon", "description", "destructive"]);
+    const extraProps = {
+      description,
+      destructive,
+      icon,
+      checked,
+      className
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DropdownMenuPrimitive.CheckboxItem,
+      __spreadProps(__spreadValues({
+        checked
+      }, props), {
+        ref: forwardedRef,
+        className: "outline-none select-none group",
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DropdownMenuItemBase, __spreadProps(__spreadValues({ checkbox: true }, extraProps), { children }))
+      })
+    );
+  }
+);
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuContent = import_react92.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, {
+      children,
+      className,
+      side = "bottom",
+      sideOffset = 8,
+      align = "start"
+    } = _b, props = __objRest(_b, [
+      "children",
+      "className",
+      "side",
+      "sideOffset",
+      "align"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DropdownMenuPrimitive.Content,
+      __spreadProps(__spreadValues({
+        className: cn(
+          "min-w-[144px] bg-white rounded-md py-1 shadow-dropdown-sm border border-gray-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          className
+        ),
+        side,
+        sideOffset,
+        align
+      }, props), {
+        ref: forwardedRef,
+        children
+      })
+    );
+  }
+);
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuItem = import_react92.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { className, children, icon, description, destructive } = _b, props = __objRest(_b, ["className", "children", "icon", "description", "destructive"]);
+    const extraProps = {
+      description,
+      destructive,
+      icon,
+      className
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DropdownMenuPrimitive.Item,
+      __spreadProps(__spreadValues({}, props), {
+        ref: forwardedRef,
+        className: "outline-none select-none group",
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DropdownMenuItemBase, __spreadProps(__spreadValues({}, extraProps), { children }))
+      })
+    );
+  }
+);
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuLabel = import_react92.default.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    DropdownMenuPrimitive.Label,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "mx-1 px-2 py-1.5 text-sm font-medium text-gray-1000",
+        className
+      )
+    }, props), {
+      ref: forwardedRef
+    })
+  );
+});
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuRadioItem = import_react92.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { className, children, icon, description, destructive } = _b, props = __objRest(_b, ["className", "children", "icon", "description", "destructive"]);
+    const extraProps = {
+      description,
+      destructive,
+      icon,
+      className
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DropdownMenuPrimitive.RadioItem,
+      __spreadProps(__spreadValues({}, props), {
+        ref: forwardedRef,
+        className: "outline-none select-none group",
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DropdownMenuItemBase, __spreadProps(__spreadValues({}, extraProps), { children }))
+      })
+    );
+  }
+);
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuSeparator = import_react92.default.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    DropdownMenuPrimitive.Separator,
+    __spreadProps(__spreadValues({
+      className: cn("my-1 border-b border-gray-200", className)
+    }, props), {
+      ref: forwardedRef
+    })
+  );
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuSubContent = import_react92.default.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { children, className, sideOffset = 8 } = _b, props = __objRest(_b, ["children", "className", "sideOffset"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    DropdownMenuPrimitive.SubContent,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "min-w-[144px] bg-white rounded-md py-1 shadow-dropdown-sm border border-gray-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      sideOffset
+    }, props), {
+      ref: forwardedRef,
+      children
+    })
+  );
+});
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuSubTrigger = import_react92.default.forwardRef(
+  (_a, forwardedRef) => {
+    var _b = _a, { className, children, icon, description, destructive } = _b, props = __objRest(_b, ["className", "children", "icon", "description", "destructive"]);
+    const extraProps = {
+      description,
+      destructive,
+      icon,
+      className
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      DropdownMenuPrimitive.SubTrigger,
+      __spreadProps(__spreadValues({}, props), {
+        ref: forwardedRef,
+        className: "outline-none select-none group",
+        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DropdownMenuItemBase, __spreadProps(__spreadValues({ hasSubNav: true }, extraProps), { children }))
+      })
+    );
+  }
+);
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+
+// src/components/Form/Form.tsx
+var React9 = __toESM(require("react"));
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_react_hook_form = require("react-hook-form");
+
+// src/components/Label/Label.tsx
+var React8 = __toESM(require("react"));
+var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var Label2 = React8.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      )
+    }, props)
+  );
+});
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/Form/Form.tsx
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var Form = import_react_hook_form.FormProvider;
+var FormFieldContext = React9.createContext(
+  {}
+);
+var FormField = (_a) => {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    FormFieldContext.Provider,
+    {
+      value: { name: props.name, isDisabled: props.disabled },
+      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react_hook_form.Controller, __spreadValues({}, props))
+    }
+  );
+};
+var useFormField = () => {
+  const fieldContext = React9.useContext(FormFieldContext);
+  const itemContext = React9.useContext(FormItemContext);
+  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return __spreadValues({
+    id,
+    name: fieldContext.name,
+    isDisabled: fieldContext.isDisabled,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`
+  }, fieldState);
+};
+var FormItemContext = React9.createContext(
+  {}
+);
+var FormItem = React9.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const id = React9.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex flex-col gap-1.5", className)
+    }, props)
+  ) });
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React9.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { isDisabled, formItemId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    Label2,
+    __spreadValues({
+      ref,
+      className: cn(isDisabled && "opacity-50 cursor-not-allowed", className),
+      htmlFor: formItemId
+    }, props)
+  );
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React9.forwardRef((_a, ref) => {
+  var props = __objRest(_a, []);
+  const { error, isDisabled, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    import_react_slot2.Slot,
+    __spreadValues({
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      "data-has-error": !!error,
+      "data-is-disabled": isDisabled
+    }, props)
+  );
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React9.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { formDescriptionId, isDisabled } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    "p",
+    __spreadValues({
+      ref,
+      id: formDescriptionId,
+      className: cn(
+        "text-sm text-gray-700",
+        { "opacity-50 cursor-not-allowed": isDisabled },
+        className
+      )
+    }, props)
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React9.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { error, isDisabled, formMessageId } = useFormField();
+  const body = error ? String(error == null ? void 0 : error.message) : children;
+  const textColorClassName = error ? "text-red-700" : "text-gray-700";
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    "p",
+    __spreadProps(__spreadValues({
+      ref,
+      id: formMessageId,
+      className: cn(
+        "text-sm",
+        textColorClassName,
+        { "opacity-50 cursor-not-allowed": isDisabled },
+        className
+      )
+    }, props), {
+      children: body
+    })
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/Input/Input.tsx
+var React10 = __toESM(require("react"));
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_jsx_runtime100 = require("react/jsx-runtime");
+var Input = React10.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      type,
+      button,
+      disabled,
+      prefixEnchancer,
+      suffixEnchancer
+    } = _b, props = __objRest(_b, [
+      "className",
+      "type",
+      "button",
+      "disabled",
+      "prefixEnchancer",
+      "suffixEnchancer"
+    ]);
+    const isDisabled = !!props["data-is-disabled"] || disabled;
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        "div",
+        {
+          className: cn(
+            "flex h-9 w-full rounded-md border border-gray-200 bg-transparent focus-within:outline focus-within:outline-[2px] focus-within:outline-blue-300 focus-within:outline-offset-[2px]",
+            { "cursor-not-allowed opacity-50": isDisabled },
+            {
+              "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
+            },
+            className
+          ),
+          children: [
+            prefixEnchancer && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              import_react_slot3.Slot,
+              {
+                className: cn(
+                  "text-sm border-gray-200 text-gray-700 border-r py-2 px-3 font-normal",
+                  { "opacity-50": isDisabled }
+                ),
+                children: prefixEnchancer
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              "input",
+              __spreadProps(__spreadValues({}, props), {
+                disabled: isDisabled,
+                className: "w-full px-3 py-2 text-sm bg-transparent outline-none text-gray-1000 placeholder:text-gray-700 disabled:cursor-not-allowed",
+                type,
+                ref
+              })
+            ),
+            suffixEnchancer && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              import_react_slot3.Slot,
+              {
+                className: cn(
+                  "text-sm border-gray-200 text-gray-700 border-l py-2 px-3 font-normal",
+                  { "opacity-50": isDisabled }
+                ),
+                children: suffixEnchancer
+              }
+            )
+          ]
+        }
+      ),
+      button && React10.cloneElement(button, {
+        size: "sm",
+        disabled: isDisabled,
+        className: cn("flex-shrink-0", button.props.className)
+      })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
 // src/components/Popover/Popover.tsx
-var React6 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef((_a, ref) => {
+var PopoverContent = React11.forwardRef((_a, ref) => {
   var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     PopoverPrimitive.Content,
     __spreadValues({
       ref,
@@ -4035,13 +4905,112 @@ var PopoverContent = React6.forwardRef((_a, ref) => {
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
+// src/components/Select/Select.tsx
+var React12 = __toESM(require("react"));
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React12.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const isDisabled = props["data-is-disabled"];
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+    SelectPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex h-9 w-full px-3 py-2 text-sm outline-none text-gray-1000 placeholder:text-gray-700 rounded-md border border-gray-200 bg-transparent focus-within:outline focus-within:outline-[2px] focus-within:outline-blue-300 focus-within:outline-offset-[2px] items-center justify-between",
+        { "cursor-not-allowed opacity-50": isDisabled },
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        // when the disabled attr is set by reference
+        {
+          "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
+        },
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectContent = React12.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-[150] min-w-[120px] overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[40px] w-full min-w-[250px]"
+          ),
+          children
+        }
+      )
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React12.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    SelectPrimitive.Label,
+    __spreadValues({
+      ref,
+      className: cn("px-2 py-1.5 text-sm font-medium", className)
+    }, props)
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React12.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    SelectPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex w-full cursor-default select-none items-center rounded-md py-1.5 px-2 text-gray-1000 text-sm outline-none hover:bg-gray-50 active:bg-gray-100 focus:bg-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-gray-50",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SelectPrimitive.ItemText, { children })
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React12.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    SelectPrimitive.Separator,
+    __spreadValues({
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props)
+  );
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
 // src/components/Switch/Switch.tsx
-var React7 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime87 = require("react/jsx-runtime");
-var Switch = React7.forwardRef((_a, ref) => {
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var Switch = React13.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     SwitchPrimitive.Root,
     __spreadProps(__spreadValues({
       className: cn(
@@ -4050,20 +5019,20 @@ var Switch = React7.forwardRef((_a, ref) => {
       )
     }, props), {
       ref,
-      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(SwitchPrimitive.Thumb, { className: "inline-block w-4 h-4 bg-gray-600 rounded-full translate-x-0.5 data-[state=checked]:translate-x-5 data-[state=checked]:bg-white transition-transform ease-linear will-change-transform" })
     })
   );
 });
 Switch.displayName = SwitchPrimitive.Root.displayName;
 
 // src/components/Tabs/Tabs.tsx
-var React8 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React8.forwardRef((_a, ref) => {
+var TabsList = React14.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     TabsPrimitive.List,
     __spreadValues({
       ref,
@@ -4075,9 +5044,9 @@ var TabsList = React8.forwardRef((_a, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React8.forwardRef((_a, ref) => {
+var TabsTrigger = React14.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     TabsPrimitive.Trigger,
     __spreadValues({
       ref,
@@ -4092,9 +5061,9 @@ var TabsTrigger = React8.forwardRef((_a, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React8.forwardRef((_a, ref) => {
+var TabsContent = React14.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     TabsPrimitive.Content,
     __spreadValues({
       ref,
@@ -4106,6 +5075,68 @@ var TabsContent = React8.forwardRef((_a, ref) => {
   );
 });
 TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/Textarea/Textarea.tsx
+var React15 = __toESM(require("react"));
+var import_jsx_runtime105 = require("react/jsx-runtime");
+var Textarea = React15.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, disabled } = _b, props = __objRest(_b, ["className", "disabled"]);
+    const isDisabled = !!props["data-is-disabled"] || disabled;
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      "div",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-gray-200 bg-transparent focus-within:outline focus-within:outline-[2px] focus-within:outline-blue-300 focus-within:outline-offset-[2px]",
+          { "cursor-not-allowed opacity-50": isDisabled },
+          {
+            "border-red-700 focus-within:border-gray-200 focus-within:outline-red-700": !!props["data-has-error"]
+          },
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          "textarea",
+          __spreadProps(__spreadValues({}, props), {
+            disabled: isDisabled,
+            className: "w-full px-3 py-2 text-sm bg-transparent outline-none text-gray-1000 placeholder:text-gray-700 disabled:cursor-not-allowed",
+            ref
+          })
+        )
+      }
+    ) });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Tooltip/Tooltip.tsx
+var React16 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var TooltipProvider = (_a) => {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TooltipPrimitive.Provider, __spreadValues({ delayDuration }, props));
+};
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React16.forwardRef((_a, ref) => {
+  var _b = _a, { className, sideOffset = 4 } = _b, props = __objRest(_b, ["className", "sideOffset"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    TooltipPrimitive.Content,
+    __spreadValues({
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md border bg-gray-1000 px-3 py-1.5 text-sm text-white font-medium animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      )
+    }, props)
+  );
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -4123,10 +5154,12 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   AlertDialogHeader,
   AlertDialogTitle,
   AlertDialogTrigger,
+  ArrowCircleUpIcon,
   ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
   ArrowUpIcon,
+  AttachmentIcon,
   Badge,
   BellIcon,
   Button,
@@ -4137,9 +5170,12 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   CameraIcon,
   CameraOffIcon,
   CheckCircleIcon,
+  CheckIcon,
+  Checkbox,
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
+  ChevronSelectorVerticalIcon,
   ChevronUpIcon,
   CopyIcon,
   CursorClickIcon,
@@ -4150,18 +5186,45 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   DialogHeader,
   DialogTitle,
   DialogTrigger,
+  DotsHorizontalIcon,
   DownloadIcon,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
   EditIcon,
   ExpandIcon,
+  FileQuestionIcon,
+  FilterLinesIcon,
   FlipBackwardIcon,
   FlipForwardIcon,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
   HelpCircleIcon,
   HomeIcon,
   ImageDownIcon,
   ImageIcon,
   ImageXIcon,
   InfoCircleIcon,
+  Input,
+  Label,
   LightbulbIcon,
+  LinkIcon,
   LockIcon,
   LogInIcon,
   MagicWandIcon,
@@ -4175,6 +5238,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   MonitorIcon,
   NotificationBoxIcon,
   PauseCircleIcon,
+  PhoneCallIcon,
   PhoneIcon,
   PieChartIcon,
   PlayCircleIcon,
@@ -4192,8 +5256,17 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   RocketIcon,
   SaveIcon,
   SearchMdIcon,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
   SendIcon,
   SettingsIcon,
+  ShareArrowIcon,
   ShareIcon,
   SkipBackIcon,
   SkipForwardIcon,
@@ -4203,6 +5276,11 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   TabsContent,
   TabsList,
   TabsTrigger,
+  Textarea,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   TrashIcon,
   TrendDownIcon,
   TrendUpIcon,
@@ -4220,5 +5298,6 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
   XCloseIcon,
   buttonSizes,
   buttonVariants,
-  iconButtonSizes
+  iconButtonSizes,
+  useFormField
 });