@sustaina/shared-ui 1.46.0 → 1.47.0

package/dist/index.js

@@ -362,7 +362,7 @@ var AdministrationIcon = ({ size = "1em", className, ...props }) => /* @__PURE__
           "path",
           {
             d: "M11.5623 3.29387C11.9248 3.18131 11.4585 2.59296 11.5381 2.32327C11.5557 2.2648 12.1959 1.60628 12.258 1.57778C12.5979 1.42064 12.7792 1.71299 13.0774 1.67352C13.1344 1.66621 13.6752 1.47107 13.7001 1.44914C13.8097 1.35267 13.7929 0.903178 14.0611 0.822782C14.2387 0.770159 15.1925 0.780391 15.3087 0.898793C15.4359 1.02743 15.3467 1.30443 15.6383 1.48276C15.7005 1.52077 16.1127 1.68156 16.1719 1.68595C16.4642 1.70495 16.587 1.36217 17.0109 1.64575C17.1125 1.71372 17.6804 2.3123 17.7023 2.40878C17.7447 2.59442 17.505 2.82026 17.5189 3.03222C17.5233 3.09434 17.706 3.55698 17.7455 3.61472C17.896 3.83179 18.1942 3.78648 18.3046 3.89538C18.4734 4.06202 18.3762 4.87694 18.3806 5.14371C18.0225 5.47261 17.5576 5.5932 17.5182 6.18667C17.5043 6.39863 17.744 6.62447 17.7016 6.81011C17.6534 7.02133 17.3391 7.12511 17.3004 7.35169C17.1622 9.32797 17.4801 11.5403 17.2974 13.4881C17.2514 13.9829 17.0913 14.2716 16.8048 14.6597C17.4407 15.2685 17.934 15.9015 18.1949 16.7595C18.2812 17.0438 18.5648 17.8317 18.1394 17.9114H14.667C14.6765 18.1175 14.724 18.7884 14.4112 18.7884H3.08411C2.78299 18.7884 2.88897 17.4531 3.01029 17.1798C3.15428 16.8567 3.76894 16.4496 4.10734 16.4496H5.89798V15.061H1.54927C1.50469 15.061 0.980654 14.8081 0.903913 14.7562C0.51728 14.4923 0.308981 14.0253 0.267321 13.5656C0.00859112 10.7159 0.462464 7.47009 0.276822 4.57875C0.276822 4.15265 1.01793 3.29314 1.4031 3.29314H11.5623V3.29387ZM14.8768 1.40529C14.8293 1.37605 14.3571 1.37532 14.3133 1.4031C14.2241 2.01118 13.9149 1.98049 13.4274 2.16101C13.2542 2.22533 13.2038 2.37955 12.9707 2.33204C12.7624 2.28892 12.7273 2.09743 12.4371 2.26626C11.9628 2.5418 12.3618 2.78226 12.3304 3.10311C12.3209 3.20105 11.9021 4.12341 11.8488 4.16361C11.7428 4.24328 11.3993 4.27032 11.3773 4.3646L11.3905 4.89156C11.544 4.96611 11.8188 4.98073 11.9255 5.12398C11.9854 5.20365 12.3414 6.15159 12.3304 6.24733C12.3056 6.4666 12.1009 6.50606 12.2522 6.76772C12.5234 7.23767 12.7923 6.85835 13.0927 6.87662C13.1431 6.87954 13.9712 7.21721 14.0333 7.25375C14.2599 7.38677 14.2767 7.80994 14.3476 7.82895C15.0792 7.98901 14.83 7.54171 15.1815 7.27787C15.2232 7.24717 16.0623 6.89416 16.112 6.88612C16.4467 6.82911 16.7398 7.29175 17.0555 6.69317C17.0394 6.50314 16.845 6.31677 16.8735 6.12455C16.8816 6.06973 17.2631 5.14225 17.2945 5.09621C17.3881 4.95734 17.7075 4.99242 17.8149 4.85283C17.9852 4.12195 17.5401 4.36533 17.2974 4.06275C17.2645 4.02182 16.8816 3.14477 16.8735 3.09215C16.8399 2.86631 17.1344 2.63754 17.0146 2.45044C16.6462 1.87597 16.522 2.3642 16.1726 2.34154C16.0725 2.33496 15.1377 1.90448 15.0726 1.8292C14.9915 1.73418 14.9045 1.4221 14.876 1.40456L14.8768 1.40529ZM10.941 3.80548H1.84162C1.38848 3.80548 0.891488 4.25351 0.853482 4.71761C1.0552 7.5366 0.591098 10.7166 0.85202 13.4925C0.90976 14.1035 1.22623 14.4214 1.8387 14.4792C4.84698 14.762 8.29159 14.2585 11.3466 14.4799C11.8444 14.458 12.1703 13.9624 12.6951 13.9639C12.7704 13.8806 12.3209 13.5612 12.2274 13.4465C12.0987 13.2893 12.0307 13.1007 11.916 12.9385L1.69253 12.9451C1.43307 12.948 1.30662 12.6973 1.29274 12.4678C1.46449 10.0705 1.07055 7.36923 1.29128 5.0085C1.31393 4.76585 1.34682 4.55024 1.54489 4.38507L10.7539 4.32148L10.9417 3.80548H10.941ZM10.7948 4.90179H1.87817V12.2471L1.9878 12.3567H11.745C11.3642 10.1392 13.8689 8.75423 15.6186 10.1641V7.75221C15.3774 7.81872 15.4344 8.24189 15.278 8.34348C15.1384 8.43411 14.3849 8.43996 14.1898 8.41365C13.7271 8.35225 13.8667 7.93419 13.7015 7.76902C13.6774 7.7449 13.1 7.50078 13.0657 7.49421C12.8683 7.45547 12.6944 7.80629 12.2749 7.62357C12.1411 7.5651 11.5966 7.01475 11.5549 6.87735C11.4548 6.54772 11.7179 6.36281 11.7172 6.18009C11.7172 6.14501 11.4789 5.56177 11.4585 5.53327C11.392 5.44337 11.0477 5.43168 10.9067 5.26431C10.7985 5.13567 10.8087 4.91349 10.7948 4.90106V4.90179ZM16.7054 7.68935L16.204 7.53367C16.2713 8.61245 16.1134 9.79573 16.2004 10.8621C16.2209 11.1128 16.3276 11.2889 16.3502 11.5162C16.4343 12.3553 16.2698 12.9619 15.7209 13.5919C15.6106 13.7191 15.2232 13.8492 15.5009 13.9712C15.7502 14.0808 16.0023 14.1773 16.2406 14.3103C16.5285 14.1203 16.6769 13.8316 16.7149 13.4903L16.7047 7.68935H16.7054ZM12.7945 13.2075C14.4163 14.8329 16.9766 12.3019 15.2561 10.6362C13.6489 9.0802 11.1318 11.5411 12.7945 13.2075ZM17.7381 17.3267C17.2682 14.9769 14.8373 13.6833 12.603 14.5669C11.4746 15.0127 10.5251 16.1149 10.3563 17.3267H17.7381ZM10.8679 15.061H6.48268V16.4496H9.95433C10.2474 15.9702 10.4696 15.4688 10.8679 15.061ZM3.48609 18.2037H14.0838V17.9114H9.88125C9.55674 17.9114 9.82204 17.0855 9.77161 17.0343L4.39676 17.0314C3.5643 17.103 3.41081 17.3749 3.48609 18.2037Z",
-            fill: "black"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -425,14 +425,14 @@ var AdministrationIcon = ({ size = "1em", className, ...props }) => /* @__PURE__
           "path",
           {
             d: "M9.77171 11.4433C9.76513 11.4675 9.65842 11.5727 9.62407 11.5881L2.87664 11.5581C2.76335 11.4865 2.76189 11.276 2.75166 11.1532C2.72315 10.8089 2.71731 8.69598 2.82182 8.53081C2.93657 8.34955 4.41805 8.36124 4.60516 8.47672C4.64316 8.50011 4.72794 8.63605 4.72794 8.66456V11.0399H5.31264V7.20281C5.74605 6.91265 6.78682 6.91484 7.21292 7.20281V11.0399H7.79762V5.88723C7.79762 5.86677 7.9109 5.6877 7.94379 5.66797C8.20837 5.63435 9.77098 5.51814 9.77098 5.81415V11.4419L9.77171 11.4433ZM9.18701 6.21759H8.38305V11.0414H9.18701V6.21759ZM6.62895 7.60625H5.89807V11.0414H6.62895V7.60625ZM4.14397 8.99491H3.34001V11.0414H4.14397V8.99491Z",
-            fill: "black"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "path",
           {
             d: "M14.5085 2.65227C16.9504 2.5229 17.2456 6.19043 14.9909 6.50325C12.082 6.90742 11.9461 2.78748 14.5085 2.65227ZM14.5071 3.23624C12.7807 3.37218 12.9116 6.00552 14.6211 5.97117C16.5053 5.93316 16.3145 3.09372 14.5071 3.23624Z",
-            fill: "black"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.18702 6.21729H8.38306V11.0411H9.18702V6.21729Z", fill: "white" }),
@@ -638,6 +638,27 @@ var ArrowIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRu
   }
 );
 var arrow_default = ArrowIcon;
+var OutlineArrowIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    viewBox: "0 0 62 46",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M29.681 35.7348H0.829102V29.3339H33.9079C36.3123 29.3339 36.1571 34.183 36.3123 35.7348L52.9486 23.0882L36.3123 10.0537C36.1571 11.6054 36.3123 16.4546 33.9079 16.4546H0.829102V10.0537H29.681V2.64424C29.681 1.09252 33.3262 -0.420415 34.6447 0.89855L60.7433 20.4891C62.1781 21.808 62.1393 24.0192 60.7433 25.2994L34.6447 44.8899C33.3262 46.2089 29.681 44.696 29.681 43.1442V35.7348Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var outline_arrow_default = OutlineArrowIcon;
 var SuiCalendarIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -774,6 +795,81 @@ var SuiCalendarIcon2 = ({ size = "1em", className, ...props }) => /* @__PURE__ *
   }
 );
 var calendar2_default = SuiCalendarIcon2;
+var CopyUserRightsIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 41 52",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_6038_738614)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.2705 11.7249C13.2559 12.0332 17.6042 10.5243 18.886 14.1911L18.8536 38.9182C17.5231 42.4715 13.2072 40.9464 10.2867 41.2709L10.2056 42.2119C9.31319 43.0556 8.82644 42.2119 8.85889 41.2709C5.71122 40.995 0.762556 42.5364 0.210901 38.0421C0.730105 30.5947 -0.454329 22.2713 0.210901 14.9213C0.600304 10.508 5.84102 11.9358 8.85889 11.6925C8.76154 9.95639 10.5139 9.97261 10.2867 11.6925L10.2705 11.7249ZM2.9854 13.1527C2.33639 13.2176 1.62249 14.11 1.62249 14.7752V38.0421C1.65494 39.0156 2.28772 39.7295 3.27745 39.8431C7.33373 39.551 11.8768 40.2162 15.8681 39.8431C16.8903 39.7457 17.4907 39.0318 17.6691 38.0258C17.5556 30.1242 17.8963 22.1577 17.4907 14.3047C17.3122 13.8829 16.5334 12.9743 16.0304 13.1203C15.138 14.1749 14.7973 15.8137 13.337 16.268C12.396 16.56 7.70691 16.5438 6.57115 16.414C6.00327 16.3491 5.35427 16.0733 4.91619 15.7163C4.36453 15.2458 3.40725 13.1041 2.9854 13.1365V13.1527ZM14.3592 13.1365H4.77016C5.35427 13.8829 5.46784 14.9213 6.57115 15.0348C8.58306 15.2295 10.9519 14.905 12.9963 14.9862C13.4506 15.0511 14.4566 13.2176 14.3592 13.1365Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M31.8174 11.7088C34.8353 11.9522 40.0598 10.5244 40.4654 14.9376C41.1306 22.2876 39.9462 30.6111 40.4654 38.0584C39.9138 42.5365 34.9813 41.0114 31.8174 41.2872C31.9148 43.0233 30.1625 43.0071 30.3896 41.2872C27.4691 40.9627 23.1532 42.4879 21.8228 38.9346V14.0939C23.1857 10.5568 27.4691 12.0495 30.3896 11.7413L30.4707 10.8002C31.3631 9.95649 31.8499 10.8002 31.8174 11.7413V11.7088ZM24.3701 13.1528C23.786 13.234 23.0072 14.3373 22.991 14.9376C23.1045 22.8392 22.7638 30.8058 23.1694 38.6587C23.4615 39.2266 23.9482 39.8269 24.6459 39.8594C28.686 39.5511 33.2615 40.2488 37.2366 39.8594C38.2588 39.762 38.8916 39.2428 39.0376 38.2044V14.9376C39.2161 14.2561 38.0317 12.9095 37.4638 13.2015C37.1555 13.3638 36.3767 15.0999 35.8899 15.5704C35.5168 15.9436 34.884 16.3005 34.3485 16.3979C33.1154 16.6088 29.2376 16.5763 27.9396 16.4303C27.388 16.3654 26.7065 16.0896 26.3009 15.7002C25.7006 15.1323 25.2463 13.7045 24.792 13.2826C24.6297 13.1204 24.581 13.1204 24.3539 13.1528H24.3701ZM35.8899 13.1366H26.3009C26.5443 13.7045 27.0472 14.8565 27.6638 14.9863C29.7082 14.8889 32.077 15.2297 34.0889 15.035C35.1923 14.9214 35.2896 13.883 35.8899 13.1366Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10.0758 19.9347L14.9596 32.6715C14.6026 33.288 14.2295 33.4016 13.7265 32.8662L12.0066 28.6152L7.23644 28.5341C6.92816 28.6152 5.80863 32.8499 5.2083 33.142C4.57552 33.4503 4.08876 32.7201 4.34837 32.1036C6.10068 28.5665 7.05796 23.991 8.84272 20.5675C9.13478 19.9996 9.39438 19.5129 10.0921 19.9347H10.0758ZM11.3738 27.1225C10.9358 25.8082 10.4328 24.0235 9.80001 22.7904C9.71888 22.6443 9.70266 22.4172 9.47551 22.401L7.73942 27.1225H11.3576H11.3738Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M4.6891 36.5508H14.5864C14.8947 36.5508 15.495 37.8163 13.8076 37.9786C11.9255 38.1571 6.96061 38.2057 5.17585 37.9624C4.16989 37.8163 3.94274 37.2647 4.6891 36.567V36.5508Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M27.5178 19.7726C28.6049 19.5617 32.791 19.6591 33.8456 19.9673C36.1009 20.6326 37.1231 23.4882 35.8575 25.4514C35.6791 25.7273 34.9165 26.3114 34.9489 26.5547C37.6748 29.0047 36.3605 32.915 32.6612 33.2557C31.6877 33.3368 28.0695 33.4018 27.2907 33.1421C26.5119 32.8825 26.3658 32.2011 26.3009 31.4547C26.09 29.0534 26.0413 23.7478 26.3009 21.3952C26.3821 20.6164 26.6903 19.9511 27.5178 19.7889V19.7726ZM27.7125 25.8571H33.1317C34.0728 25.8571 35.1112 24.3481 35.1112 23.4233C35.1112 22.612 34.1377 21.1518 33.294 21.1518H27.7125V25.8733V25.8571ZM27.7125 31.8279H33.294C34.1377 31.8279 35.1112 30.3677 35.1112 29.5564C35.1112 28.6316 34.0728 27.1226 33.1317 27.1226H27.7125V31.8441V31.8279Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M26.0738 36.5494H35.9711C36.2469 36.5494 36.9609 37.7339 35.4844 37.9448C33.6834 38.2044 28.7347 38.1395 26.8526 37.961C25.8791 37.8637 25.2625 37.3931 26.0738 36.5332V36.5494Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M20.7843 2.77007H27.7287V4.31146H19.7784C19.1943 4.31146 19.243 3.14325 19.1943 2.77007L15.1867 5.80417L19.1943 8.93562C19.2267 8.56244 19.1943 7.39423 19.7784 7.39423H27.7287V8.93562H20.7843V10.7204C20.7843 11.0936 19.9082 11.4667 19.5999 11.1422L13.3208 6.43695C12.9801 6.11244 12.9963 5.59324 13.3208 5.28496L19.5837 0.563453C19.9082 0.23895 20.7681 0.612128 20.7681 0.985306V2.77007H20.7843Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M19.9893 48.8497H13.0449V47.3083H20.9952C21.5793 47.3083 21.5307 48.4765 21.5793 48.8497L25.5869 45.8156L21.5793 42.6841C21.5469 43.0573 21.5793 44.2255 20.9952 44.2255H13.0449V42.6841H19.9893V40.8994C19.9893 40.5262 20.8654 40.153 21.1737 40.4775L27.4528 45.1828C27.7936 45.5073 27.7773 46.0265 27.4528 46.3348L21.1737 51.0401C20.8492 51.3646 19.9893 50.9914 19.9893 50.6182V48.8335V48.8497Z",
+            fill: "currentColor"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6038_738614", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "40.6602", height: "50.736", fill: "white", transform: "translate(0 0.449219)" }) }) })
+    ]
+  }
+);
+var copy_user_rights_default = CopyUserRightsIcon;
 var SuiCheckIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -984,6 +1080,53 @@ var DataEntryIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ j
     ]
   }
 );
+var FactoryIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 11 8",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_3750_172528)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M4.10217 1.31539L7.17022 0.0133111C7.28419 -0.0526611 7.53986 0.141783 7.53986 0.263311V1.29109L7.64459 1.27373C8.59335 0.950811 9.60063 0.322339 10.5432 0.0376166C10.7588 -0.0283556 10.9005 0.0376167 10.9899 0.273728L11.0022 7.64873C10.9837 7.85012 10.8697 7.97859 10.6911 7.99942L0.254788 7.99248C0.113091 7.94387 0.0299206 7.8397 0.00219727 7.67303V1.83276C0.00527764 1.7147 0.0484028 1.61401 0.131573 1.54456L3.69248 0.0167833C3.87422 -0.0491889 4.10217 0.148728 4.10217 0.357061V1.31192V1.31539ZM1.45613 3.64526C1.28363 3.67651 1.20354 3.83623 1.18506 4.01678C1.15734 4.30498 1.16042 4.86053 1.18198 5.1522C1.19738 5.37789 1.27747 5.54803 1.4931 5.57581C1.74261 5.60706 2.36176 5.60706 2.61127 5.57581C2.75913 5.55845 2.88234 5.44387 2.90083 5.27373C2.92855 5.00289 2.92855 4.21123 2.90083 3.94039C2.88234 3.77026 2.75605 3.65567 2.61127 3.63831C2.3864 3.61053 1.66868 3.60359 1.45613 3.64526ZM6.26459 3.74248C6.22454 3.69734 6.12289 3.64526 6.06745 3.63831C5.82718 3.60359 5.1957 3.61053 4.94927 3.63831C4.77677 3.65914 4.65356 3.79456 4.63815 3.98901C4.61351 4.26678 4.61043 4.97859 4.63815 5.24942C4.65356 5.38484 4.74597 5.51678 4.85994 5.55845C4.97391 5.60012 5.91343 5.60012 6.06745 5.57581C6.21222 5.55498 6.33852 5.41609 6.357 5.24942C6.3878 4.97859 6.38164 4.26678 6.357 3.98901C6.35084 3.90914 6.31387 3.80151 6.26151 3.74248H6.26459ZM8.35 3.64526C8.23603 3.66609 8.11589 3.78762 8.10049 3.91956C8.06661 4.15567 8.07277 5.0272 8.10049 5.27373C8.11897 5.44387 8.24527 5.55845 8.39004 5.57581C8.63955 5.60706 9.25871 5.60706 9.50822 5.57581C9.71152 5.55151 9.80085 5.39178 9.81934 5.17651C9.84398 4.88484 9.8409 4.35706 9.81934 4.06192C9.80393 3.85012 9.73001 3.67303 9.5267 3.64178C9.3234 3.61053 8.55022 3.60706 8.35308 3.64526H8.35Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M1.45613 3.6467C1.66868 3.60503 2.38641 3.61198 2.61127 3.63976C2.75605 3.65712 2.88235 3.7717 2.90083 3.94184C2.92855 4.21267 2.92855 5.00434 2.90083 5.27517C2.88235 5.44531 2.75605 5.5599 2.61127 5.57726C2.36176 5.60851 1.74261 5.60851 1.4931 5.57726C1.27747 5.54948 1.19738 5.37934 1.18198 5.15365C1.16042 4.86198 1.15734 4.30295 1.18506 4.01823C1.20354 3.83767 1.28363 3.67795 1.45613 3.6467Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8.34999 3.64497C8.54714 3.60677 9.32031 3.61024 9.52361 3.64149C9.72692 3.67274 9.80085 3.84983 9.81625 4.06163C9.83781 4.35677 9.83781 4.88455 9.81625 5.17622C9.79777 5.39149 9.70844 5.55121 9.50513 5.57552C9.25562 5.60677 8.63647 5.60677 8.38696 5.57552C8.24218 5.55816 8.11588 5.44358 8.0974 5.27344C8.06968 5.02691 8.0666 4.15538 8.0974 3.91927C8.11588 3.78733 8.23294 3.6658 8.34691 3.64497H8.34999Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M6.26457 3.74351C6.31386 3.79906 6.35082 3.91018 6.36006 3.99004C6.38471 4.26781 6.38779 4.97962 6.36006 5.25045C6.34158 5.41712 6.21529 5.55601 6.07051 5.57684C5.91341 5.59768 4.97698 5.60115 4.863 5.55948C4.74903 5.51781 4.65662 5.38587 4.64122 5.25045C4.61041 4.97962 4.61657 4.26781 4.64122 3.99004C4.6597 3.79559 4.77983 3.6567 4.95234 3.63934C5.19876 3.61156 5.83024 3.60809 6.07051 3.63934C6.12596 3.64629 6.22761 3.70184 6.26765 3.74351H6.26457Z",
+            fill: "white"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_3750_172528", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "11", height: "8", fill: "white", transform: "translate(-0.000976562)" }) }) })
+    ]
+  }
+);
+var factory_default = FactoryIcon;
 var DecreaseIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1102,9 +1245,9 @@ var expand_default = SuiExpandIcon;
 var SuiFilterIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
+    viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 24 24",
     width: size,
     height: size,
     className,
@@ -1189,6 +1332,65 @@ var FiltersIcon = ({ size = "1em", className, strokeWidth = 1.5, ...props }) =>
   }
 );
 var filters_default = FiltersIcon;
+var FolderIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    viewBox: "0 0 15 11",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M1.07661 0.00525527L5.88302 0L6.02335 0.0762014L7.12727 1.33431L12.8197 1.33747C13.5252 1.36584 14.0458 1.83041 14.0991 2.50676V9.15678C14.0546 9.72698 13.6605 10.1621 13.0756 10.2814L1.1509 10.2998C0.622607 10.2399 0.187312 9.89778 0.0502848 9.40641C-0.016853 6.5775 -0.016853 3.71968 0.0508351 0.891294C0.181809 0.420947 0.579132 0.0945949 1.07661 0.00525527Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
+var folder_default = FolderIcon;
+var CardIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "#fff",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M15 4.5H3A1.5 1.5 0 0 0 1.5 6v6A1.5 1.5 0 0 0 3 13.5h12a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 15 4.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M9 9h.008z" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M9 9h.008M12.75 9h.008M5.25 9h.008"
+        }
+      )
+    ]
+  }
+);
+var card_default = CardIcon;
 var HamburgerMenuIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -1497,6 +1699,30 @@ var MenuIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRun
     ]
   }
 );
+var SearchIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 16 17",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#clip0_3750_160829)", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15.7812 14.3344L12.6656 11.2188C12.525 11.0781 12.3344 11 12.1344 11H11.625C12.4875 9.89688 13 8.50937 13 7C13 3.40937 10.0906 0.5 6.5 0.5C2.90937 0.5 0 3.40937 0 7C0 10.5906 2.90937 13.5 6.5 13.5C8.00937 13.5 9.39687 12.9875 10.5 12.125V12.6344C10.5 12.8344 10.5781 13.025 10.7187 13.1656L13.8344 16.2812C14.1281 16.575 14.6031 16.575 14.8937 16.2812L15.7781 15.3969C16.0719 15.1031 16.0719 14.6281 15.7812 14.3344ZM6.5 11C4.29062 11 2.5 9.2125 2.5 7C2.5 4.79063 4.2875 3 6.5 3C8.70937 3 10.5 4.7875 10.5 7C10.5 9.20938 8.7125 11 6.5 11Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_3750_160829", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" }) }) })
+    ]
+  }
+);
+var search_default = SearchIcon;
 var MessageIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -1532,6 +1758,44 @@ var MessageIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsx
     ]
   }
 );
+var MessageIconInverse = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fill: "#fff",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M2.25 14.25a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V6.375a.375.375 0 0 0-.577-.316L11.827 8.19a.375.375 0 0 1-.577-.316v-1.5a.375.375 0 0 0-.577-.316L7.327 8.19a.375.375 0 0 1-.577-.316V3.75a1.5 1.5 0 0 0-1.5-1.5h-1.5a1.5 1.5 0 0 0-1.5 1.5z"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M9 12h.008z" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "1.5",
+          d: "M9 12h.008M12 12h.008M6 12h.008"
+        }
+      )
+    ]
+  }
+);
+var message_inverse_default = MessageIconInverse;
 var NotFoundIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -1651,6 +1915,43 @@ var PlusIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRun
   }
 );
 var plus_default = PlusIcon;
+var PlusSearchIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 49 40",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "0.5", y1: "0", x2: "0.5", y2: "40", stroke: "#E1E1E1" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M18 20H32",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M25 13V27",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var plus_search_default = PlusSearchIcon;
 var PowerIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -1923,6 +2224,67 @@ var SetupIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRu
     ]
   }
 );
+var TransferUserRightsIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 55 44",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_6038_765330)", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M13.8916 1.77712C17.9299 2.19892 23.8118 0.13434 25.5456 5.15149L25.5017 38.984C23.7021 43.8457 17.8641 41.759 13.9136 42.203L13.8038 43.4905C12.5967 44.6449 11.9383 43.4905 11.9822 42.203C7.72441 41.8256 1.03047 43.9345 0.284262 37.7852C0.986576 27.5955 -0.615578 16.207 0.284262 6.15049C0.810998 0.15654 7.89998 2.08792 11.9822 1.77712C11.8505 -0.598254 14.2208 -0.576054 13.9136 1.77712H13.8916ZM4.03725 3.75291C3.15936 3.84171 2.19368 5.0627 2.19368 5.97289V37.8074C2.23757 39.1394 3.09352 40.1162 4.43231 40.2716C9.91914 39.872 16.0644 40.7822 21.4634 40.2716C22.8461 40.1384 23.6582 39.1616 23.8996 37.7852C23.746 26.9739 24.2068 16.0738 23.6582 5.32909C23.4167 4.7519 22.3633 3.50871 21.6829 3.70851C20.4758 5.15149 20.0149 7.39367 18.0396 8.01527C16.7667 8.41486 10.4239 8.39266 8.88761 8.21507C8.11946 8.12627 7.24156 7.74887 6.64899 7.26048C5.90278 6.61668 4.60789 3.68631 4.03725 3.73071V3.75291ZM19.4223 3.70851H6.45146C7.24156 4.7297 7.3952 6.15049 8.88761 6.30588C11.6091 6.57228 14.8134 6.12829 17.5788 6.23928C18.1933 6.32808 19.554 3.81951 19.4223 3.70851Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M43.0381 1.77418C47.1203 2.10718 54.1874 0.153597 54.736 6.19194C55.6359 16.2485 54.0337 27.6369 54.736 37.8267C53.9898 43.9538 47.3178 41.867 43.0381 42.2444C43.1698 44.6198 40.7995 44.5976 41.1067 42.2444C37.1562 41.8004 31.3182 43.8872 29.5186 39.0254V4.99315C31.3621 0.153597 37.1562 2.19598 41.1067 1.77418L41.2165 0.486594C42.4236 -0.667795 43.082 0.486594 43.0381 1.77418ZM32.9643 3.74996C32.1742 3.86096 31.1207 5.37055 31.0988 6.19194C31.2524 17.0032 30.7915 27.9033 31.3402 38.648C31.7352 39.425 32.3937 40.2464 33.3374 40.2908C38.8023 39.869 44.9914 40.8236 50.3685 40.2908C51.7512 40.1576 52.6071 39.4472 52.8047 38.0265V6.16974C53.0461 5.23735 51.4439 3.39477 50.6758 3.79436C50.2588 4.01636 49.2053 6.39174 48.5469 7.03553C48.0421 7.54613 47.1862 8.03453 46.4619 8.16772C44.7939 8.45632 39.5485 8.41192 37.7927 8.21212C37.0465 8.12332 36.1247 7.74593 35.576 7.21313C34.764 6.43614 34.1494 4.48256 33.5349 3.90536C33.3154 3.68337 33.2496 3.68337 32.9423 3.72776L32.9643 3.74996ZM48.5469 3.70556H35.576C35.9052 4.48256 36.5856 6.05874 37.4196 6.23634C40.185 6.10314 43.3893 6.56934 46.1107 6.30294C47.6032 6.14754 47.7348 4.72676 48.5469 3.70556Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M42.8838 13.0305L49.49 30.4574C49.0071 31.301 48.5024 31.4564 47.822 30.7238L45.4956 24.9074L39.0431 24.7964C38.6261 24.9074 37.1117 30.7016 36.2996 31.1012C35.4437 31.523 34.7853 30.524 35.1364 29.6804C37.5068 24.8408 38.8016 18.5805 41.2159 13.8963C41.6109 13.1193 41.9621 12.4533 42.9058 13.0305H42.8838ZM44.6396 22.865C44.0471 21.0669 43.3667 18.6249 42.5107 16.9377C42.401 16.7379 42.3791 16.4271 42.0718 16.4049L39.7234 22.865H44.6177H44.6396Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M6.34138 35.7656H19.7293C20.1463 35.7656 20.9583 37.4972 18.6758 37.7192C16.1299 37.9634 9.41401 38.03 6.9998 37.697C5.63907 37.4972 5.33181 36.7424 6.34138 35.7878V35.7656Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M35.2684 35.7644H48.6563C49.0294 35.7644 49.9951 37.385 47.9979 37.6736C45.5617 38.0288 38.8678 37.94 36.3219 37.6958C35.005 37.5626 34.171 36.9188 35.2684 35.7422V35.7644Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M13.4745 26.3084H4.08105V24.1994H14.8352C15.6253 24.1994 15.5595 25.7978 15.6253 26.3084L21.0463 22.157L15.6253 17.8724C15.5815 18.383 15.6253 19.9814 14.8352 19.9814H4.08105V17.8724H13.4745V15.4304C13.4745 14.9199 14.6597 14.4093 15.0767 14.8533L23.5703 21.2912C24.0312 21.7352 24.0092 22.4456 23.5703 22.8674L15.0767 29.3053C14.6377 29.7493 13.4745 29.2387 13.4745 28.7281V26.2862V26.3084Z",
+            fill: "currentColor"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_6038_765330", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "55", height: "44", fill: "white", transform: "translate(-0.000976562)" }) }) })
+    ]
+  }
+);
+var transfer_user_rights_default = TransferUserRightsIcon;
 var ToolBoxIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -2111,19 +2473,111 @@ var UserFriendIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */
     ]
   }
 );
