prometeo-design-system 4.4.0 → 4.4.3

package/dist/CheckBox.es.js

@@ -1,10 +1,14 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as s } from "./cn-B6yFEsav.js";
-import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
-import { Check as j } from "./Icons/Check.es.js";
-const i = g(
-  ({ className: l, disabled: e, onChange: d, value: u, ...t }, r) => {
-    const f = v(), o = C(null), p = `
+import { c as C } from "./cn-B6yFEsav.js";
+import { memo as y, forwardRef as j, useId as I, useRef as z, useState as N, useImperativeHandle as w } from "react";
+import { Check as R } from "./Icons/Check.es.js";
+const l = j(
+  ({ className: c, disabled: e, onChange: o, value: d, checked: n, ...f }, u) => {
+    const p = I(), s = z(null), i = n !== void 0, [h, m] = N(!1), t = i ? n : h;
+    w(u, () => s.current, []);
+    const x = (r) => {
+      o && o(r), i || m(r.target.checked);
+    }, b = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -17,68 +21,64 @@ const i = g(
       after:bg-neutral-700
       after:-z-10
       after:opacity-0
-      ${!e && "hover:after:opacity-100"}
+      ${!e && "aria-checked:hover:after:opacity-100"}
       after:transition-all
       after:duration-200
       after:ease-in-out
       after:pointer-events-none
-      ${!e && "aria-checked:hover:bg-primary-default-hover hover:border-primary-default-hover"}
+      ${!e && `aria-checked:hover:bg-primary-default-hover 
+         hover:border-primary-default-hover`}
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", x = "bg-primary-light", m = `
+    `, g = "bg-primary-light", v = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
       border-neutral-medium-default
       hover:border-neutral-medium-hover
-    `, b = {
-      selected: "bg-primary-default-disabled!",
-      default: "border-neutral-default-disabled "
-    }, c = y(() => {
-      if (o.current)
-        return o.current.click();
-    }, []);
+      transition-all
+      duration-200
+      ease-in-out
+    `, k = {
+      selected: "bg-primary-default-disabled",
+      default: "border-neutral-default-disabled"
+    };
     return /* @__PURE__ */ a.jsx(
       "div",
       {
-        id: "checkbox-container",
         style: {
           width: "24px",
           height: "24px",
           position: "relative",
           zIndex: 10
         },
-        className: "grid place-items-center p-2",
-        onClick: c,
+        className: "grid place-items-center p-2 ",
         draggable: !1,
         children: /* @__PURE__ */ a.jsxs(
           "div",
           {
-            id: "checkbox-box",
-            "aria-checked": t.checked,
-            className: s(
+            "aria-checked": t,
+            className: C(
               "grid place-items-center absolute size-[18px] rounded-[2px]",
-              p,
-              m,
-              t.checked ? x : "",
-              e && b[t.checked ? "selected" : "default"],
-              l
+              b,
+              v,
+              t ? g : "",
+              e && k[t ? "selected" : "default"],
+              c
             ),
-            onClick: c,
             draggable: !1,
             children: [
               /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
-                  id: f,
-                  ref: (n) => {
-                    o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
+                  id: p,
+                  ref: (r) => {
+                    s.current = r;
                   },
-                  onChange: d,
-                  value: u,
-                  className: s(h),
+                  onChange: x,
+                  value: d,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -91,11 +91,11 @@ const i = g(
                     opacity: 0,
                     zIndex: 150
                   },
-                  ...t
+                  ...f
                 }
               ),
-              t.checked && /* @__PURE__ */ a.jsx(
-                j,
+              t && /* @__PURE__ */ a.jsx(
+                R,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -108,8 +108,8 @@ const i = g(
     );
   }
 );
-i.displayName = "CheckBox";
-const $ = k(i);
+l.displayName = "CheckBox";
+const E = y(l);
 export {
-  $ as default
+  E as default
 };

package/dist/Chip.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/Chip'
+export {}
+import PrometeoDesignSystem from './exports/Chip'
+export default PrometeoDesignSystem
+export * from './exports/Chip'
+export {}

package/dist/Chip.es.js

@@ -0,0 +1,55 @@
+import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { c as r } from "./cn-B6yFEsav.js";
+import { memo as f } from "react";
+import { Close as p } from "./Icons/Close.es.js";
+const m = {
+  default: {
+    container: "text-neutral-default-default border-neutral-default-default ",
+    icon: ""
+  },
+  error: {
+    container: "",
+    icon: ""
+  },
+  success: {
+    container: "",
+    icon: ""
+  }
+}, l = {
+  icon: " text-neutral-default-disabled",
+  container: " border-neutral-strong-default text-neutral-default-disabled"
+}, i = ({ id: a, label: c, onRemove: n, className: u, disabled: e, variant: d = "default", tabIndex: o }) => /* @__PURE__ */ t.jsxs(
+  "div",
+  {
+    tabIndex: o,
+    className: r(
+      "inline-flex max-w-[calc(50%-0.25rem)] items-center gap-1 px-2 py-1 bg-inherit text-xs rounded-lg border h-[30px]",
+      m[d].container,
+      e && l.container
+    ),
+    children: [
+      /* @__PURE__ */ t.jsx("span", { className: "truncate w-max ", children: c }),
+      n && /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          onMouseDown: (s) => {
+            e || (s.stopPropagation(), s.preventDefault(), a && n?.(a));
+          },
+          className: r(
+            "shrink-0 p-0.5 transition-all duration-200 hover:text-neutral-default-hover cursor-pointer z-50 text-neutral-default-default hover:scale-105",
+            e && "cursor-default hover:scale-100",
+            u
+          ),
+          type: "button",
+          tabIndex: o,
+          children: /* @__PURE__ */ t.jsx(p, { size: 18, className: r(e && l.icon) })
+        }
+      )
+    ]
+  }
+);
+i.displayName = "Chip";
+const C = f(i);
+export {
+  C as default
+};

package/dist/Header.es.js

@@ -1,32 +1,34 @@
-import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as l } from "./cn-B6yFEsav.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
+import { c as a } from "./cn-B6yFEsav.js";
 import { motion as n } from "framer-motion";
-import { memo as d } from "react";
-const c = ({ title: e, subtitle: t, children: i, className: s, subtitleClassName: m, titleClassName: r }) => /* @__PURE__ */ a.jsx(
-  "header",
+import { memo as f } from "react";
+const c = ({ title: e, subtitle: t, children: i, className: r, subtitleClassName: m, titleClassName: d, mainActionSlot: l }) => /* @__PURE__ */ s.jsxs(
+  n.header,
   {
-    className: l(
-      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36",
-      s
+    initial: { opacity: 0, y: -10 },
+    animate: { opacity: 1, y: 0 },
+    transition: { duration: 0.6, ease: "easeOut" },
+    className: a(
+      "h-16 flex items-center px-4 sm:h-20 md:h-24 md:px-6 lg:h-28 xl:h-32 2xl:h-36 overflow-hidden",
+      "flex justify-between items-center w-full",
+      r
     ),
-    children: /* @__PURE__ */ a.jsxs(
-      n.div,
-      {
-        initial: { opacity: 0, y: -10 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.6, ease: "easeOut" },
-        className: "flex justify-between items-center w-full",
-        children: [
-          /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col leading-6", children: [
-            t && /* @__PURE__ */ a.jsx("h3", { className: l(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
-            e && /* @__PURE__ */ a.jsx("h1", { className: l("prometeo-fonts-headline-small text-neutral-strong-default", r), children: e })
-          ] }),
-          i && /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: i })
-        ]
-      }
-    )
+    children: [
+      /* @__PURE__ */ s.jsxs("div", { className: a(
+        "flex items-center md:items-start md:flex-col leading-6 h-full justify-center min-w-max",
+        l && "justify-start"
+      ), children: [
+        l && /* @__PURE__ */ s.jsx("div", { children: typeof l == "function" ? l() : l }),
+        /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col leading-6 justify-center", children: [
+          t && /* @__PURE__ */ s.jsx("h3", { className: a(" prometeo-fonts-body-medium text-neutral-medium-default ", m), children: t }),
+          e && /* @__PURE__ */ s.jsx("h1", { className: a("prometeo-fonts-headline-small text-neutral-strong-default", d), children: e })
+        ] })
+      ] }),
+      i && /* @__PURE__ */ s.jsx("div", { className: "bg-red-400 px-2", children: i })
+    ]
   }
-), x = d(c, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+), u = f(c, (e, t) => e.title !== t.title || e.subtitle !== t.subtitle || e.className !== t.className ? !1 : e.children !== t.children ? !e.children && !t.children : !0);
+u.displayName = "Header";
 export {
-  x as default
+  u as default
 };

package/dist/Icons/ArrowDownward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as o } from "../iconUtils-D0lVAgGT.js";
-const l = o(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2814", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2814)", children: /* @__PURE__ */ r.jsx("path", { d: "M10 15L5 9.99999L6.16667 8.83332L9.16667 11.8333V4.16666H10.8333V11.8333L13.8333 8.83332L15 9.99999L10 15Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const e = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-120 200-400l80-80 160 160v-400h80v400l160-160 80 80-280 280Z" })
+  }
+));
 export {
-  l as ArrowDownward
+  e as ArrowDownward
 };

package/dist/Icons/ArrowUpward.es.js

@@ -1,9 +1,18 @@
-import { j as r } from "../jsx-runtime-GkKLlHH4.js";
-import { m as i } from "../iconUtils-D0lVAgGT.js";
-const l = i(({ size: s = 24, className: t, ...e }) => /* @__PURE__ */ r.jsxs("svg", { ...e, width: s, height: s, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: t, children: [
-  /* @__PURE__ */ r.jsx("mask", { id: "mask0_2325_2813", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "20", height: "20", children: /* @__PURE__ */ r.jsx("rect", { width: "20", height: "20", fill: "currentColor" }) }),
-  /* @__PURE__ */ r.jsx("g", { mask: "url(#mask0_2325_2813)", children: /* @__PURE__ */ r.jsx("path", { d: "M9.16667 15V7.33332L6.16667 10.3333L5 9.16666L10 4.16666L15 9.16666L13.8333 10.3333L10.8333 7.33332V15H9.16667Z", fill: "currentColor" }) })
-] }));
+import { j as o } from "../jsx-runtime-GkKLlHH4.js";
+import { m as s } from "../iconUtils-D0lVAgGT.js";
+const h = s(({ size: r = 24, className: t, ...m }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...m,
+    viewBox: "0 -960 960 960",
+    width: r,
+    height: r,
+    fill: "currentColor",
+    className: t,
+    children: /* @__PURE__ */ o.jsx("path", { d: "M480-840 200-560l80 80 160-160v400h80v-400l160 160 80-80-280-280Z" })
+  }
+));
 export {
-  l as ArrowUpward
+  h as ArrowUpward
 };

package/dist/Icons/DragIndicator.d.ts

@@ -0,0 +1,6 @@
+export * from './components/DragIndicator'
+export {}
+import PrometeoDesignSystem from './components/DragIndicator'
+export default PrometeoDesignSystem
+export * from './components/DragIndicator'
+export {}

package/dist/Icons/DragIndicator.es.js

@@ -0,0 +1,19 @@
+import { j as T } from "../jsx-runtime-GkKLlHH4.js";
+import { m as o } from "../iconUtils-D0lVAgGT.js";
+const e = o(({ size: q = 24, className: r, ...t }) => /* @__PURE__ */ T.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...t,
+    viewBox: "0 -960 960 960",
+    width: q,
+    height: q,
+    fill: "currentColor",
+    className: r,
+    children: /* @__PURE__ */ T.jsx("path", { d: "M360-160q-33 0-56.5-23.5T280-240q0-33 23.5-56.5T360-320q33 0 56.5 23.5T440-240q0 33-23.5 56.5T360-160Zm240 0q-33 0-56.5-23.5T520-240q0-33 23.5-56.5T600-320q33 0 56.5 23.5T680-240q0 33-23.5 56.5T600-160ZM360-400q-33 0-56.5-23.5T280-480q0-33 23.5-56.5T360-560q33 0 56.5 23.5T440-480q0 33-23.5 56.5T360-400Zm240 0q-33 0-56.5-23.5T520-480q0-33 23.5-56.5T600-560q33 0 56.5 23.5T680-480q0 33-23.5 56.5T600-400ZM360-640q-33 0-56.5-23.5T280-720q0-33 23.5-56.5T360-800q33 0 56.5 23.5T440-720q0 33-23.5 56.5T360-640Zm240 0q-33 0-56.5-23.5T520-720q0-33 23.5-56.5T600-800q33 0 56.5 23.5T680-720q0 33-23.5 56.5T600-640Z" })
+  }
+));
+export {
+  e as DragIndicator,
+  e as default
+};

package/dist/Icons/components/DragIndicator.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const DragIndicator: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default DragIndicator;

package/dist/Icons/index.d.ts

@@ -65,5 +65,6 @@ export { Reassignment } from './components/Reassignment';
 export { ReassignmentFill } from './components/ReassignmentFill';
 export { Send } from './components/Send';
 export { StarFill } from './components/StarFill';
+export { DragIndicator } from './components/DragIndicator';
 export type { IconProps } from './iconUtils';
 export type { IconComponent } from './types';

package/dist/Icons/types.d.ts

@@ -65,6 +65,7 @@ import { Reassignment } from './components/Reassignment';
 import { ReassignmentFill } from './components/ReassignmentFill';
 import { Send } from './components/Send';
 import { StarFill } from './components/StarFill';
+import { DragIndicator } from './components/DragIndicator';
 export type IconsMap = {
     Ticket: typeof Ticket;
     Home: typeof Home;
@@ -133,6 +134,7 @@ export type IconsMap = {
     Send: typeof Send;
     StarFill: typeof StarFill;
     UserAvatar: typeof UserAvatar;
+    DragIndicator: typeof DragIndicator;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];

package/dist/Icons.es.js

@@ -2,21 +2,21 @@ import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
 import { Notifications as a } from "./Icons/Notifications.es.js";
-import { Help as i } from "./Icons/Help.es.js";
+import { Help as l } from "./Icons/Help.es.js";
 import { Settings as d } from "./Icons/Settings.es.js";
-import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
+import { CrevronLeft as c } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
 import { ArrowLeft as h } from "./Icons/ArrowLeft.es.js";
-import { ArrowDownward as S } from "./Icons/ArrowDownward.es.js";
+import { ArrowDownward as g } from "./Icons/ArrowDownward.es.js";
 import { ArrowUpward as k } from "./Icons/ArrowUpward.es.js";
 import { Shared as U } from "./Icons/Shared.es.js";
-import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
+import { ChevronDown as D } from "./Icons/ChevronDown.es.js";
 import { Collapse as E } from "./Icons/Collapse.es.js";
 import { Calendar as T } from "./Icons/Calendar.es.js";
 import { Close as H } from "./Icons/Close.es.js";
-import { UserPerson as V } from "./Icons/UserPerson.es.js";
-import { UserAvatar as q } from "./Icons/UserAvatar.es.js";
-import { Logout as I } from "./Icons/Logout.es.js";
+import { UserPerson as M } from "./Icons/UserPerson.es.js";
+import { UserAvatar as b } from "./Icons/UserAvatar.es.js";
+import { Logout as B } from "./Icons/Logout.es.js";
 import { ArrowUpDown as P } from "./Icons/ArrowUpDown.es.js";
 import { Filter as W } from "./Icons/Filter.es.js";
 import { Search as z } from "./Icons/Search.es.js";
@@ -29,21 +29,21 @@ import { Copy as er } from "./Icons/Copy.es.js";
 import { FaLock as pr } from "./Icons/FaLock.es.js";
 import { AccountCircle as fr } from "./Icons/AccountCircle.es.js";
 import { UserAdd as ar } from "./Icons/UserAdd.es.js";
-import { AttachFile as ir } from "./Icons/AttachFile.es.js";
+import { AttachFile as lr } from "./Icons/AttachFile.es.js";
 import { HistoryActivity as dr } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as Cr } from "./Icons/MessageSquare.es.js";
+import { MessageSquare as cr } from "./Icons/MessageSquare.es.js";
 import { CloseNavBarDesktop as Fr } from "./Icons/CloseNavBarDesktop.es.js";
 import { EyeVisibility as hr } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as Sr } from "./Icons/EyeVisibilityOff.es.js";
+import { EyeVisibilityOff as gr } from "./Icons/EyeVisibilityOff.es.js";
 import { Check as kr } from "./Icons/Check.es.js";
 import { Info as Ur } from "./Icons/Info.es.js";
-import { Error as vr } from "./Icons/Error.es.js";
+import { Error as Dr } from "./Icons/Error.es.js";
 import { TicketFilled as Er } from "./Icons/TicketFilled.es.js";
 import { UploadCloud as Tr } from "./Icons/UploadCloud.es.js";
 import { Clock as Hr } from "./Icons/Clock.es.js";
-import { Pause as Vr } from "./Icons/Pause.es.js";
-import { FastForward as qr } from "./Icons/FastForward.es.js";
-import { Trash as Ir } from "./Icons/Trash.es.js";
+import { Pause as Mr } from "./Icons/Pause.es.js";
+import { FastForward as br } from "./Icons/FastForward.es.js";
+import { Trash as Br } from "./Icons/Trash.es.js";
 import { Sort as Pr } from "./Icons/Sort.es.js";
 import { Cancel as Wr } from "./Icons/Cancel.es.js";
 import { CheckCircle as zr } from "./Icons/CheckCircle.es.js";
@@ -56,63 +56,65 @@ import { Download as eo } from "./Icons/Download.es.js";
 import { Reload as po } from "./Icons/Reload.es.js";
 import { Image as fo } from "./Icons/Image.es.js";
 import { DocumentFill as ao } from "./Icons/DocumentFill.es.js";
-import { Company as io } from "./Icons/Company.es.js";
+import { Company as lo } from "./Icons/Company.es.js";
 import { EditFill as no } from "./Icons/EditFill.es.js";
-import { TrashFill as co } from "./Icons/TrashFill.es.js";
+import { TrashFill as Co } from "./Icons/TrashFill.es.js";
 import { MessageSquareFill as Ao } from "./Icons/MessageSquareFill.es.js";
 import { UserAddFill as wo } from "./Icons/UserAddFill.es.js";
-import { Reassignment as go } from "./Icons/Reassignment.es.js";
+import { Reassignment as So } from "./Icons/Reassignment.es.js";
 import { ReassignmentFill as yo } from "./Icons/ReassignmentFill.es.js";
 import { Send as uo } from "./Icons/Send.es.js";
-import { StarFill as Do } from "./Icons/StarFill.es.js";
+import { StarFill as vo } from "./Icons/StarFill.es.js";
+import { DragIndicator as Lo } from "./Icons/DragIndicator.es.js";
 export {
   fr as AccountCircle,
   Y as Add,
-  S as ArrowDownward,
+  g as ArrowDownward,
   h as ArrowLeft,
   P as ArrowUpDown,
   k as ArrowUpward,
-  ir as AttachFile,
+  lr as AttachFile,
   f as Boards,
   T as Calendar,
   Wr as Cancel,
   kr as Check,
   zr as CheckCircle,
   Qr as CheckList,
-  v as ChevronDown,
+  D as ChevronDown,
   Hr as Clock,
   H as Close,
   Fr as CloseNavBarDesktop,
   E as Collapse,
-  io as Company,
+  lo as Company,
   er as Copy,
-  C as CrevronLeft,
+  c as CrevronLeft,
   F as CrevronRight,
   ao as DocumentFill,
   eo as Download,
+  Lo as DragIndicator,
   _ as Edit,
   no as EditFill,
   ro as Email,
-  vr as Error,
+  Dr as Error,
   hr as EyeVisibility,
-  Sr as EyeVisibilityOff,
+  gr as EyeVisibilityOff,
   pr as FaLock,
-  qr as FastForward,
+  br as FastForward,
   _r as File,
   W as Filter,
   Jr as FormatColorText,
-  i as Help,
+  l as Help,
   dr as HistoryActivity,
   p as Home,
   fo as Image,
   Ur as Info,
-  I as Logout,
-  Cr as MessageSquare,
+  B as Logout,
+  cr as MessageSquare,
   Ao as MessageSquareFill,
   Q as MoreVert,
   a as Notifications,
-  Vr as Pause,
-  go as Reassignment,
+  Mr as Pause,
+  So as Reassignment,
   yo as ReassignmentFill,
   po as Reload,
   z as Search,
@@ -120,17 +122,17 @@ export {
   d as Settings,
   U as Shared,
   Pr as Sort,
-  Do as StarFill,
+  vo as StarFill,
   J as Stars,
   e as Ticket,
   Er as TicketFilled,
-  Ir as Trash,
-  co as TrashFill,
+  Br as Trash,
+  Co as TrashFill,
   rr as Upload,
   Tr as UploadCloud,
   ar as UserAdd,
   wo as UserAddFill,
-  q as UserAvatar,
-  V as UserPerson,
+  b as UserAvatar,
+  M as UserPerson,
   Yr as WhatsApp
 };