-var user_friend_default = UserFriendIcon;
-var UserGroupIcon = ({
-  size = "1em",
-  stroke = "currentColor",
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
+var user_friend_default = UserFriendIcon;
+var UserGroupIcon = ({
+  size = "1em",
+  stroke = "currentColor",
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    preserveAspectRatio: "xMidYMid meet",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 15.75V14.25C12 13.4544 11.6839 12.6913 11.1213 12.1287C10.5587 11.5661 9.79565 11.25 9 11.25H4.5C3.70435 11.25 2.94129 11.5661 2.37868 12.1287C1.81607 12.6913 1.5 13.4544 1.5 14.25V15.75",
+          stroke,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 2.34595C12.6433 2.51272 13.213 2.8884 13.6198 3.41399C14.0265 3.93959 14.2471 4.58536 14.2471 5.24995C14.2471 5.91453 14.0265 6.5603 13.6198 7.0859C13.213 7.6115 12.6433 7.98717 12 8.15395",
+          stroke,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M16.5 15.7499V14.2499C16.4995 13.5852 16.2783 12.9395 15.871 12.4141C15.4638 11.8888 14.8936 11.5136 14.25 11.3474",
+          stroke,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6.75 8.25C8.40685 8.25 9.75 6.90685 9.75 5.25C9.75 3.59315 8.40685 2.25 6.75 2.25C5.09315 2.25 3.75 3.59315 3.75 5.25C3.75 6.90685 5.09315 8.25 6.75 8.25Z",
+          stroke,
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var user_group_default = UserGroupIcon;
+var UserNameIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M14.25 15.75V14.25C14.25 13.4544 13.9339 12.6913 13.3713 12.1287C12.8087 11.5661 12.0456 11.25 11.25 11.25H6.75C5.95435 11.25 5.19129 11.5661 4.62868 12.1287C4.06607 12.6913 3.75 13.4544 3.75 14.25V15.75",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 8.25C10.6569 8.25 12 6.90685 12 5.25C12 3.59315 10.6569 2.25 9 2.25C7.34315 2.25 6 3.59315 6 5.25C6 6.90685 7.34315 8.25 9 8.25Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var user_name_default = UserNameIcon;
+var UserActiveIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
     width: size,
     height: size,
     className,
@@ -2133,8 +2587,8 @@ var UserGroupIcon = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M12 15.75V14.25C12 13.4544 11.6839 12.6913 11.1213 12.1287C10.5587 11.5661 9.79565 11.25 9 11.25H4.5C3.70435 11.25 2.94129 11.5661 2.37868 12.1287C1.81607 12.6913 1.5 13.4544 1.5 14.25V15.75",
-          stroke,
+          d: "M1.5 15.7501C1.49994 14.5953 1.8331 13.4651 2.45951 12.495C3.08592 11.5249 3.97896 10.7562 5.03145 10.2811C6.08394 9.806 7.25118 9.64472 8.39307 9.8166C9.53496 9.98848 10.603 10.4862 11.469 11.2501",
+          stroke: "currentColor",
           strokeWidth: "1.5",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -2143,8 +2597,8 @@ var UserGroupIcon = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M12 2.34595C12.6433 2.51272 13.213 2.8884 13.6198 3.41399C14.0265 3.93959 14.2471 4.58536 14.2471 5.24995C14.2471 5.91453 14.0265 6.5603 13.6198 7.0859C13.213 7.6115 12.6433 7.98717 12 8.15395",
-          stroke,
+          d: "M7.5 9.75C9.57107 9.75 11.25 8.07107 11.25 6C11.25 3.92893 9.57107 2.25 7.5 2.25C5.42893 2.25 3.75 3.92893 3.75 6C3.75 8.07107 5.42893 9.75 7.5 9.75Z",
+          stroke: "currentColor",
           strokeWidth: "1.5",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -2153,8 +2607,34 @@ var UserGroupIcon = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M16.5 15.7499V14.2499C16.4995 13.5852 16.2783 12.9395 15.871 12.4141C15.4638 11.8888 14.8936 11.5136 14.25 11.3474",
-          stroke,
+          d: "M12 14.25L13.5 15.75L16.5 12.75",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var user_active_default = UserActiveIcon;
+var UserInactiveIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M1.5 15.75C1.5 14.7061 1.77238 13.6802 2.29022 12.7737C2.80807 11.8673 3.55346 11.1116 4.45274 10.5814C5.35203 10.0512 6.37409 9.76484 7.41794 9.75056C8.46179 9.73628 9.4913 9.99461 10.4048 10.5",
+          stroke: "currentColor",
           strokeWidth: "1.5",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -2163,8 +2643,28 @@ var UserGroupIcon = ({
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
-          d: "M6.75 8.25C8.40685 8.25 9.75 6.90685 9.75 5.25C9.75 3.59315 8.40685 2.25 6.75 2.25C5.09315 2.25 3.75 3.59315 3.75 5.25C3.75 6.90685 5.09315 8.25 6.75 8.25Z",
-          stroke,
+          d: "M7.5 9.75C9.57107 9.75 11.25 8.07107 11.25 6C11.25 3.92893 9.57107 2.25 7.5 2.25C5.42893 2.25 3.75 3.92893 3.75 6C3.75 8.07107 5.42893 9.75 7.5 9.75Z",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12.75 12.75L16.5 16.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M16.5 12.75L12.75 16.5",
+          stroke: "currentColor",
           strokeWidth: "1.5",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -2173,7 +2673,7 @@ var UserGroupIcon = ({
     ]
   }
 );
-var user_group_default = UserGroupIcon;
+var user_inactive_default = UserInactiveIcon;
 var UserProtectIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "svg",
   {
@@ -2285,55 +2785,119 @@ var SuiWarningIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */
   }
 );
 var warning_default = SuiWarningIcon;
-var FactoryIcon = ({ size = "1em", className, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      viewBox: "0 0 11 9",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      height: size,
-      className,
-      "aria-hidden": true,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_4362_106915)", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M4.09997 2.18649L7.16802 0.884405C7.28199 0.818433 7.53766 1.01288 7.53766 1.1344V2.16218L7.6424 2.14482C8.59115 1.8219 9.59843 1.19343 10.541 0.90871C10.7567 0.842738 10.8983 0.90871 10.9877 1.14482L11 8.51982C10.9815 8.72121 10.8675 8.84968 10.6889 8.87052L0.25259 8.86357C0.110893 8.81496 0.0277233 8.71079 0 8.54413V2.70385C0.00308037 2.58579 0.0462056 2.4851 0.129376 2.41565L3.69028 0.887877C3.87202 0.821905 4.09997 1.01982 4.09997 1.22815V2.18302V2.18649ZM1.45393 4.51635C1.28143 4.5476 1.20134 4.70732 1.18286 4.88788C1.15514 5.17607 1.15822 5.73163 1.17978 6.02329C1.19518 6.24899 1.27527 6.41913 1.4909 6.4469C1.74041 6.47815 2.35956 6.47815 2.60907 6.4469C2.75693 6.42954 2.88015 6.31496 2.89863 6.14482C2.92635 5.87399 2.92635 5.08232 2.89863 4.81149C2.88015 4.64135 2.75385 4.52677 2.60907 4.5094C2.38421 4.48163 1.66648 4.47468 1.45393 4.51635ZM6.26239 4.61357C6.22235 4.56843 6.1207 4.51635 6.06525 4.5094C5.82498 4.47468 5.1935 4.48163 4.94707 4.5094C4.77457 4.53024 4.65136 4.66565 4.63596 4.8601C4.61131 5.13788 4.60823 5.84968 4.63596 6.12052C4.65136 6.25593 4.74377 6.38788 4.85774 6.42954C4.97172 6.47121 5.91123 6.47121 6.06525 6.4469C6.21003 6.42607 6.33632 6.28718 6.3548 6.12052C6.38561 5.84968 6.37945 5.13788 6.3548 4.8601C6.34864 4.78024 6.31168 4.6726 6.25931 4.61357H6.26239Z",
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M1.45516 4.5178C1.6677 4.47613 2.38543 4.48307 2.6103 4.51085C2.75507 4.52821 2.88137 4.6428 2.89985 4.81293C2.92757 5.08377 2.92757 5.87543 2.89985 6.14627C2.88137 6.31641 2.75507 6.43099 2.6103 6.44835C2.36079 6.4796 1.74163 6.4796 1.49212 6.44835C1.2765 6.42057 1.19641 6.25043 1.181 6.02474C1.15944 5.73307 1.15636 5.17405 1.18408 4.88932C1.20257 4.70877 1.28266 4.54905 1.45516 4.5178Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M8.35268 4.51606C8.54982 4.47786 9.32299 4.48134 9.5263 4.51259C9.7296 4.54384 9.80353 4.72092 9.81893 4.93273C9.8405 5.22786 9.8405 5.75564 9.81893 6.04731C9.80045 6.26259 9.71112 6.42231 9.50782 6.44661C9.25831 6.47786 8.63915 6.47786 8.38964 6.44661C8.24486 6.42925 8.11857 6.31467 8.10009 6.14453C8.07236 5.898 8.06928 5.02648 8.10009 4.79036C8.11857 4.65842 8.23562 4.53689 8.3496 4.51606H8.35268Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: "M6.26921 4.6146C6.3185 4.67016 6.35546 4.78127 6.3647 4.86113C6.38935 5.13891 6.39243 5.85071 6.3647 6.12155C6.34622 6.28821 6.21993 6.4271 6.07515 6.44794C5.91805 6.46877 4.98162 6.47224 4.86764 6.43057C4.75367 6.38891 4.66126 6.25696 4.64586 6.12155C4.61505 5.85071 4.62121 5.13891 4.64586 4.86113C4.66434 4.66669 4.78447 4.5278 4.95697 4.51044C5.2034 4.48266 5.83488 4.47919 6.07515 4.51044C6.13059 4.51738 6.23225 4.57294 6.27229 4.6146H6.26921Z",
-              fill: "white"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_4362_106915", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "11", height: "8", fill: "white", transform: "translate(0 0.871094)" }) }) })
-      ]
-    }
-  );
-};
-var factory_default = FactoryIcon;
+var TagListViewIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 19 19",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M8.38937 2.32621C8.13937 2.07615 7.80029 1.93562 7.4467 1.93555H2.66536C2.31174 1.93555 1.9726 2.07602 1.72256 2.32607C1.47251 2.57612 1.33203 2.91526 1.33203 3.26888V8.05021C1.33211 8.40381 1.47263 8.74289 1.7227 8.99288L7.52536 14.7955C7.82837 15.0966 8.2382 15.2656 8.66536 15.2656C9.09253 15.2656 9.50236 15.0966 9.80536 14.7955L14.192 10.4089C14.4931 10.1059 14.6621 9.69605 14.6621 9.26888C14.6621 8.84171 14.4931 8.43189 14.192 8.12888L8.38937 2.32621Z",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5.0013 5.93425C5.1854 5.93425 5.33464 5.78501 5.33464 5.60091C5.33464 5.41682 5.1854 5.26758 5.0013 5.26758C4.81721 5.26758 4.66797 5.41682 4.66797 5.60091C4.66797 5.78501 4.81721 5.93425 5.0013 5.93425Z",
+          fill: "#FFFFFF",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    ]
+  }
+);
+var tag_list_view_default = TagListViewIcon;
+var EllipsisBoxIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 18 18",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M15 4.5H3C2.17157 4.5 1.5 5.17157 1.5 6V12C1.5 12.8284 2.17157 13.5 3 13.5H15C15.8284 13.5 16.5 12.8284 16.5 12V6C16.5 5.17157 15.8284 4.5 15 4.5Z",
+          fill: "currentColor",
+          stroke: "currentColor",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M9 9H9.0075",
+          stroke: "#FCFEFC",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12.75 9H12.7575",
+          stroke: "#FCFEFC",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M5.25 9H5.2575",
+          stroke: "#FCFEFC",
+          "stroke-width": "1.5",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      )
+    ]
+  }
+);
+var ellipsis_box_default = EllipsisBoxIcon;
+var ImagePlaceholderIcon = ({ size = "1em", className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    "data-testid": "image-placeholder",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 200 200",
+    fill: "currentColor",
+    width: size,
+    height: size,
+    className,
+    "aria-hidden": true,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M41.6667 183.334C34.7223 183.334 28.8195 180.903 23.9584 176.042C19.0973 171.181 16.6667 165.278 16.6667 158.334V41.667C16.6667 34.7225 19.0973 28.8198 23.9584 23.9587C28.8195 19.0975 34.7223 16.667 41.6667 16.667H158.333C165.278 16.667 171.181 19.0975 176.042 23.9587C180.903 28.8198 183.333 34.7225 183.333 41.667V158.334C183.333 165.278 180.903 171.181 176.042 176.042C171.181 180.903 165.278 183.334 158.333 183.334H41.6667ZM41.6667 166.667H158.333C160.695 166.667 162.672 165.867 164.267 164.267C165.867 162.673 166.667 160.695 166.667 158.334V41.667C166.667 39.3059 165.867 37.3253 164.267 35.7253C162.672 34.1309 160.695 33.3337 158.333 33.3337H41.6667C39.3056 33.3337 37.3251 34.1309 35.7251 35.7253C34.1306 37.3253 33.3334 39.3059 33.3334 41.667V158.334C33.3334 160.695 34.1306 162.673 35.7251 164.267C37.3251 165.867 39.3056 166.667 41.6667 166.667ZM50.0001 150L83.3334 116.667L98.3334 131.459L116.667 108.334L150 150H50.0001ZM66.6667 83.3337C62.0834 83.3337 58.1612 81.7003 54.9001 78.4337C51.6334 75.1725 50.0001 71.2503 50.0001 66.667C50.0001 62.0837 51.6334 58.1614 54.9001 54.9003C58.1612 51.6337 62.0834 50.0003 66.6667 50.0003C71.2501 50.0003 75.1751 51.6337 78.4417 54.9003C81.7029 58.1614 83.3334 62.0837 83.3334 66.667C83.3334 71.2503 81.7029 75.1725 78.4417 78.4337C75.1751 81.7003 71.2501 83.3337 66.6667 83.3337Z",
+        fill: "currentColor",
+        fillOpacity: "0.9"
+      }
+    )
+  }
+);
+var image_placeholder_default = ImagePlaceholderIcon;
 var AuditFooter = ({
   createdAt,
   createdBy,
@@ -3300,6 +3864,21 @@ var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
   {
     variants: {
+      color: {
+        // Default behavior: just color the text
+        default: "text-sus-primary-green-9",
+        primary: "text-sus-primary-green-9",
+        destructive: "text-sus-button-red-2",
+        red: "text-sus-button-red-2",
+        gray: "text-sus-button-accent-2",
+        accent: "text-sus-button-accent-2",
+        warning: "text-sus-button-yellow-2",
+        yellow: "text-sus-button-yellow-2",
+        yellowDark: "text-sus-button-yellowdark-2",
+        green: "text-sus-button-green-2",
+        blue: "text-sus-button-blue-2",
+        black: "text-sus-button-black-2"
+      },
       variant: {
         default: cn(
           cotton,
@@ -3380,6 +3959,130 @@ var buttonVariants = classVarianceAuthority.cva(
         false: ""
       }
     },
+    compoundVariants: [
+      // cotton
+      {
+        variant: "default",
+        color: "default",
+        className: "bg-sus-primary-green-9 hover:bg-sus-primary-green-8 hover:ring-sus-primary-green-8/20 focus-visible:ring-2 focus-visible:bg-sus-primary-green-8 active:bg-sus-primary-green-10 focus-visible:ring-sus-primary-green-10"
+      },
+      {
+        variant: "default",
+        color: "primary",
+        className: "bg-sus-primary-green-9 hover:bg-sus-primary-green-8 hover:ring-sus-primary-green-8/20 focus-visible:ring-2 focus-visible:bg-sus-primary-green-8 active:bg-sus-primary-green-10 focus-visible:ring-sus-primary-green-10"
+      },
+      {
+        variant: "default",
+        color: "destructive",
+        className: "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3"
+      },
+      {
+        variant: "default",
+        color: "red",
+        className: "bg-sus-button-red-2 hover:bg-sus-button-red-1 hover:ring-sus-button-red-1/20 focus-visible:ring-2 active:bg-sus-button-red-3 focus-visible:bg-sus-button-red-1 focus-visible:ring-sus-button-red-3"
+      },
+      {
+        variant: "default",
+        color: "gray",
+        className: "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3"
+      },
+      {
+        variant: "default",
+        color: "accent",
+        className: "bg-sus-button-accent-2 hover:bg-sus-button-accent-1 hover:ring-sus-button-accent-1/20 focus-visible:ring-2 active:bg-sus-button-accent-3 focus-visible:bg-sus-button-accent-1 focus-visible:ring-sus-button-accent-3"
+      },
+      {
+        variant: "default",
+        color: "warning",
+        className: "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3"
+      },
+      {
+        variant: "default",
+        color: "yellow",
+        className: "bg-sus-button-yellow-2 hover:bg-sus-button-yellow-1 hover:ring-sus-button-yellow-1/20 focus-visible:ring-2 active:bg-sus-button-yellow-3 focus-visible:bg-sus-button-yellow-1 focus-visible:ring-sus-button-yellow-3"
+      },
+      {
+        variant: "default",
+        color: "yellowDark",
+        className: "bg-sus-button-yellowdark-2 hover:bg-sus-button-yellowdark-1 hover:ring-sus-button-yellowdark-1/20 focus-visible:ring-2 active:bg-sus-button-yellowdark-3 focus-visible:bg-sus-button-yellowdark-1 focus-visible:ring-sus-button-yellowdark-3"
+      },
+      {
+        variant: "default",
+        color: "green",
+        className: "bg-sus-button-green-2 hover:bg-sus-button-green-1 hover:ring-sus-button-green-1/20 focus-visible:ring-2 active:bg-sus-button-green-3 focus-visible:bg-sus-button-green-1 focus-visible:ring-sus-button-green-3"
+      },
+      {
+        variant: "default",
+        color: "blue",
+        className: "bg-sus-button-blue-2 hover:bg-sus-button-blue-1 hover:ring-sus-button-blue-1/20 focus-visible:ring-2 active:bg-sus-button-blue-3 focus-visible:bg-sus-button-blue-1 focus-visible:ring-sus-button-blue-3"
+      },
+      {
+        variant: "default",
+        color: "black",
+        className: "bg-sus-button-black-2 hover:bg-sus-button-black-1 hover:ring-sus-button-black-1/20 focus-visible:ring-2 active:bg-sus-button-black-3 focus-visible:bg-sus-button-black-1 focus-visible:ring-sus-button-black-3"
+      },
+      // outline
+      {
+        variant: "defaultOutline",
+        color: "default",
+        className: "border border-sus-primary-green-9 text-black hover:border-sus-primary-green-8 hover:text-sus-primary-green-8 active:border-sus-primary-green-9 active:text-black  focus-visible:border-sus-primary-green-10 focus-visible:text-sus-primary-green-10"
+      },
+      {
+        variant: "defaultOutline",
+        color: "primary",
+        className: "border border-sus-primary-green-9 text-black hover:border-sus-primary-green-8 hover:text-sus-primary-green-8 active:border-sus-primary-green-9 active:text-black  focus-visible:border-sus-primary-green-10 focus-visible:text-sus-primary-green-10"
+      },
+      {
+        variant: "defaultOutline",
+        color: "destructive",
+        className: "border border-sus-button-red-2 text-black hover:border-sus-button-red-1 hover:text-sus-button-red-1 active:border-sus-button-red-2 active:text-black  focus-visible:border-sus-button-red-3 focus-visible:text-sus-button-red-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "red",
+        className: "border border-sus-button-red-2 text-sus-button-red-2 hover:border-sus-button-red-1 hover:text-sus-button-red-1 active:border-sus-button-red-2 active:text-sus-button-red-2  focus-visible:border-sus-button-red-3 focus-visible:text-sus-button-red-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "gray",
+        className: "border border-sus-button-accent-2 text-sus-button-accent-2 hover:border-sus-button-accent-1 hover:text-sus-button-accent-1 active:border-sus-button-accent-2 active:text-sus-button-accent-2  focus-visible:border-sus-button-accent-3 focus-visible:text-sus-button-accent-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "accent",
+        className: "border border-sus-button-accent-2 text-black hover:border-sus-button-accent-1 hover:text-sus-button-accent-1 active:border-sus-button-accent-2 active:text-black  focus-visible:border-sus-button-accent-3 focus-visible:text-sus-button-accent-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "warning",
+        className: "border border-sus-button-yellow-2 text-black hover:border-sus-button-yellow-1 hover:text-sus-button-yellow-1 active:border-sus-button-yellow-2 active:text-black  focus-visible:border-sus-button-yellow-3 focus-visible:text-sus-button-yellow-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "yellow",
+        className: "border border-sus-button-yellow-2 text-sus-button-yellow-2 hover:border-sus-button-yellow-1 hover:text-sus-button-yellow-1 active:border-sus-button-yellow-2 active:text-sus-button-yellow-2  focus-visible:border-sus-button-yellow-3 focus-visible:text-sus-button-yellow-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "yellowDark",
+        className: "border border-sus-button-yellowdark-2 text-sus-button-yellowdark-2 hover:border-sus-button-yellowdark-1 hover:text-sus-button-yellowdark-1 active:border-sus-button-yellowdark-2 active:text-sus-button-yellowdark-2  focus-visible:border-sus-button-yellowdark-3 focus-visible:text-sus-button-yellowdark-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "green",
+        className: "border border-sus-button-green-2 text-sus-button-green-2 hover:border-sus-button-green-1 hover:text-sus-button-green-1 active:border-sus-button-green-2 active:text-sus-button-green-2  focus-visible:border-sus-button-green-3 focus-visible:text-sus-button-green-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "blue",
+        className: "border border-sus-button-blue-2 text-sus-button-blue-2 hover:border-sus-button-blue-1 hover:text-sus-button-blue-1 active:border-sus-button-blue-2 active:text-sus-button-blue-2  focus-visible:border-sus-button-blue-3 focus-visible:text-sus-button-blue-3"
+      },
+      {
+        variant: "defaultOutline",
+        color: "black",
+        className: "border border-sus-button-black-2 text-sus-button-black-2 hover:border-sus-button-black-1 hover:text-sus-button-black-1 active:border-sus-button-black-2 active:text-sus-button-black-2  focus-visible:border-sus-button-black-3 focus-visible:text-sus-button-black-3"
+      }
+    ],
     defaultVariants: {
       variant: "default",
       size: "default"
@@ -3391,6 +4094,7 @@ function Button({
   variant,
   size,
   active,
+  color,
   asChild = false,
   ...props
 }) {
@@ -3399,7 +4103,7 @@ function Button({
     Comp,
     {
       "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className, active })),
+      className: cn(buttonVariants({ variant, size, className, active, color })),
       ...props
     }
   );
@@ -8915,6 +9619,8 @@ function ToolbarPlugin({
   disabled,
   onImageUpload,
   onImageUploadError,
+  onImageDialogUpload,
+  onImageDialogUploadError,
   allowImageUrlInsert = true,
   acceptImageMimeTypes
 }) {
@@ -9365,6 +10071,30 @@ function ToolbarPlugin({
     });
     closeImageDialog();
   }, [closeImageDialog, editor, imageNodeKey]);
+  const [imageDialogLoading, setImageDialogLoading] = React28.useState(false);
+  const imageDialogFileInputRef = React28.useRef(null);
+  const imageDialogHandleFileChange = async (event) => {
+    const files = Array.from(event.target.files ?? []);
+    if (files.length === 0 || !onImageDialogUpload) {
+      return;
+    }
+    try {
+      setImageDialogLoading(true);
+      imageForm.setValue("url", "Uploading Image...");
+      const url = await onImageDialogUpload(files[0]);
+      imageForm.setValue("url", url);
+    } catch (error) {
+      imageForm.setValue("url", "");
+      onImageDialogUploadError?.(error);
+      console.error("[RichText] Failed to upload image via dialog:", error);
+      return;
+    } finally {
+      setImageDialogLoading(false);
+    }
+  };
+  const imageDialogHandleUploadClick = () => {
+    imageDialogFileInputRef.current?.click();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -9645,7 +10375,37 @@ function ToolbarPlugin({
           rules: { required: "Please enter an image URL." },
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Image URL" }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "https://example.com/image.jpg", ...field }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  placeholder: "https://example.com/image.jpg",
+                  ...field,
+                  disabled: imageDialogLoading
+                }
+              ),
+              onImageDialogUpload && /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "defaultOutline",
+                  color: "blue",
+                  onClick: imageDialogHandleUploadClick,
+                  disabled: imageDialogLoading,
+                  children: "Upload"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref: imageDialogFileInputRef,
+                  type: "file",
+                  className: "hidden",
+                  onChange: imageDialogHandleFileChange,
+                  accept: imageAccept
+                }
+              )
+            ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
           ] })
         }
@@ -9657,7 +10417,7 @@ function ToolbarPlugin({
           name: "alt",
           render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Alt text" }),
-            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Describe the image", ...field }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Describe the image", ...field, disabled: imageDialogLoading }) }),
             /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
           ] })
         }
@@ -9670,7 +10430,15 @@ function ToolbarPlugin({
             name: "width",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Width (px)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Auto", inputMode: "numeric", ...field }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  placeholder: "Auto",
+                  inputMode: "numeric",
+                  ...field,
+                  disabled: imageDialogLoading
+                }
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
             ] })
           }
@@ -9682,7 +10450,15 @@ function ToolbarPlugin({
             name: "height",
             render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(FormItem, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(FormLabel, { children: "Height (px)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(Input, { placeholder: "Auto", inputMode: "numeric", ...field }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  placeholder: "Auto",
+                  inputMode: "numeric",
+                  ...field,
+                  disabled: imageDialogLoading
+                }
+              ) }),
               /* @__PURE__ */ jsxRuntime.jsx(FormMessage, {})
             ] })
           }
@@ -9700,7 +10476,7 @@ function ToolbarPlugin({
             children: "Remove image"
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", children: editingExistingImage ? "Save changes" : "Insert image" })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: imageDialogLoading, children: editingExistingImage ? "Save changes" : "Insert image" })
       ] })
     ] }) }) }) })
   ] });
@@ -9773,6 +10549,8 @@ var RichText = React28.forwardRef(function RichText2({
   autoFocus,
   onImageUpload,
   onImageUploadError,
+  onImageDialogUpload,
+  onImageDialogUploadError,
   acceptImageMimeTypes = DEFAULT_IMAGE_ACCEPT,
   allowImageUrlInsert = true,
   className,
@@ -9836,7 +10614,9 @@ var RichText = React28.forwardRef(function RichText2({
             onImageUpload,
             onImageUploadError,
             allowImageUrlInsert,
-            acceptImageMimeTypes
+            acceptImageMimeTypes,
+            onImageDialogUpload,
+            onImageDialogUploadError
           }
         ) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 overflow-auto", children: [
@@ -13561,6 +14341,8 @@ exports.ApplicationLogIcon = application_log_default;
 exports.ArrowIcon = arrow_default;
 exports.AuditFooter = AuditFooter;
 exports.Button = Button;
+exports.Calendar2Icon = calendar2_default;
+exports.CardIcon = card_default;
 exports.Checkbox = Checkbox;
 exports.Collapsible = Collapsible;
 exports.CollapsibleContent = CollapsibleContent2;
@@ -13575,6 +14357,7 @@ exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
 exports.CommandSeparator = CommandSeparator;
 exports.CommandShortcut = CommandShortcut;
+exports.CopyUserRightsIcon = copy_user_rights_default;
 exports.CropperModal = CropperModal;
 exports.CropperModalError = CropperModalError;
 exports.CustomActionStatusIcon = custom_action_status_default;
@@ -13594,6 +14377,7 @@ exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.EllipsisBoxIcon = ellipsis_box_default;
 exports.ErrorCompression = ErrorCompression;
 exports.ErrorCreateCanvas = ErrorCreateCanvas;
 exports.ErrorGeneratingBlob = ErrorGeneratingBlob;
@@ -13601,6 +14385,7 @@ exports.ErrorInvalidSVG = ErrorInvalidSVG;
 exports.ErrorSVGExceedSize = ErrorSVGExceedSize;
 exports.FactoryIcon = factory_default;
 exports.FiltersIcon = filters_default;
+exports.FolderIcon = folder_default;
 exports.Form = Form;
 exports.FormControl = FormControl;
 exports.FormDescription = FormDescription;
@@ -13616,6 +14401,7 @@ exports.HeaderCell = HeaderCell_default;
 exports.HomeIcon = HomeIcon;
 exports.HomePlusIcon = HomePlusIcon;
 exports.Image = Image2;
+exports.ImagePlaceholderIcon = image_placeholder_default;
 exports.InformationIcon = information_default;
 exports.Input = Input;
 exports.InputNumber = InputNumber_default;
@@ -13627,10 +14413,13 @@ exports.ManIcon = ManIcon;
 exports.ManagementIcon = ManagementIcon;
 exports.MenuIcon = MenuIcon;
 exports.MessageIcon = MessageIcon;
+exports.MessageIconInverse = message_inverse_default;
 exports.MonthPicker = MonthPicker2;
 exports.Navbar = navbar_default;
 exports.NotFoundIcon = not_found_default;
+exports.OutlineArrowIcon = outline_arrow_default;
 exports.PlusIcon = plus_default;
+exports.PlusSearchIcon = plus_search_default;
 exports.Popover = Popover;
 exports.PopoverAnchor = PopoverAnchor;
 exports.PopoverArrow = PopoverArrow;
@@ -13645,6 +14434,7 @@ exports.RadioLabel = RadioLabel;
 exports.RichText = RichText;
 exports.RightPanelContainer = RightPanelContainer_default;
 exports.RoleIcon = role_default;
+exports.SearchIcon = search_default;
 exports.Select = Select;
 exports.SelectContent = SelectContent;
 exports.SelectGroup = SelectGroup;
@@ -13703,6 +14493,7 @@ exports.SuiTriangleDownIcon = triangle_down_default;
 exports.SuiWarningIcon = warning_default;
 exports.Switch = Switch;
 exports.TabSelect = TabSelect;
+exports.TagListViewIcon = tag_list_view_default;
 exports.Textarea = Textarea;
 exports.ToolBoxIcon = ToolBoxIcon;
 exports.Tooltip = Tooltip2;
@@ -13710,14 +14501,18 @@ exports.TooltipArrow = TooltipArrow;
 exports.TooltipContent = TooltipContent2;
 exports.TooltipProvider = TooltipProvider2;
 exports.TooltipTrigger = TooltipTrigger2;
+exports.TransferUserRightsIcon = transfer_user_rights_default;
 exports.TrashIcon = trash_default;
 exports.Truncated = truncated_default;
 exports.TruncatedMouseEnterDiv = truncatedMouseEnterDiv_default;
 exports.UI = ui_exports;
+exports.UserActiveIcon = user_active_default;
 exports.UserAloneIcon = user_alone_default;
 exports.UserFriendIcon = user_friend_default;
 exports.UserGroupIcon = user_group_default;
 exports.UserIcon = user_default;
+exports.UserInactiveIcon = user_inactive_default;
+exports.UserNameIcon = user_name_default;
 exports.UserProtectIcon = UserProtectIcon;
 exports.VirtualizedCommand = VirtualizedCommand_default;
 exports.booleanToSelectValue = booleanToSelectValue;