@syscore/ui-library 1.5.2 → 1.6.0

package/dist/index.es.js

@@ -26,9 +26,9 @@ import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { DayPicker } from "react-day-picker";
-import { AnimatePresence, motion } from "motion/react";
 import { Command as Command$1 } from "cmdk";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { AnimatePresence, motion } from "motion/react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -2041,1269 +2041,317 @@ function Calendar({
   );
 }
 Calendar.displayName = "Calendar";
-const NavLogo = ({ dark = false }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "64",
-      height: "16",
-      viewBox: "0 0 64 16",
-      fill: "none",
-      className: cn(dark ? "text-gray-700" : "text-white"),
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M53.5868 0H55.0485C55.6026 0 56.0325 0.404706 56.0325 0.969412V12.8941H63.016C63.5701 12.8941 64 13.2988 64 13.8447V15.0306C64 15.5765 63.5701 16 63.016 16H53.5868C53.0327 16 52.6028 15.5765 52.6028 15.0306V0.969412C52.6028 0.404706 53.0423 0 53.5868 0Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M39.9826 0H41.4442C41.9983 0 42.4282 0.404706 42.4282 0.969412V12.8941H49.4118C49.9659 12.8941 50.3958 13.2988 50.3958 13.8447V15.0306C50.3958 15.5765 49.9659 16 49.4118 16H39.9826C39.4285 16 38.9986 15.5765 38.9986 15.0306V0.969412C38.9986 0.404706 39.4285 0 39.9826 0Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M25.4615 0H35.5212C36.0944 0 36.5052 0.404706 36.5052 0.969412V2.15529C36.5052 2.70118 36.0944 3.12471 35.5212 3.12471H27.9072V6.37176H34.222C34.7761 6.37176 35.206 6.77647 35.206 7.32235V8.50824C35.206 9.07294 34.7761 9.47765 34.222 9.47765H27.9072V12.8941H35.6359C36.2091 12.8941 36.6199 13.2988 36.6199 13.8447V15.0306C36.6199 15.5765 36.2091 16 35.6359 16H25.4615C24.9074 16 24.4775 15.5765 24.4775 15.0306V0.969412C24.4775 0.404706 24.9074 0 25.4615 0Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M2.26579 0C2.81989 0 3.37399 0.376471 3.53639 0.922353L6.56483 10.4941L9.51684 0.856471C9.66014 0.357647 10.1665 0 10.6728 0H11.6855C12.2109 0 12.7172 0.357647 12.8605 0.856471L15.8412 10.5035L18.8314 0.922353C18.9747 0.376471 19.5288 0 20.102 0H21.6401C22.1942 0 22.4808 0.404706 22.2898 0.922353L17.4653 15.1435C17.2933 15.6141 16.7965 16 16.2616 16H15.2489C14.7426 16 14.2362 15.6424 14.0929 15.1435L11.1887 5.92L8.25578 15.1435C8.11248 15.6424 7.60615 16 7.08071 16H6.08716C5.58083 16 5.0745 15.6235 4.91209 15.1435L0.0589489 0.922353C-0.13212 0.404706 0.154483 0 0.727688 0H2.26579Z",
-            fill: "currentColor"
-          }
-        )
-      ]
+      "data-slot": "dialog-overlay",
+      className: cn("dialog-overlay", className),
+      ...props
     }
   );
-};
-const NavAccount = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn("dialog-content", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "dialog-content-inner", children }),
+          showCloseButton && /* @__PURE__ */ jsxs(
+            SheetPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "dialog-close",
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
     {
-      width: "32",
-      height: "32",
-      viewBox: "0 0 32 32",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn(
-        "transition-colors duration-300 text-bronze-500",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M16.0001 14.5C18.2093 14.5 20.0001 12.7091 20.0001 10.5C20.0001 8.29086 18.2093 6.5 16.0001 6.5C13.791 6.5 12.0001 8.29086 12.0001 10.5C12.0001 12.7091 13.791 14.5 16.0001 14.5Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M6.90759 23.3314C8.48801 19.8899 11.9649 17.5 16 17.5C20.0351 17.5 23.5121 19.89 25.0924 23.3316C22.8919 25.8841 19.6347 27.5 16.0001 27.5C12.3654 27.5 9.10818 25.8841 6.90759 23.3314Z",
-            fill: "currentColor"
-          }
-        )
-      ]
+      "data-slot": "dialog-header",
+      className: cn("dialog-header", className),
+      ...props
     }
   );
-};
-const NavBullet = ({ color }) => {
+}
+function DialogFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx(
-    "svg",
+    "div",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "8",
-      height: "9",
-      viewBox: "0 0 8 9",
-      fill: "none",
-      children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4.5", r: "3.5", fill: color, stroke: "#F3E7D8" })
+      "data-slot": "dialog-footer",
+      className: cn("dialog-footer", className),
+      ...props
     }
   );
-};
-const UtilityClearRegular = ({
-  className
-}) => {
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ jsx(
-    "div",
+    SheetPrimitive.Title,
     {
-      className: cn(
-        "size-4 flex items-center justify-center text-gray-500",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "14",
-          height: "14",
-          viewBox: "0 0 14 14",
-          fill: "none",
-          className: cn("size-[14px] text-inherit"),
-          children: [
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M6.65039 12.65L0.650391 6.65L6.65039 0.65",
-                stroke: "currentColor",
-                strokeWidth: "1.3",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: "M12.6504 6.65H0.650391",
-                stroke: "currentColor",
-                strokeWidth: "1.3",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          ]
-        }
-      )
+      "data-slot": "dialog-title",
+      className: cn("dialog-title heading-xxsmall", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("dialog-description", className),
+      ...props
     }
   );
+}
+const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1, { ref, className: cn("command", className), ...props }));
+Command.displayName = Command$1.displayName;
+const CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "command-dialog-content", children: /* @__PURE__ */ jsx(Command, { children }) }) });
 };
-const StandardLogo = ({ className = "" }) => {
-  return /* @__PURE__ */ jsxs(
-    "svg",
+const CommandInput = React.forwardRef(({ className, icon: Icon = Search, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: cn("command-input-wrapper", className), "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx(Icon, { className: "icon-4 icon-shrink-0" }),
+  /* @__PURE__ */ jsx(
+    Command$1.Input,
     {
-      width: "93",
-      height: "18",
-      viewBox: "0 0 93 18",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("text-gray-700", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M87.4833 17.1541C84.5265 17.1541 82.2737 14.8309 82.2737 11.7333C82.2737 8.63573 84.5265 6.31253 87.4833 6.31253C89.4779 6.31253 91.1675 7.36853 92.0358 9.0112V0.281599C92.0358 0.117333 92.1531 0 92.3174 0H92.599C92.7633 0 92.8806 0.117333 92.8806 0.281599V16.7317C92.8806 16.896 92.7633 17.0133 92.599 17.0133H92.3174C92.1531 17.0133 92.0358 16.896 92.0358 16.7317V14.4555C91.1675 16.0981 89.4779 17.1541 87.4833 17.1541ZM87.5771 7.1808C85.0662 7.1808 83.1419 9.12853 83.1419 11.7333C83.1419 14.3381 85.0662 16.3093 87.5771 16.3093C90.0881 16.3093 91.9889 14.3381 91.9889 11.7333C91.9889 9.12853 90.0881 7.1808 87.5771 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M75.8349 17.0133C75.6706 17.0133 75.5298 16.896 75.5298 16.7317V6.73493C75.5298 6.57067 75.6706 6.45333 75.8349 6.45333H76.1165C76.2807 6.45333 76.3981 6.57067 76.3981 6.73493V8.63573C76.8674 7.8144 78.0642 6.4064 80.7629 6.31253C80.9037 6.31253 81.0445 6.42987 81.0445 6.59413V6.94613C81.0445 7.1104 80.9271 7.20427 80.7629 7.20427C80.6925 7.1808 80.6455 7.1808 80.5751 7.1808C78.2285 7.1808 76.3981 8.77653 76.3981 10.8885V16.7317C76.3981 16.896 76.2807 17.0133 76.1165 17.0133H75.8349Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M66.4457 17.1541C63.4889 17.1541 61.2361 14.8309 61.2361 11.7333C61.2361 8.63573 63.4889 6.31253 66.4457 6.31253C68.4403 6.31253 70.13 7.36853 70.9982 9.0112V6.73493C70.9982 6.57067 71.1156 6.45333 71.2798 6.45333H71.5849C71.7257 6.45333 71.8665 6.57067 71.8665 6.73493V16.7317C71.8665 16.896 71.7257 17.0133 71.5849 17.0133H71.2798C71.1156 17.0133 70.9982 16.896 70.9982 16.7317V14.4555C70.13 16.0981 68.4403 17.1541 66.4457 17.1541ZM66.5396 7.1808C64.0286 7.1808 62.1044 9.12853 62.1044 11.7333C62.1044 14.3381 64.0286 16.3093 66.5396 16.3093C69.0505 16.3093 70.9513 14.3381 70.9513 11.7333C70.9513 9.12853 69.0505 7.1808 66.5396 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M52.8561 17.1541C49.8993 17.1541 47.6465 14.8309 47.6465 11.7333C47.6465 8.63573 49.8993 6.31253 52.8561 6.31253C54.8507 6.31253 56.5404 7.36853 57.4086 9.0112V0.281599C57.4086 0.117333 57.526 0 57.6902 0H57.9718C58.1361 0 58.2534 0.117333 58.2534 0.281599V16.7317C58.2534 16.896 58.1361 17.0133 57.9718 17.0133H57.6902C57.526 17.0133 57.4086 16.896 57.4086 16.7317V14.4555C56.5404 16.0981 54.8507 17.1541 52.8561 17.1541ZM52.95 7.1808C50.439 7.1808 48.5148 9.12853 48.5148 11.7333C48.5148 14.3381 50.439 16.3093 52.95 16.3093C55.4609 16.3093 57.3617 14.3381 57.3617 11.7333C57.3617 9.12853 55.4609 7.1808 52.95 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M35.5473 17.0133C35.383 17.0133 35.2422 16.896 35.2422 16.7317V6.73493C35.2422 6.57067 35.383 6.45333 35.5473 6.45333H35.8289C35.9931 6.45333 36.1105 6.57067 36.1105 6.73493V8.75307C36.5329 7.90827 37.7297 6.31253 40.4518 6.31253C42.9393 6.31253 44.7697 8.14293 44.7697 10.6304V16.7317C44.7697 16.896 44.6523 17.0133 44.4881 17.0133H44.2065C44.0422 17.0133 43.9249 16.896 43.9249 16.7317V10.7712C43.9249 8.70613 42.3526 7.13387 40.2875 7.13387C37.9409 7.13387 36.1105 8.75307 36.1105 10.8416V16.7317C36.1105 16.896 35.9931 17.0133 35.8289 17.0133H35.5473Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M26.1583 17.1541C23.2015 17.1541 20.9487 14.8309 20.9487 11.7333C20.9487 8.63573 23.2015 6.31253 26.1583 6.31253C28.153 6.31253 29.8426 7.36853 30.7109 9.0112V6.73493C30.7109 6.57067 30.8282 6.45333 30.9925 6.45333H31.2975C31.4383 6.45333 31.5791 6.57067 31.5791 6.73493V16.7317C31.5791 16.896 31.4383 17.0133 31.2975 17.0133H30.9925C30.8282 17.0133 30.7109 16.896 30.7109 16.7317V14.4555C29.8426 16.0981 28.153 17.1541 26.1583 17.1541ZM26.2522 7.1808C23.7413 7.1808 21.817 9.12853 21.817 11.7333C21.817 14.3381 23.7413 16.3093 26.2522 16.3093C28.7631 16.3093 30.6639 14.3381 30.6639 11.7333C30.6639 9.12853 28.7631 7.1808 26.2522 7.1808Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.285 7.2512C13.1208 7.2512 13.0034 7.13387 13.0034 6.9696V6.73493C13.0034 6.57067 13.1208 6.45333 13.285 6.45333H14.9277V4.41173C14.9277 4.24747 15.045 4.13013 15.2093 4.13013H15.4909C15.6552 4.13013 15.7725 4.24747 15.7725 4.41173V6.45333H18.7997C18.964 6.45333 19.0813 6.57067 19.0813 6.73493V6.9696C19.0813 7.13387 18.964 7.2512 18.7997 7.2512H15.7725V14.08C15.7725 15.2768 16.5234 16.1685 17.5325 16.1685H18.7762C18.9405 16.1685 19.0578 16.2859 19.0578 16.4501V16.7317C19.0578 16.896 18.9405 17.0133 18.7762 17.0133H17.4856C16.0306 17.0133 14.9277 15.7696 14.9277 14.1504V7.2512H13.285Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M9.84461 4.576C9.46915 3.0272 7.73262 1.9008 5.55022 1.9008C3.10968 1.9008 1.25581 3.28533 1.25581 5.2096C1.25581 7.29813 3.46168 7.90827 5.83182 8.47147C8.38968 9.0112 11.1587 9.83253 11.1587 12.6955C11.1587 15.3237 8.78862 17.1776 5.59715 17.1776C2.73422 17.1776 0.551815 15.6992 0.0120816 13.6576C-0.0348519 13.5168 0.0590148 13.376 0.223281 13.3291L0.598748 13.1883C0.622215 13.1883 0.645682 13.1883 0.645682 13.1883C0.763015 13.1883 0.856881 13.2587 0.903815 13.376C1.32621 15.0656 3.18008 16.2859 5.59715 16.2859C8.24888 16.2859 10.2435 14.8075 10.2435 12.7424C10.2435 10.6069 8.08462 9.90294 5.64408 9.38667C3.20355 8.82347 0.364081 8.07253 0.364081 5.23307C0.364081 2.7456 2.54648 1.03253 5.52675 1.03253C8.17848 1.03253 10.2201 2.3936 10.7598 4.2944C10.8067 4.4352 10.7129 4.576 10.5486 4.62294L10.1497 4.76373C10.0323 4.7872 9.91501 4.7168 9.84461 4.576Z",
-            fill: "currentColor"
-          }
-        )
-      ]
+      ref,
+      className: cn("command-input", className),
+      ...props
     }
-  );
+  )
+] }));
+CommandInput.displayName = Command$1.Input.displayName;
+const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.List,
+  {
+    ref,
+    className: cn("command-list", className),
+    ...props
+  }
+));
+CommandList.displayName = Command$1.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "command-empty", ...props }));
+CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Group,
+  {
+    ref,
+    className: cn("command-group", className),
+    ...props
+  }
+));
+CommandGroup.displayName = Command$1.Group.displayName;
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Separator,
+  {
+    ref,
+    className: cn("command-separator", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command$1.Item,
+  {
+    ref,
+    className: cn("command-item", className),
+    ...props
+  }
+));
+CommandItem.displayName = Command$1.Item.displayName;
+const CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx("span", { className: cn("command-shortcut", className), ...props });
 };
-const NavLink = React.forwardRef(
-  ({ href, LinkComponent, onLinkClick, children, ...props }, ref) => {
-    if (LinkComponent) {
-      return /* @__PURE__ */ jsx(
-        LinkComponent,
-        {
-          href,
-          className: props.className,
-          "aria-label": props["aria-label"],
-          children
+CommandShortcut.displayName = "CommandShortcut";
+const SearchField = ({
+  options,
+  placeholder,
+  emptyMessage,
+  value,
+  onValueChange,
+  disabled,
+  isLoading = false
+}) => {
+  const inputRef = useRef(null);
+  const [isOpen, setOpen] = useState(false);
+  const [selected, setSelected] = useState(value);
+  const [inputValue, setInputValue] = useState((value == null ? void 0 : value.label) || "");
+  const handleKeyDown = useCallback(
+    (event) => {
+      const input = inputRef.current;
+      if (!input) {
+        return;
+      }
+      if (!isOpen) {
+        setOpen(true);
+      }
+      if (event.key === "Enter" && input.value !== "") {
+        const optionToSelect = options.find(
+          (option) => option.label === input.value
+        );
+        if (optionToSelect) {
+          setSelected(optionToSelect);
+          onValueChange == null ? void 0 : onValueChange(optionToSelect);
         }
-      );
-    }
-    if (onLinkClick) {
+      }
+      if (event.key === "Escape") {
+        input.blur();
+      }
+    },
+    [isOpen, options, onValueChange]
+  );
+  const handleBlur = useCallback(() => {
+    setOpen(false);
+    setInputValue(selected == null ? void 0 : selected.label);
+  }, [selected]);
+  const handleSelectOption = useCallback(
+    (selectedOption) => {
+      setInputValue(selectedOption.label);
+      setSelected(selectedOption);
+      onValueChange == null ? void 0 : onValueChange(selectedOption);
+      setTimeout(() => {
+        var _a;
+        (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.blur();
+      }, 0);
+    },
+    [onValueChange]
+  );
+  return /* @__PURE__ */ jsxs(Command$1, { onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+      CommandInput,
+      {
+        ref: inputRef,
+        value: inputValue,
+        onValueChange: isLoading ? void 0 : setInputValue,
+        onBlur: handleBlur,
+        onFocus: () => setOpen(true),
+        placeholder,
+        disabled,
+        className: cn(
+          "search-field-input--focused",
+          isOpen && "search-field-input--open"
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("search-field-dropdown", isOpen ? "block" : "hidden"),
+        children: /* @__PURE__ */ jsxs(CommandList, { className: "search-field-list", children: [
+          (options == null ? void 0 : options.length) > 0 && !isLoading ? /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {
+            const isSelected = (selected == null ? void 0 : selected.value) === option.value;
+            return /* @__PURE__ */ jsxs(
+              CommandItem,
+              {
+                value: option.label,
+                onMouseDown: (event) => {
+                  event.preventDefault();
+                  event.stopPropagation();
+                },
+                onSelect: () => handleSelectOption(option),
+                children: [
+                  isSelected ? /* @__PURE__ */ jsx(Check, { className: "icon-4" }) : null,
+                  option.label
+                ]
+              },
+              option.value
+            );
+          }) }) : null,
+          !isLoading ? /* @__PURE__ */ jsx(CommandEmpty, { className: "search-field-empty", children: emptyMessage }) : null
+        ] })
+      }
+    ) })
+  ] });
+};
+const getStatusClass = (status, variant2 = "light") => {
+  return `status-tag tag--${variant2}-${status}`;
+};
+const Tag = React.forwardRef(
+  ({
+    children,
+    active = false,
+    status,
+    variant: variant2 = "light",
+    className,
+    onClick,
+    ...props
+  }, ref) => {
+    if (status) {
+      const statusClass = getStatusClass(status, variant2);
       return /* @__PURE__ */ jsx(
-        "a",
+        "button",
         {
           ref,
-          href,
+          onClick,
+          className: cn(statusClass, className),
           ...props,
-          onClick: (e) => {
-            e.preventDefault();
-            onLinkClick(href);
-          },
-          children
+          children: /* @__PURE__ */ jsx("span", { className: "overline-medium", children })
         }
       );
     }
-    return /* @__PURE__ */ jsx("a", { ref, href, ...props, children });
-  }
-);
-NavLink.displayName = "NavLink";
-const ALPHA_PATH$1 = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
-const PATH_LENGTH$1 = 60;
-const AlphaIcon$1 = ({ dark }) => {
-  if (dark) {
     return /* @__PURE__ */ jsx(
-      "svg",
+      "button",
       {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "12",
-        height: "10",
-        viewBox: "0 0 12 10",
-        fill: "none",
-        className: "mt-1.5",
-        style: { overflow: "visible" },
-        children: /* @__PURE__ */ jsx("path", { d: ALPHA_PATH$1, fill: "currentColor" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "12",
-      height: "10",
-      viewBox: "0 0 12 10",
-      fill: "none",
-      className: "mt-1.5",
-      style: { overflow: "visible" },
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: ALPHA_PATH$1,
-            fill: "url(#paint0_linear_10081_30848)",
-            opacity: "0.4"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          motion.path,
-          {
-            d: ALPHA_PATH$1,
-            fill: "none",
-            stroke: "url(#stroke_gradient)",
-            strokeWidth: "0.4",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            initial: { strokeDashoffset: PATH_LENGTH$1 },
-            animate: { strokeDashoffset: -PATH_LENGTH$1 },
-            style: { strokeDasharray: `8 ${PATH_LENGTH$1 - 8}` },
-            transition: {
-              duration: 2,
-              repeat: Infinity,
-              repeatDelay: 8,
-              ease: "linear"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsxs(
-            "linearGradient",
-            {
-              id: "paint0_linear_10081_30848",
-              x1: "-3.27254",
-              y1: "4.99923",
-              x2: "6.36738",
-              y2: "-2.36962",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
-                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
-                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "linearGradient",
-            {
-              id: "stroke_gradient",
-              x1: "0",
-              y1: "0",
-              x2: "12",
-              y2: "10",
-              gradientUnits: "userSpaceOnUse",
-              children: [
-                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
-                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
-                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-const Navigation = ({
-  navItems,
-  isStrategy = false,
-  Link: LinkComponent,
-  onLinkClick,
-  onClose,
-  pathname
-}) => {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [activeItem, setActiveItem] = React.useState(null);
-  const containerRef = React.useRef(null);
-  const menuRef = React.useRef(null);
-  const menuItemsRef = React.useRef(null);
-  const overlayRef = React.useRef(null);
-  const isHomepage = pathname === "/";
-  const handleMouseLeave = () => {
-    setIsOpen(false);
-    setActiveItem(null);
-  };
-  const handleNavItemMouseEnter = (index) => {
-    setIsOpen(true);
-    setActiveItem(index + 1);
-  };
-  const NavLink2 = ({ href, className, "aria-label": ariaLabel, children }) => {
-    if (LinkComponent) {
-      return /* @__PURE__ */ jsx(LinkComponent, { href, className, "aria-label": ariaLabel, children });
-    }
-    if (onLinkClick) {
-      return /* @__PURE__ */ jsx(
-        "a",
-        {
-          href,
-          className,
-          "aria-label": ariaLabel,
-          onClick: (e) => {
-            e.preventDefault();
-            onLinkClick(href);
-          },
-          children
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx("a", { href, className, "aria-label": ariaLabel, children });
-  };
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      ref: containerRef,
-      className: cn("navigation", isStrategy && "navigation--strategy"),
-      "data-strategy": isStrategy,
-      onMouseLeave: handleMouseLeave,
-      children: [
-        !isStrategy && /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref: overlayRef,
-            className: "navigation-overlay",
-            "data-open": isOpen
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "navigation-container", children: [
-          /* @__PURE__ */ jsxs("div", { className: "navigation-logo-container", children: [
-            /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: !isHomepage && /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                layout: true,
-                initial: { opacity: 0, scale: 0.8 },
-                animate: { opacity: 1, scale: 1 },
-                exit: { opacity: 0, scale: 0.8 },
-                transition: { duration: 0.2, ease: "easeOut" },
-                style: { willChange: "transform, opacity" },
-                children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "icon",
-                    className: " mr-6",
-                    onClick: () => onClose == null ? void 0 : onClose(),
-                    children: /* @__PURE__ */ jsx(UtilityClearRegular, {})
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ jsx(
-              motion.div,
-              {
-                layout: true,
-                transition: { duration: 0.2, ease: "easeOut" },
-                children: /* @__PURE__ */ jsxs(
-                  NavLink2,
-                  {
-                    href: "/",
-                    className: cn("navigation-logo-link"),
-                    "data-strategy": isStrategy,
-                    "aria-label": "Home",
-                    children: [
-                      /* @__PURE__ */ jsx(NavLogo, { dark: isStrategy }),
-                      /* @__PURE__ */ jsx(StandardLogo, { className: cn(!isStrategy ? "text-white" : "text-black") }),
-                      /* @__PURE__ */ jsx(AlphaIcon$1, { dark: isStrategy })
-                    ]
-                  }
-                )
-              }
-            )
-          ] }),
-          !isStrategy ? /* @__PURE__ */ jsx("div", { className: "navigation-nav-container", children: /* @__PURE__ */ jsx("ul", { className: "navigation-nav-list", children: navItems ? navItems.map((item, index) => /* @__PURE__ */ jsxs(
-            "li",
-            {
-              className: "navigation-nav-item",
-              onMouseEnter: () => handleNavItemMouseEnter(index),
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "navigation-nav-link", children: item.label }),
-                activeItem === index + 1 && /* @__PURE__ */ jsx(
-                  motion.div,
-                  {
-                    id: "underline",
-                    className: "navigation-underline",
-                    layoutId: "underline",
-                    transition: { duration: 0.2, ease: "easeOut" },
-                    children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "navigation-underline-circle navigation-underline-circle--gradient",
-                        style: {
-                          width: "10px",
-                          height: "5px",
-                          borderBottomLeftRadius: "100px",
-                          borderBottomRightRadius: "100px",
-                          borderBottom: "0",
-                          boxSizing: "border-box"
-                        }
-                      }
-                    )
-                  }
-                ),
-                index === 0 && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "navigation-underline navigation-underline--static",
-                    style: { transition: "all 0.2s ease-out" },
-                    children: /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        className: "navigation-underline-circle navigation-underline-circle--white",
-                        style: {
-                          width: "10px",
-                          height: "5px",
-                          borderTopLeftRadius: "100px",
-                          borderTopRightRadius: "100px",
-                          borderBottom: "0",
-                          boxSizing: "border-box"
-                        }
-                      }
-                    )
-                  }
-                )
-              ]
-            },
-            index + 1
-          )) : null }) }) : null,
-          /* @__PURE__ */ jsx("div", { className: "navigation-actions", children: /* @__PURE__ */ jsx(
-            NavLink2,
-            {
-              href: "/",
-              "aria-label": "Account link",
-              className: cn("navigation-account-link", isStrategy && "navigation-account-link--strategy"),
-              "data-open": isOpen,
-              "data-strategy": isStrategy,
-              children: /* @__PURE__ */ jsx(
-                NavAccount,
-                {
-                  className: cn(
-                    "navigation-account-icon",
-                    isStrategy ? "navigation-account-icon--strategy" : "navigation-account-icon--default"
-                  )
-                }
-              )
-            }
-          ) })
-        ] }),
-        isOpen && /* @__PURE__ */ jsx("div", { className: "navigation-divider" }),
-        /* @__PURE__ */ jsx("div", { ref: menuRef, className: "navigation-tray", "data-open": isOpen, children: /* @__PURE__ */ jsx("div", { className: "navigation-tray-content", children: /* @__PURE__ */ jsx("div", { ref: menuItemsRef, className: "navigation-tray-grid", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: { y: 10, opacity: 0 },
-            animate: { y: 0, opacity: 1 },
-            exit: { y: -10, opacity: 0 },
-            transition: { duration: 0.2 },
-            children: [
-              activeItem === 1 && /* @__PURE__ */ jsxs("div", { className: "navigation-tray-section", children: [
-                /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: "navigation-tray-heading",
-                    style: {
-                      background: "linear-gradient(90deg, #41D5F6 0%, #3EECD1 25%, #66FCD9 50%, #66FCD9 75%, #3EECD1 100%)",
-                      WebkitBackgroundClip: "text",
-                      WebkitTextFillColor: "transparent",
-                      backgroundClip: "text"
-                    },
-                    children: "WELL sets the standard for people-first places"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "navigation-tray-columns", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Everything" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Explore WELL" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Enroll in WELL" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "What's new" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "WHY WELL" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Performance" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "ROI" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Impact" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Standard" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Strategies" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Themes" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Milestones" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Network" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Organizations" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "People" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Solutions" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Products" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Services" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Places" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list navigation-tray-column-list--spacing-5", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Locations" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Portfolios" }) })
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              activeItem === 2 && /* @__PURE__ */ jsxs("div", { className: "navigation-tray-section", children: [
-                /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: "navigation-tray-heading",
-                    style: {
-                      background: "linear-gradient(99deg, #41D5F6 3.39%, #3EECD1 57.86%, #66FCD9 112.32%)",
-                      backgroundClip: "text",
-                      WebkitBackgroundClip: "text",
-                      WebkitTextFillColor: "transparent"
-                    },
-                    children: "WELL works everywhere, at any scale"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "navigation-tray-columns", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "SUBSCRIBE" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL at scale" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(NavLink2, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Pricing" }) })
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(NavLink2, { href: "/", children: /* @__PURE__ */ jsx("span", { className: "navigation-tray-link-small", children: "Leaderboard" }) })
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Certify" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Certification" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                        NavLink2,
-                        {
-                          href: "/",
-                          className: "navigation-tray-link navigation-tray-link--with-badge",
-                          children: [
-                            "WELL Residence",
-                            /* @__PURE__ */ jsx("span", { className: "navigation-tray-badge", children: "PILOT" })
-                          ]
-                        }
-                      ) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Get rated" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Ratings" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#F3E7D8" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Health-Safety Rating"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#0F748A" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Performance Rating"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#17AA8D" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Equity Rating"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              activeItem === 3 && /* @__PURE__ */ jsxs("div", { className: "navigation-tray-section", children: [
-                /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: "navigation-tray-heading",
-                    style: {
-                      background: "linear-gradient(90deg, #41D5F6 0%, #3EECD1 25%, #66FCD9 50%, #66FCD9 75%, #3EECD1 100%)",
-                      WebkitBackgroundClip: "text",
-                      WebkitTextFillColor: "transparent"
-                    },
-                    children: "Our network drives our movement"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "navigation-tray-columns", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "JOIN" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Membership" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Works with WELL" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#2E74AD" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Enterprise Provider"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#149EBD" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Product Provider"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx(NavBullet, { color: "#ED896F" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Performance Testing Provider"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "EARN" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL AP" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Faculty" }) })
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              activeItem === 4 && /* @__PURE__ */ jsxs("div", { className: "navigation-tray-section", children: [
-                /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: "navigation-tray-heading",
-                    style: {
-                      background: "linear-gradient(90deg, #41D5F6 0%, #3EECD1 25%, #66FCD9 50%, #66FCD9 75%, #3EECD1 100%)",
-                      WebkitBackgroundClip: "text",
-                      WebkitTextFillColor: "transparent"
-                    },
-                    children: "Learn from the experts on health"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "navigation-tray-columns", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "LEARN" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL Forum" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Threads"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Webcasts"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Trainings"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "ATTEND" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "WELL 2025" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Flagship events"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Thematic summits"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Regional summits"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "GUIDANCE" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Knowledge base" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Tutorials"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Guides"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "FAQs"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Resources" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Resource library" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Technical tools"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Sales tools"
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
-                        /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
-                        /* @__PURE__ */ jsx(
-                          NavLink2,
-                          {
-                            href: "/",
-                            className: "navigation-tray-link-small",
-                            children: "Media"
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              activeItem === 5 && /* @__PURE__ */ jsxs("div", { className: "navigation-tray-section", children: [
-                /* @__PURE__ */ jsx(
-                  "h2",
-                  {
-                    className: "navigation-tray-heading",
-                    style: {
-                      background: "linear-gradient(90deg, #41D5F6 0%, #3EECD1 25%, #66FCD9 50%, #66FCD9 75%, #3EECD1 100%)",
-                      WebkitBackgroundClip: "text",
-                      WebkitTextFillColor: "transparent"
-                    },
-                    children: "The International WELL Building Institute (IWBI)"
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "navigation-tray-columns", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "About" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "IWBI" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Research" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Advocacy" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Meet" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Team" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Advisories" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Governance Council" }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { className: "navigation-tray-column", children: [
-                    /* @__PURE__ */ jsx("h3", { className: "navigation-tray-column-title", children: "Explore" }),
-                    /* @__PURE__ */ jsxs("ul", { className: "navigation-tray-column-list", children: [
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Newsroom" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Jobs" }) }),
-                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink2, { href: "/", className: "navigation-tray-link", children: "Blog" }) })
-                    ] })
-                  ] })
-                ] })
-              ] })
-            ]
-          },
-          activeItem ? activeItem + 1 : "empty"
-        ) }) }) }) })
-      ]
-    }
-  );
-};
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: cn("dialog-overlay", className),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      SheetPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: cn("dialog-content", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "dialog-content-inner", children }),
-          showCloseButton && /* @__PURE__ */ jsxs(
-            SheetPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "dialog-close",
-              children: [
-                /* @__PURE__ */ jsx(XIcon, {}),
-                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: cn("dialog-header", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "dialog-footer",
-      className: cn("dialog-footer", className),
-      ...props
-    }
-  );
-}
-function DialogTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: cn("dialog-title heading-xxsmall", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    SheetPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: cn("dialog-description", className),
-      ...props
-    }
-  );
-}
-const Command = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1, { ref, className: cn("command", className), ...props }));
-Command.displayName = Command$1.displayName;
-const CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "command-dialog-content", children: /* @__PURE__ */ jsx(Command, { children }) }) });
-};
-const CommandInput = React.forwardRef(({ className, icon: Icon = Search, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: cn("command-input-wrapper", className), "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx(Icon, { className: "icon-4 icon-shrink-0" }),
-  /* @__PURE__ */ jsx(
-    Command$1.Input,
-    {
-      ref,
-      className: cn("command-input", className),
-      ...props
-    }
-  )
-] }));
-CommandInput.displayName = Command$1.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.List,
-  {
-    ref,
-    className: cn("command-list", className),
-    ...props
-  }
-));
-CommandList.displayName = Command$1.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "command-empty", ...props }));
-CommandEmpty.displayName = Command$1.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Group,
-  {
-    ref,
-    className: cn("command-group", className),
-    ...props
-  }
-));
-CommandGroup.displayName = Command$1.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Separator,
-  {
-    ref,
-    className: cn("command-separator", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = Command$1.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Command$1.Item,
-  {
-    ref,
-    className: cn("command-item", className),
-    ...props
-  }
-));
-CommandItem.displayName = Command$1.Item.displayName;
-const CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx("span", { className: cn("command-shortcut", className), ...props });
-};
-CommandShortcut.displayName = "CommandShortcut";
-const SearchField = ({
-  options,
-  placeholder,
-  emptyMessage,
-  value,
-  onValueChange,
-  disabled,
-  isLoading = false
-}) => {
-  const inputRef = useRef(null);
-  const [isOpen, setOpen] = useState(false);
-  const [selected, setSelected] = useState(value);
-  const [inputValue, setInputValue] = useState((value == null ? void 0 : value.label) || "");
-  const handleKeyDown = useCallback(
-    (event) => {
-      const input = inputRef.current;
-      if (!input) {
-        return;
-      }
-      if (!isOpen) {
-        setOpen(true);
-      }
-      if (event.key === "Enter" && input.value !== "") {
-        const optionToSelect = options.find(
-          (option) => option.label === input.value
-        );
-        if (optionToSelect) {
-          setSelected(optionToSelect);
-          onValueChange == null ? void 0 : onValueChange(optionToSelect);
-        }
-      }
-      if (event.key === "Escape") {
-        input.blur();
-      }
-    },
-    [isOpen, options, onValueChange]
-  );
-  const handleBlur = useCallback(() => {
-    setOpen(false);
-    setInputValue(selected == null ? void 0 : selected.label);
-  }, [selected]);
-  const handleSelectOption = useCallback(
-    (selectedOption) => {
-      setInputValue(selectedOption.label);
-      setSelected(selectedOption);
-      onValueChange == null ? void 0 : onValueChange(selectedOption);
-      setTimeout(() => {
-        var _a;
-        (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.blur();
-      }, 0);
-    },
-    [onValueChange]
-  );
-  return /* @__PURE__ */ jsxs(Command$1, { onKeyDown: handleKeyDown, children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-      CommandInput,
-      {
-        ref: inputRef,
-        value: inputValue,
-        onValueChange: isLoading ? void 0 : setInputValue,
-        onBlur: handleBlur,
-        onFocus: () => setOpen(true),
-        placeholder,
-        disabled,
-        className: cn(
-          "search-field-input--focused",
-          isOpen && "search-field-input--open"
-        )
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("search-field-dropdown", isOpen ? "block" : "hidden"),
-        children: /* @__PURE__ */ jsxs(CommandList, { className: "search-field-list", children: [
-          (options == null ? void 0 : options.length) > 0 && !isLoading ? /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {
-            const isSelected = (selected == null ? void 0 : selected.value) === option.value;
-            return /* @__PURE__ */ jsxs(
-              CommandItem,
-              {
-                value: option.label,
-                onMouseDown: (event) => {
-                  event.preventDefault();
-                  event.stopPropagation();
-                },
-                onSelect: () => handleSelectOption(option),
-                children: [
-                  isSelected ? /* @__PURE__ */ jsx(Check, { className: "icon-4" }) : null,
-                  option.label
-                ]
-              },
-              option.value
-            );
-          }) }) : null,
-          !isLoading ? /* @__PURE__ */ jsx(CommandEmpty, { className: "search-field-empty", children: emptyMessage }) : null
-        ] })
-      }
-    ) })
-  ] });
-};
-const getStatusClass = (status, variant2 = "light") => {
-  return `status-tag tag--${variant2}-${status}`;
-};
-const Tag = React.forwardRef(
-  ({
-    children,
-    active = false,
-    status,
-    variant: variant2 = "light",
-    className,
-    onClick,
-    ...props
-  }, ref) => {
-    if (status) {
-      const statusClass = getStatusClass(status, variant2);
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref,
-          onClick,
-          className: cn(statusClass, className),
-          ...props,
-          children: /* @__PURE__ */ jsx("span", { className: "overline-medium", children })
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        onClick,
-        className: cn(
-          "tag-general",
-          active ? "tag-general--active" : "tag-general--inactive",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { className: "body-small font-semibold", children })
+        ref,
+        onClick,
+        className: cn(
+          "tag-general",
+          active ? "tag-general--active" : "tag-general--inactive",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx("span", { className: "body-small font-semibold", children })
       }
     );
   }
@@ -3454,7 +2502,7 @@ const PaginationEllipsis = ({
   }
 );
 PaginationEllipsis.displayName = "PaginationEllipsis";
-const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+const NavigationMenu$1 = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -3466,7 +2514,7 @@ const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref)
     ]
   }
 ));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+NavigationMenu$1.displayName = NavigationMenuPrimitive.Root.displayName;
 const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.List,
   {
@@ -3838,1157 +2886,1665 @@ const DrawerFooter = ({
     className: cn("drawer-footer", className),
     ...props
   }
-);
-DrawerFooter.displayName = "DrawerFooter";
-const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Drawer$1.Title,
+);
+DrawerFooter.displayName = "DrawerFooter";
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Title,
+  {
+    ref,
+    className: cn("drawer-title", className),
+    ...props
+  }
+));
+DrawerTitle.displayName = Drawer$1.Title.displayName;
+const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Description,
+  {
+    ref,
+    className: cn("drawer-description", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = Drawer$1.Description.displayName;
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn("popover-content", className),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn("hover-card-content", className),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+const ContextMenu = ContextMenuPrimitive.Root;
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "context-menu-sub-trigger",
+      inset && "context-menu-sub-trigger--inset",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "icon-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+const ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn("context-menu-sub-content", className),
+    ...props
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn("context-menu-content", className),
+    ...props
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+const ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "context-menu-item",
+      inset && "context-menu-item--inset",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn("context-menu-checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "context-menu-item-indicator", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "icon-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+const ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ContextMenuPrimitive.RadioItem,
   {
     ref,
-    className: cn("drawer-title", className),
-    ...props
+    className: cn("context-menu-radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "context-menu-item-indicator", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "icon-2 fill-current" }) }) }),
+      children
+    ]
   }
 ));
-DrawerTitle.displayName = Drawer$1.Title.displayName;
-const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  Drawer$1.Description,
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Label,
   {
     ref,
-    className: cn("drawer-description", className),
+    className: cn(
+      "context-menu-label",
+      inset && "context-menu-label--inset",
+      className
+    ),
     ...props
   }
 ));
-DrawerDescription.displayName = Drawer$1.Description.displayName;
-const Popover = PopoverPrimitive.Root;
-const PopoverTrigger = PopoverPrimitive.Trigger;
-const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Separator,
   {
     ref,
-    align,
-    sideOffset,
-    className: cn("popover-content", className),
+    className: cn("context-menu-separator", className),
     ...props
   }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-const HoverCard = HoverCardPrimitive.Root;
-const HoverCardTrigger = HoverCardPrimitive.Trigger;
-const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
-  HoverCardPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn("hover-card-content", className),
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("context-menu-shortcut", className),
+      ...props
+    }
+  );
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+const Carousel = React.forwardRef(
+  ({
+    orientation = "horizontal",
+    opts,
+    setApi,
+    plugins,
+    className,
+    children,
     ...props
+  }, ref) => {
+    const [carouselRef, api] = useEmblaCarousel(
+      {
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y"
+      },
+      plugins
+    );
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const onSelect = React.useCallback((api2) => {
+      if (!api2) {
+        return;
+      }
+      setCanScrollPrev(api2.canScrollPrev());
+      setCanScrollNext(api2.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+      api == null ? void 0 : api.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+      api == null ? void 0 : api.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback(
+      (event) => {
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          scrollPrev();
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          scrollNext();
+        }
+      },
+      [scrollPrev, scrollNext]
+    );
+    React.useEffect(() => {
+      if (!api || !setApi) {
+        return;
+      }
+      setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+      if (!api) {
+        return;
+      }
+      onSelect(api);
+      api.on("reInit", onSelect);
+      api.on("select", onSelect);
+      return () => {
+        api == null ? void 0 : api.off("select", onSelect);
+      };
+    }, [api, onSelect]);
+    return /* @__PURE__ */ jsx(
+      CarouselContext.Provider,
+      {
+        value: {
+          carouselRef,
+          api,
+          opts,
+          orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+          scrollPrev,
+          scrollNext,
+          canScrollPrev,
+          canScrollNext
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref,
+            onKeyDownCapture: handleKeyDown,
+            className: cn("carousel", className),
+            role: "region",
+            "aria-roledescription": "carousel",
+            ...props,
+            children
+          }
+        )
+      }
+    );
   }
-));
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
-const ContextMenu = ContextMenuPrimitive.Root;
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-const ContextMenuGroup = ContextMenuPrimitive.Group;
-const ContextMenuPortal = ContextMenuPrimitive.Portal;
-const ContextMenuSub = ContextMenuPrimitive.Sub;
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.SubTrigger,
-  {
-    ref,
-    className: cn(
-      "context-menu-sub-trigger",
-      inset && "context-menu-sub-trigger--inset",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(ChevronRight, { className: "icon-4" })
-    ]
+);
+Carousel.displayName = "Carousel";
+const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "carousel-viewport", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "carousel-content",
+        orientation === "horizontal" ? "carousel-content--horizontal" : "carousel-content--vertical",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+CarouselContent.displayName = "CarouselContent";
+const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(
+        "carousel-item",
+        orientation === "horizontal" ? "carousel-item--horizontal" : "carousel-item--vertical",
+        className
+      ),
+      ...props
+    }
+  );
+});
+CarouselItem.displayName = "CarouselItem";
+const CarouselPrevious = React.forwardRef(
+  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: variant2,
+        size,
+        className: cn(
+          "carousel-button carousel-button--previous",
+          orientation === "horizontal" ? "carousel-button--horizontal" : "carousel-button--vertical",
+          className
+        ),
+        disabled: !canScrollPrev,
+        onClick: scrollPrev,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { className: "icon-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
+        ]
+      }
+    );
+  }
+);
+CarouselPrevious.displayName = "CarouselPrevious";
+const CarouselNext = React.forwardRef(
+  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        ref,
+        variant: variant2,
+        size,
+        className: cn(
+          "carousel-button carousel-button--next",
+          orientation === "horizontal" ? "carousel-button--horizontal" : "carousel-button--vertical",
+          className
+        ),
+        disabled: !canScrollNext,
+        onClick: scrollNext,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(ArrowRight, { className: "icon-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
+        ]
+      }
+    );
   }
-));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-const ContextMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.SubContent,
+);
+CarouselNext.displayName = "CarouselNext";
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Viewport,
   {
     ref,
-    className: cn("context-menu-sub-content", className),
+    className: cn("toast-viewport", className),
     ...props
   }
 ));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-const ContextMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Content,
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva(
+  "toast",
   {
-    ref,
-    className: cn("context-menu-content", className),
-    ...props
+    variants: {
+      variant: {
+        default: "toast--default",
+        destructive: "toast--destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
   }
-) }));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-const ContextMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Item,
+);
+const Toast = React.forwardRef(({ className, variant: variant2, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(toastVariants({ variant: variant2 }), className),
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Action,
   {
     ref,
-    className: cn(
-      "context-menu-item",
-      inset && "context-menu-item--inset",
-      className
-    ),
+    className: cn("toast-action", className),
     ...props
   }
 ));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.CheckboxItem,
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Close,
   {
     ref,
-    className: cn("context-menu-checkbox-item", className),
-    checked,
+    className: cn("toast-close", className),
+    "toast-close": "",
     ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "context-menu-item-indicator", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "icon-4" }) }) }),
-      children
-    ]
+    children: /* @__PURE__ */ jsx(X$1, { className: "icon-4" })
   }
 ));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-const ContextMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ContextMenuPrimitive.RadioItem,
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Title,
   {
     ref,
-    className: cn("context-menu-radio-item", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", { className: "context-menu-item-indicator", children: /* @__PURE__ */ jsx(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "icon-2 fill-current" }) }) }),
-      children
-    ]
+    className: cn("toast-title", className),
+    ...props
   }
 ));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Label,
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Description,
   {
     ref,
-    className: cn(
-      "context-menu-label",
-      inset && "context-menu-label--inset",
-      className
-    ),
+    className: cn("toast-description", className),
     ...props
   }
 ));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ContextMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("context-menu-separator", className),
-    ...props
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1e6;
+let count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+const toastTimeouts = /* @__PURE__ */ new Map();
+const addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+const reducer = (state2, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state2,
+        toasts: [action.toast, ...state2.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state2,
+        toasts: state2.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state2.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state2,
+        toasts: state2.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return {
+          ...state2,
+          toasts: []
+        };
+      }
+      return {
+        ...state2,
+        toasts: state2.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state2, setState] = React.useState(memoryState);
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state2]);
+  return {
+    ...state2,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+function Toaster$1() {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(function({ id, title, description, action, ...props }) {
+      return /* @__PURE__ */ jsxs(Toast, { ...props, children: [
+        /* @__PURE__ */ jsxs("div", { className: "toast-content", children: [
+          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+          description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
+        ] }),
+        action,
+        /* @__PURE__ */ jsx(ToastClose, {})
+      ] }, id);
+    }),
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
+}
+const THEMES = { light: "", dark: ".dark" };
+const ChartContext = React.createContext(null);
+function useChart() {
+  const context = React.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+const ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-chart": chartId,
+      ref,
+      className: cn(
+        "chart-container",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+});
+ChartContainer.displayName = "Chart";
+const ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([_, config2]) => config2.theme || config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
   }
-));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
-const ContextMenuShortcut = ({
-  className,
-  ...props
-}) => {
   return /* @__PURE__ */ jsx(
-    "span",
+    "style",
     {
-      className: cn("context-menu-shortcut", className),
-      ...props
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            var _a;
+            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
     }
   );
 };
-ContextMenuShortcut.displayName = "ContextMenuShortcut";
-const CarouselContext = React.createContext(null);
-function useCarousel() {
-  const context = React.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-const Carousel = React.forwardRef(
+const ChartTooltip = RechartsPrimitive.Tooltip;
+const ChartTooltipContent = React.forwardRef(
   ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
+    active,
+    payload,
     className,
-    children,
-    ...props
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey
   }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
-    const [canScrollNext, setCanScrollNext] = React.useState(false);
-    const onSelect = React.useCallback((api2) => {
-      if (!api2) {
-        return;
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+      var _a;
+      if (hideLabel || !(payload == null ? void 0 : payload.length)) {
+        return null;
       }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React.useCallback(() => {
-      api == null ? void 0 : api.scrollPrev();
-    }, [api]);
-    const scrollNext = React.useCallback(() => {
-      api == null ? void 0 : api.scrollNext();
-    }, [api]);
-    const handleKeyDown = React.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React.useEffect(() => {
-      if (!api || !setApi) {
-        return;
+      const [item] = payload;
+      const key = `${labelKey || item.dataKey || item.name || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
+      if (labelFormatter) {
+        return /* @__PURE__ */ jsx("div", { className: cn("chart-tooltip-label", labelClassName), children: labelFormatter(value, payload) });
       }
-      setApi(api);
-    }, [api, setApi]);
-    React.useEffect(() => {
-      if (!api) {
-        return;
+      if (!value) {
+        return null;
       }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api == null ? void 0 : api.off("select", onSelect);
-      };
-    }, [api, onSelect]);
+      return /* @__PURE__ */ jsx("div", { className: cn("chart-tooltip-label", labelClassName), children: value });
+    }, [
+      label,
+      labelFormatter,
+      payload,
+      hideLabel,
+      labelClassName,
+      config,
+      labelKey
+    ]);
+    if (!active || !(payload == null ? void 0 : payload.length)) {
+      return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "chart-tooltip",
+          className
+        ),
+        children: [
+          !nestLabel ? tooltipLabel : null,
+          /* @__PURE__ */ jsx("div", { className: "chart-tooltip-content", children: payload.map((item, index) => {
+            const key = `${nameKey || item.name || item.dataKey || "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = color || item.payload.fill || item.color;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "chart-tooltip-item",
+                  indicator === "dot" && "chart-tooltip-item--dot"
+                ),
+                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: cn(
+                        "chart-tooltip-indicator",
+                        {
+                          "chart-tooltip-indicator--dot": indicator === "dot",
+                          "chart-tooltip-indicator--line": indicator === "line",
+                          "chart-tooltip-indicator--dashed": indicator === "dashed",
+                          "chart-tooltip-indicator--dashed-nested": nestLabel && indicator === "dashed"
+                        }
+                      ),
+                      style: {
+                        "--color-bg": indicatorColor,
+                        "--color-border": indicatorColor
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "chart-tooltip-item-content",
+                        nestLabel ? "chart-tooltip-item-content--nested" : ""
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "chart-tooltip-item-details", children: [
+                          nestLabel ? tooltipLabel : null,
+                          /* @__PURE__ */ jsx("span", { className: "chart-tooltip-item-label", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
+                        ] }),
+                        item.value && /* @__PURE__ */ jsx("span", { className: "chart-tooltip-item-value", children: item.value.toLocaleString() })
+                      ]
+                    }
+                  )
+                ] })
+              },
+              item.dataKey
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+ChartTooltipContent.displayName = "ChartTooltip";
+const ChartLegend = RechartsPrimitive.Legend;
+const ChartLegendContent = React.forwardRef(
+  ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
+    const { config } = useChart();
+    if (!(payload == null ? void 0 : payload.length)) {
+      return null;
+    }
     return /* @__PURE__ */ jsx(
-      CarouselContext.Provider,
+      "div",
       {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || ((opts == null ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("carousel", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...props,
-            children
-          }
-        )
+        ref,
+        className: cn(
+          "chart-legend",
+          verticalAlign === "top" ? "chart-legend--top" : "chart-legend--bottom",
+          className
+        ),
+        children: payload.map((item) => {
+          const key = `${nameKey || item.dataKey || "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "chart-legend-item",
+              children: [
+                (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "chart-legend-indicator",
+                    style: {
+                      backgroundColor: item.color
+                    }
+                  }
+                ),
+                itemConfig == null ? void 0 : itemConfig.label
+              ]
+            },
+            item.value
+          );
+        })
       }
     );
   }
 );
-Carousel.displayName = "Carousel";
-const CarouselContent = React.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "carousel-viewport", children: /* @__PURE__ */ jsx(
+ChartLegendContent.displayName = "ChartLegend";
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+const CodeBadge = ({ code, className, style }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("code-badge", className),
+      style: {
+        ...style
+      },
+      children: /* @__PURE__ */ jsx("span", { className: "number-small font-semibold", style: { color: "inherit" }, children: code })
+    }
+  );
+};
+const PageHeader = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx("header", { ref, className: cn("page-header", className), ...props, children });
+  }
+);
+PageHeader.displayName = "PageHeader";
+const PageHeaderTopSection = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      className: cn(
-        "carousel-content",
-        orientation === "horizontal" ? "carousel-content--horizontal" : "carousel-content--vertical",
-        className
-      ),
-      ...props
+      className: cn("page-header-top-section", className),
+      ...props,
+      children
     }
-  ) });
+  );
 });
-CarouselContent.displayName = "CarouselContent";
-const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
+PageHeaderTopSection.displayName = "PageHeaderTopSection";
+const PageHeaderLeftContent = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: cn(
-        "carousel-item",
-        orientation === "horizontal" ? "carousel-item--horizontal" : "carousel-item--vertical",
-        className
-      ),
-      ...props
+      className: cn("page-header-left-content", className),
+      ...props,
+      children
     }
   );
 });
-CarouselItem.displayName = "CarouselItem";
-const CarouselPrevious = React.forwardRef(
-  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
-    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-    return /* @__PURE__ */ jsxs(
-      Button,
-      {
-        ref,
-        variant: variant2,
-        size,
-        className: cn(
-          "carousel-button carousel-button--previous",
-          orientation === "horizontal" ? "carousel-button--horizontal" : "carousel-button--vertical",
-          className
-        ),
-        disabled: !canScrollPrev,
-        onClick: scrollPrev,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(ArrowLeft, { className: "icon-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous slide" })
-        ]
-      }
-    );
+PageHeaderLeftContent.displayName = "PageHeaderLeftContent";
+const PageHeaderBadge = React.forwardRef(
+  ({ children, animated = false, show = true, className, style, ...props }, ref) => {
+    if (animated) {
+      return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          initial: { opacity: 0, scale: 0.8 },
+          animate: { opacity: 1, scale: 1 },
+          exit: { opacity: 0, scale: 0.8 },
+          transition: { duration: 0.2 },
+          className,
+          style,
+          children
+        }
+      ) });
+    }
+    if (!show) return null;
+    return /* @__PURE__ */ jsx("div", { ref, className, style, ...props, children });
   }
 );
-CarouselPrevious.displayName = "CarouselPrevious";
-const CarouselNext = React.forwardRef(
-  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
-    const { orientation, scrollNext, canScrollNext } = useCarousel();
-    return /* @__PURE__ */ jsxs(
-      Button,
+PageHeaderBadge.displayName = "PageHeaderBadge";
+const PageHeaderTitle = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("h1", { ref, className: cn("page-header-title", className), ...props, children });
+});
+PageHeaderTitle.displayName = "PageHeaderTitle";
+const PageHeaderDescription = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn("page-header-description", className),
+      ...props,
+      children
+    }
+  );
+});
+PageHeaderDescription.displayName = "PageHeaderDescription";
+const StandardTableContext = React.createContext(null);
+const StandardTableRowContext = React.createContext(null);
+function useStandardTable() {
+  const context = React.useContext(StandardTableContext);
+  if (!context) {
+    throw new Error(
+      "StandardTable components must be used within <StandardTable>"
+    );
+  }
+  return context;
+}
+function useStandardTableRow() {
+  const context = React.useContext(StandardTableRowContext);
+  if (!context) {
+    throw new Error(
+      "StandardTableTrigger and StandardTableContent must be used within <StandardTableRow>"
+    );
+  }
+  return context;
+}
+const StandardTable = React.forwardRef(
+  ({
+    allowMultiple = false,
+    defaultExpanded,
+    expandedValues: controlledExpandedValues,
+    onExpandedChange,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    const getInitialExpanded = () => {
+      if (!defaultExpanded) return /* @__PURE__ */ new Set();
+      if (Array.isArray(defaultExpanded)) return new Set(defaultExpanded);
+      return /* @__PURE__ */ new Set([defaultExpanded]);
+    };
+    const [uncontrolledExpandedValues, setUncontrolledExpandedValues] = React.useState(getInitialExpanded);
+    const [isAllExpanded, setIsAllExpanded] = React.useState(false);
+    const isControlled = controlledExpandedValues !== void 0;
+    const expandedValues = isControlled ? controlledExpandedValues : uncontrolledExpandedValues;
+    const hasAnyExpanded = React.useMemo(
+      () => isAllExpanded || expandedValues.size > 0,
+      [isAllExpanded, expandedValues]
+    );
+    const isExpanded = React.useCallback(
+      (value) => isAllExpanded || expandedValues.has(value),
+      [isAllExpanded, expandedValues]
+    );
+    const toggle = React.useCallback(
+      (value) => {
+        const newValues = new Set(expandedValues);
+        if (newValues.has(value)) {
+          newValues.delete(value);
+        } else {
+          if (!allowMultiple) {
+            newValues.clear();
+          }
+          newValues.add(value);
+        }
+        if (!isControlled) {
+          setUncontrolledExpandedValues(newValues);
+        }
+        onExpandedChange == null ? void 0 : onExpandedChange(newValues);
+        setIsAllExpanded(false);
+      },
+      [allowMultiple, expandedValues, isControlled, onExpandedChange]
+    );
+    const expandAll = React.useCallback(() => {
+      setIsAllExpanded(true);
+      const emptySet = /* @__PURE__ */ new Set();
+      if (!isControlled) {
+        setUncontrolledExpandedValues(emptySet);
+      }
+      onExpandedChange == null ? void 0 : onExpandedChange(emptySet);
+    }, [isControlled, onExpandedChange]);
+    const collapseAll = React.useCallback(() => {
+      setIsAllExpanded(false);
+      const emptySet = /* @__PURE__ */ new Set();
+      if (!isControlled) {
+        setUncontrolledExpandedValues(emptySet);
+      }
+      onExpandedChange == null ? void 0 : onExpandedChange(emptySet);
+    }, [isControlled, onExpandedChange]);
+    const contextValue = React.useMemo(
+      () => ({
+        expandedValues,
+        isExpanded,
+        toggle,
+        expandAll,
+        collapseAll,
+        hasAnyExpanded,
+        allowMultiple
+      }),
+      [
+        expandedValues,
+        isExpanded,
+        toggle,
+        expandAll,
+        collapseAll,
+        hasAnyExpanded,
+        allowMultiple
+      ]
+    );
+    return /* @__PURE__ */ jsx(StandardTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
       {
         ref,
-        variant: variant2,
-        size,
         className: cn(
-          "carousel-button carousel-button--next",
-          orientation === "horizontal" ? "carousel-button--horizontal" : "carousel-button--vertical",
+          "border border-blue-200 rounded-xl overflow-hidden",
           className
         ),
-        disabled: !canScrollNext,
-        onClick: scrollNext,
         ...props,
-        children: [
-          /* @__PURE__ */ jsx(ArrowRight, { className: "icon-4" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next slide" })
-        ]
+        children
       }
-    );
+    ) });
   }
 );
-CarouselNext.displayName = "CarouselNext";
-const Collapsible = CollapsiblePrimitive.Root;
-const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
-const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
-const ToastProvider = ToastPrimitives.Provider;
-const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Viewport,
-  {
-    ref,
-    className: cn("toast-viewport", className),
-    ...props
-  }
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-const toastVariants = cva(
-  "toast",
-  {
-    variants: {
-      variant: {
-        default: "toast--default",
-        destructive: "toast--destructive"
+StandardTable.displayName = "StandardTable";
+const StandardTableHeader = React.forwardRef(({ title, hasExpanded, onToggleAll, className }, ref) => {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("standard-table-header", className), children: [
+    /* @__PURE__ */ jsx("h2", { className: "standard-table-header__title body-large", children: title }),
+    onToggleAll && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        animate: { rotate: hasExpanded ? 180 : 0 },
+        transition: { duration: 0.2 },
+        className: "mx-6",
+        children: /* @__PURE__ */ jsx(Button, { size: "icon", onClick: onToggleAll, children: /* @__PURE__ */ jsx(UtilityChevronDown, {}) })
       }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const Toast = React.forwardRef(({ className, variant: variant2, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    ToastPrimitives.Root,
-    {
-      ref,
-      className: cn(toastVariants({ variant: variant2 }), className),
-      ...props
-    }
-  );
+    )
+  ] });
 });
-Toast.displayName = ToastPrimitives.Root.displayName;
-const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Action,
-  {
-    ref,
-    className: cn("toast-action", className),
-    ...props
-  }
-));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Close,
-  {
-    ref,
-    className: cn("toast-close", className),
-    "toast-close": "",
-    ...props,
-    children: /* @__PURE__ */ jsx(X$1, { className: "icon-4" })
-  }
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn("toast-title", className),
-    ...props
-  }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Description,
-  {
-    ref,
-    className: cn("toast-description", className),
-    ...props
-  }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-const TOAST_LIMIT = 1;
-const TOAST_REMOVE_DELAY = 1e6;
-let count = 0;
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  return count.toString();
-}
-const toastTimeouts = /* @__PURE__ */ new Map();
-const addToRemoveQueue = (toastId) => {
-  if (toastTimeouts.has(toastId)) {
-    return;
-  }
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({
-      type: "REMOVE_TOAST",
-      toastId
-    });
-  }, TOAST_REMOVE_DELAY);
-  toastTimeouts.set(toastId, timeout);
-};
-const reducer = (state2, action) => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return {
-        ...state2,
-        toasts: [action.toast, ...state2.toasts].slice(0, TOAST_LIMIT)
-      };
-    case "UPDATE_TOAST":
-      return {
-        ...state2,
-        toasts: state2.toasts.map(
-          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
-        )
-      };
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-      if (toastId) {
-        addToRemoveQueue(toastId);
-      } else {
-        state2.toasts.forEach((toast2) => {
-          addToRemoveQueue(toast2.id);
-        });
-      }
-      return {
-        ...state2,
-        toasts: state2.toasts.map(
-          (t) => t.id === toastId || toastId === void 0 ? {
-            ...t,
-            open: false
-          } : t
-        )
-      };
-    }
-    case "REMOVE_TOAST":
-      if (action.toastId === void 0) {
-        return {
-          ...state2,
-          toasts: []
-        };
-      }
-      return {
-        ...state2,
-        toasts: state2.toasts.filter((t) => t.id !== action.toastId)
-      };
-  }
-};
-const listeners = [];
-let memoryState = { toasts: [] };
-function dispatch(action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => {
-    listener(memoryState);
-  });
-}
-function toast({ ...props }) {
-  const id = genId();
-  const update = (props2) => dispatch({
-    type: "UPDATE_TOAST",
-    toast: { ...props2, id }
-  });
-  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      }
+StandardTableHeader.displayName = "StandardTableHeader";
+const StandardTableHeaderRow = React.forwardRef(({ title, className }, ref) => {
+  const { hasAnyExpanded, expandAll, collapseAll } = useStandardTable();
+  const handleToggleAll = React.useCallback(() => {
+    if (hasAnyExpanded) {
+      collapseAll();
+    } else {
+      expandAll();
     }
-  });
-  return {
-    id,
-    dismiss,
-    update
-  };
-}
-function useToast() {
-  const [state2, setState] = React.useState(memoryState);
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) {
-        listeners.splice(index, 1);
-      }
-    };
-  }, [state2]);
-  return {
-    ...state2,
-    toast,
-    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
-  };
-}
-function Toaster$1() {
-  const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
-    toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ jsxs(Toast, { ...props, children: [
-        /* @__PURE__ */ jsxs("div", { className: "toast-content", children: [
-          title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
-        ] }),
-        action,
-        /* @__PURE__ */ jsx(ToastClose, {})
-      ] }, id);
-    }),
-    /* @__PURE__ */ jsx(ToastViewport, {})
+  }, [hasAnyExpanded, collapseAll, expandAll]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("standard-table-header", className), children: [
+    /* @__PURE__ */ jsx("h2", { className: "standard-table-header__title body-large", children: title }),
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        animate: { rotate: hasAnyExpanded ? 180 : 0 },
+        transition: { duration: 0.2 },
+        style: { willChange: "transform" },
+        children: /* @__PURE__ */ jsx(Button, { size: "icon", onClick: handleToggleAll, children: /* @__PURE__ */ jsx(UtilityChevronDown, {}) })
+      }
+    )
   ] });
-}
-const THEMES = { light: "", dark: ".dark" };
-const ChartContext = React.createContext(null);
-function useChart() {
-  const context = React.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-const ChartContainer = React.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+});
+StandardTableHeaderRow.displayName = "StandardTableHeaderRow";
+const StandardTableRow = React.forwardRef(({ value, children, className, ...props }, ref) => {
+  const { isExpanded: isExpandedFn } = useStandardTable();
+  const isExpanded = isExpandedFn(value);
+  const rowContextValue = React.useMemo(
+    () => ({ value, isExpanded }),
+    [value, isExpanded]
+  );
+  return /* @__PURE__ */ jsx(StandardTableRowContext.Provider, { value: rowContextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn("standard-table-row", className), ...props, children }) });
+});
+StandardTableRow.displayName = "StandardTableRow";
+const StandardTableRowHeader = React.forwardRef(({ children, className, onClick, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      "data-chart": chartId,
       ref,
-      className: cn(
-        "chart-container",
-        className
-      ),
+      onClick,
+      className: cn("standard-table-row-header", className),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
-      ]
+      children
     }
-  ) });
+  );
 });
-ChartContainer.displayName = "Chart";
-const ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(
-    ([_, config2]) => config2.theme || config2.color
+StandardTableRowHeader.displayName = "StandardTableRowHeader";
+const StandardTableTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggle } = useStandardTable();
+  const { value, isExpanded } = useStandardTableRow();
+  const handleClick = React.useCallback(
+    (e) => {
+      e.stopPropagation();
+      toggle(value);
+      onClick == null ? void 0 : onClick(e);
+    },
+    [toggle, value, onClick]
   );
-  if (!colorConfig.length) {
-    return null;
-  }
   return /* @__PURE__ */ jsx(
-    "style",
+    motion.div,
     {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            var _a;
-            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
+      animate: { rotate: isExpanded ? 180 : 0 },
+      transition: { duration: 0.2 },
+      style: { willChange: "transform" },
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          size: "icon",
+          variant: "clear",
+          onClick: handleClick,
+          className: cn("standard-table-trigger", className),
+          ...props,
+          children: /* @__PURE__ */ jsx(UtilityChevronDown, {})
+        }
+      )
     }
   );
-};
-const ChartTooltip = RechartsPrimitive.Tooltip;
-const ChartTooltipContent = React.forwardRef(
+});
+StandardTableTrigger.displayName = "StandardTableTrigger";
+const StandardTableContent = React.forwardRef(({ children, className, ...props }, ref) => {
+  const { isExpanded } = useStandardTableRow();
+  return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isExpanded && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: { height: 0, opacity: 0 },
+      animate: { height: "auto", opacity: 1 },
+      exit: { height: 0, opacity: 0 },
+      transition: { duration: 0.3, ease: [0.25, 0.46, 0.45, 0.94] },
+      className: cn("standard-table-content", className),
+      style: { willChange: "opacity" },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: "standard-table-content__inner",
+          ...props,
+          children
+        }
+      )
+    }
+  ) });
+});
+StandardTableContent.displayName = "StandardTableContent";
+const StandardTableListRow = React.forwardRef(
   ({
-    active,
-    payload,
+    icon,
+    badge,
+    title,
+    titleClassName,
+    rightContent,
+    onClick,
     className,
-    indicator = "dot",
-    hideLabel = false,
-    hideIndicator = false,
-    label,
-    labelFormatter,
-    labelClassName,
-    formatter,
-    color,
-    nameKey,
-    labelKey
+    variant: variant2 = "default",
+    ...props
   }, ref) => {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-      var _a;
-      if (hideLabel || !(payload == null ? void 0 : payload.length)) {
-        return null;
-      }
-      const [item] = payload;
-      const key = `${labelKey || item.dataKey || item.name || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
-      if (labelFormatter) {
-        return /* @__PURE__ */ jsx("div", { className: cn("chart-tooltip-label", labelClassName), children: labelFormatter(value, payload) });
-      }
-      if (!value) {
-        return null;
-      }
-      return /* @__PURE__ */ jsx("div", { className: cn("chart-tooltip-label", labelClassName), children: value });
-    }, [
-      label,
-      labelFormatter,
-      payload,
-      hideLabel,
-      labelClassName,
-      config,
-      labelKey
-    ]);
-    if (!active || !(payload == null ? void 0 : payload.length)) {
-      return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
+        onClick,
         className: cn(
-          "chart-tooltip",
+          "standard-table-list-row",
+          variant2 === "default" ? "standard-table-list-row--default" : "standard-table-list-row--nested",
           className
         ),
+        ...props,
         children: [
-          !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx("div", { className: "chart-tooltip-content", children: payload.map((item, index) => {
-            const key = `${nameKey || item.name || item.dataKey || "value"}`;
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "chart-tooltip-item",
-                  indicator === "dot" && "chart-tooltip-item--dot"
-                ),
-                children: formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        "chart-tooltip-indicator",
-                        {
-                          "chart-tooltip-indicator--dot": indicator === "dot",
-                          "chart-tooltip-indicator--line": indicator === "line",
-                          "chart-tooltip-indicator--dashed": indicator === "dashed",
-                          "chart-tooltip-indicator--dashed-nested": nestLabel && indicator === "dashed"
-                        }
-                      ),
-                      style: {
-                        "--color-bg": indicatorColor,
-                        "--color-border": indicatorColor
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: cn(
-                        "chart-tooltip-item-content",
-                        nestLabel ? "chart-tooltip-item-content--nested" : ""
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { className: "chart-tooltip-item-details", children: [
-                          nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx("span", { className: "chart-tooltip-item-label", children: (itemConfig == null ? void 0 : itemConfig.label) || item.name })
-                        ] }),
-                        item.value && /* @__PURE__ */ jsx("span", { className: "chart-tooltip-item-value", children: item.value.toLocaleString() })
-                      ]
-                    }
-                  )
-                ] })
-              },
-              item.dataKey
-            );
-          }) })
-        ]
-      }
-    );
-  }
-);
-ChartTooltipContent.displayName = "ChartTooltip";
-const ChartLegend = RechartsPrimitive.Legend;
-const ChartLegendContent = React.forwardRef(
-  ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
-    const { config } = useChart();
-    if (!(payload == null ? void 0 : payload.length)) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "chart-legend",
-          verticalAlign === "top" ? "chart-legend--top" : "chart-legend--bottom",
-          className
-        ),
-        children: payload.map((item) => {
-          const key = `${nameKey || item.dataKey || "value"}`;
-          const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          return /* @__PURE__ */ jsxs(
-            "div",
+          icon,
+          badge,
+          /* @__PURE__ */ jsx(
+            "span",
             {
-              className: "chart-legend-item",
-              children: [
-                (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "chart-legend-indicator",
-                    style: {
-                      backgroundColor: item.color
-                    }
-                  }
-                ),
-                itemConfig == null ? void 0 : itemConfig.label
-              ]
-            },
-            item.value
-          );
-        })
+              className: cn(
+                "standard-table-list-row__title",
+                titleClassName || "body-large"
+              ),
+              children: title
+            }
+          ),
+          rightContent
+        ]
       }
     );
   }
 );
-ChartLegendContent.displayName = "ChartLegend";
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-const CodeBadge = ({ code, className, style }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("code-badge", className),
-      style: {
-        ...style
-      },
-      children: /* @__PURE__ */ jsx("span", { className: "number-small font-semibold", style: { color: "inherit" }, children: code })
-    }
-  );
-};
-const PageHeader = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("header", { ref, className: cn("page-header", className), ...props, children });
-  }
-);
-PageHeader.displayName = "PageHeader";
-const PageHeaderTopSection = React.forwardRef(({ children, className, ...props }, ref) => {
+StandardTableListRow.displayName = "StandardTableListRow";
+const StandardTableContainer = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
-    "div",
+    "section",
     {
       ref,
-      className: cn("page-header-top-section", className),
+      className: cn("standard-table-container", className),
       ...props,
       children
     }
   );
 });
-PageHeaderTopSection.displayName = "PageHeaderTopSection";
-const PageHeaderLeftContent = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
+StandardTableContainer.displayName = "StandardTableContainer";
+const NavLogo = ({ dark = false }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
     {
-      ref,
-      className: cn("page-header-left-content", className),
-      ...props,
-      children
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "64",
+      height: "16",
+      viewBox: "0 0 64 16",
+      fill: "none",
+      className: cn(dark ? "text-gray-700" : "text-white"),
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M53.5868 0H55.0485C55.6026 0 56.0325 0.404706 56.0325 0.969412V12.8941H63.016C63.5701 12.8941 64 13.2988 64 13.8447V15.0306C64 15.5765 63.5701 16 63.016 16H53.5868C53.0327 16 52.6028 15.5765 52.6028 15.0306V0.969412C52.6028 0.404706 53.0423 0 53.5868 0Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M39.9826 0H41.4442C41.9983 0 42.4282 0.404706 42.4282 0.969412V12.8941H49.4118C49.9659 12.8941 50.3958 13.2988 50.3958 13.8447V15.0306C50.3958 15.5765 49.9659 16 49.4118 16H39.9826C39.4285 16 38.9986 15.5765 38.9986 15.0306V0.969412C38.9986 0.404706 39.4285 0 39.9826 0Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M25.4615 0H35.5212C36.0944 0 36.5052 0.404706 36.5052 0.969412V2.15529C36.5052 2.70118 36.0944 3.12471 35.5212 3.12471H27.9072V6.37176H34.222C34.7761 6.37176 35.206 6.77647 35.206 7.32235V8.50824C35.206 9.07294 34.7761 9.47765 34.222 9.47765H27.9072V12.8941H35.6359C36.2091 12.8941 36.6199 13.2988 36.6199 13.8447V15.0306C36.6199 15.5765 36.2091 16 35.6359 16H25.4615C24.9074 16 24.4775 15.5765 24.4775 15.0306V0.969412C24.4775 0.404706 24.9074 0 25.4615 0Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M2.26579 0C2.81989 0 3.37399 0.376471 3.53639 0.922353L6.56483 10.4941L9.51684 0.856471C9.66014 0.357647 10.1665 0 10.6728 0H11.6855C12.2109 0 12.7172 0.357647 12.8605 0.856471L15.8412 10.5035L18.8314 0.922353C18.9747 0.376471 19.5288 0 20.102 0H21.6401C22.1942 0 22.4808 0.404706 22.2898 0.922353L17.4653 15.1435C17.2933 15.6141 16.7965 16 16.2616 16H15.2489C14.7426 16 14.2362 15.6424 14.0929 15.1435L11.1887 5.92L8.25578 15.1435C8.11248 15.6424 7.60615 16 7.08071 16H6.08716C5.58083 16 5.0745 15.6235 4.91209 15.1435L0.0589489 0.922353C-0.13212 0.404706 0.154483 0 0.727688 0H2.26579Z",
+            fill: "currentColor"
+          }
+        )
+      ]
     }
   );
-});
-PageHeaderLeftContent.displayName = "PageHeaderLeftContent";
-const PageHeaderBadge = React.forwardRef(
-  ({ children, animated = false, show = true, className, style, ...props }, ref) => {
-    if (animated) {
-      return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          initial: { opacity: 0, scale: 0.8 },
-          animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.8 },
-          transition: { duration: 0.2 },
-          className,
-          style,
-          children
-        }
-      ) });
+};
+const NavAccount = ({ className = "" }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn(
+        "transition-colors duration-300 text-bronze-500",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M16.0001 14.5C18.2093 14.5 20.0001 12.7091 20.0001 10.5C20.0001 8.29086 18.2093 6.5 16.0001 6.5C13.791 6.5 12.0001 8.29086 12.0001 10.5C12.0001 12.7091 13.791 14.5 16.0001 14.5Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.90759 23.3314C8.48801 19.8899 11.9649 17.5 16 17.5C20.0351 17.5 23.5121 19.89 25.0924 23.3316C22.8919 25.8841 19.6347 27.5 16.0001 27.5C12.3654 27.5 9.10818 25.8841 6.90759 23.3314Z",
+            fill: "currentColor"
+          }
+        )
+      ]
     }
-    if (!show) return null;
-    return /* @__PURE__ */ jsx("div", { ref, className, style, ...props, children });
-  }
-);
-PageHeaderBadge.displayName = "PageHeaderBadge";
-const PageHeaderTitle = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("h1", { ref, className: cn("page-header-title", className), ...props, children });
-});
-PageHeaderTitle.displayName = "PageHeaderTitle";
-const PageHeaderDescription = React.forwardRef(({ children, className, ...props }, ref) => {
+  );
+};
+const NavBullet = ({ color }) => {
   return /* @__PURE__ */ jsx(
-    "p",
+    "svg",
     {
-      ref,
-      className: cn("page-header-description", className),
-      ...props,
-      children
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "8",
+      height: "9",
+      viewBox: "0 0 8 9",
+      fill: "none",
+      children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4.5", r: "3.5", fill: color, stroke: "#F3E7D8" })
     }
   );
-});
-PageHeaderDescription.displayName = "PageHeaderDescription";
-const StandardTableContext = React.createContext(null);
-const StandardTableRowContext = React.createContext(null);
-function useStandardTable() {
-  const context = React.useContext(StandardTableContext);
-  if (!context) {
-    throw new Error(
-      "StandardTable components must be used within <StandardTable>"
-    );
-  }
-  return context;
-}
-function useStandardTableRow() {
-  const context = React.useContext(StandardTableRowContext);
-  if (!context) {
-    throw new Error(
-      "StandardTableTrigger and StandardTableContent must be used within <StandardTableRow>"
-    );
-  }
-  return context;
+};
+const UtilityClearRegular = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "14",
+          height: "14",
+          viewBox: "0 0 14 14",
+          fill: "none",
+          className: cn("size-[14px] text-inherit"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M6.65039 12.65L0.650391 6.65L6.65039 0.65",
+                stroke: "currentColor",
+                strokeWidth: "1.3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M12.6504 6.65H0.650391",
+                stroke: "currentColor",
+                strokeWidth: "1.3",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const NavigationContext = React.createContext(
+  null
+);
+function useNavigation() {
+  const ctx = React.useContext(NavigationContext);
+  if (!ctx)
+    throw new Error("Navigation components must be used within <Navigation>");
+  return ctx;
 }
-const StandardTable = React.forwardRef(
-  ({
-    allowMultiple = false,
-    defaultExpanded,
-    expandedValues: controlledExpandedValues,
-    onExpandedChange,
-    children,
-    className,
-    ...props
-  }, ref) => {
-    const getInitialExpanded = () => {
-      if (!defaultExpanded) return /* @__PURE__ */ new Set();
-      if (Array.isArray(defaultExpanded)) return new Set(defaultExpanded);
-      return /* @__PURE__ */ new Set([defaultExpanded]);
+const Navigation = React.forwardRef(
+  ({ className, light = false, children, ...props }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [activeIndex, setActiveIndex] = React.useState(null);
+    const [trays, setTrays] = React.useState([]);
+    const handleMouseLeave = () => {
+      setIsOpen(false);
+      setActiveIndex(null);
     };
-    const [uncontrolledExpandedValues, setUncontrolledExpandedValues] = React.useState(getInitialExpanded);
-    const [isAllExpanded, setIsAllExpanded] = React.useState(false);
-    const isControlled = controlledExpandedValues !== void 0;
-    const expandedValues = isControlled ? controlledExpandedValues : uncontrolledExpandedValues;
-    const hasAnyExpanded = React.useMemo(
-      () => isAllExpanded || expandedValues.size > 0,
-      [isAllExpanded, expandedValues]
-    );
-    const isExpanded = React.useCallback(
-      (value) => isAllExpanded || expandedValues.has(value),
-      [isAllExpanded, expandedValues]
-    );
-    const toggle = React.useCallback(
-      (value) => {
-        const newValues = new Set(expandedValues);
-        if (newValues.has(value)) {
-          newValues.delete(value);
-        } else {
-          if (!allowMultiple) {
-            newValues.clear();
-          }
-          newValues.add(value);
-        }
-        if (!isControlled) {
-          setUncontrolledExpandedValues(newValues);
-        }
-        onExpandedChange == null ? void 0 : onExpandedChange(newValues);
-        setIsAllExpanded(false);
-      },
-      [allowMultiple, expandedValues, isControlled, onExpandedChange]
-    );
-    const expandAll = React.useCallback(() => {
-      setIsAllExpanded(true);
-      const emptySet = /* @__PURE__ */ new Set();
-      if (!isControlled) {
-        setUncontrolledExpandedValues(emptySet);
-      }
-      onExpandedChange == null ? void 0 : onExpandedChange(emptySet);
-    }, [isControlled, onExpandedChange]);
-    const collapseAll = React.useCallback(() => {
-      setIsAllExpanded(false);
-      const emptySet = /* @__PURE__ */ new Set();
-      if (!isControlled) {
-        setUncontrolledExpandedValues(emptySet);
-      }
-      onExpandedChange == null ? void 0 : onExpandedChange(emptySet);
-    }, [isControlled, onExpandedChange]);
+    const registerTrays = React.useCallback((newTrays) => {
+      setTrays(newTrays);
+    }, []);
     const contextValue = React.useMemo(
       () => ({
-        expandedValues,
-        isExpanded,
-        toggle,
-        expandAll,
-        collapseAll,
-        hasAnyExpanded,
-        allowMultiple
+        light,
+        isOpen,
+        activeIndex,
+        setActiveIndex,
+        setIsOpen,
+        registerTrays
       }),
-      [
-        expandedValues,
-        isExpanded,
-        toggle,
-        expandAll,
-        collapseAll,
-        hasAnyExpanded,
-        allowMultiple
-      ]
+      [light, isOpen, activeIndex, registerTrays]
     );
-    return /* @__PURE__ */ jsx(StandardTableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      "div",
+    return /* @__PURE__ */ jsx(NavigationContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      "nav",
       {
         ref,
-        className: cn(
-          "border border-blue-200 rounded-xl overflow-hidden",
-          className
-        ),
+        className: cn("navigation", light && "navigation--light", className),
+        onMouseLeave: handleMouseLeave,
         ...props,
-        children
+        children: [
+          !light && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              className: "navigation__backdrop",
+              initial: false,
+              animate: {
+                height: isOpen ? 340 : 64,
+                backgroundColor: isOpen ? "rgba(62, 64, 73, 0.90)" : "rgba(0, 0, 0, 0.16)"
+              },
+              transition: { duration: 0.25, ease: "easeOut" },
+              style: { willChange: "transform" }
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "navigation__content", children }),
+          isOpen && !light && /* @__PURE__ */ jsx("div", { className: "navigation__separator" }),
+          /* @__PURE__ */ jsx("div", { className: "navigation__tray-container", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isOpen && activeIndex !== null && /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { y: -10, opacity: 0 },
+              animate: { y: 0, opacity: 1 },
+              exit: { y: -10, opacity: 0 },
+              transition: { duration: 0.2 },
+              style: { willChange: "transform, opacity" },
+              children: trays[activeIndex - 1]
+            },
+            activeIndex
+          ) }) })
+        ]
       }
     ) });
   }
 );
-StandardTable.displayName = "StandardTable";
-const StandardTableHeader = React.forwardRef(({ title, hasExpanded, onToggleAll, className }, ref) => {
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("standard-table-header", className), children: [
-    /* @__PURE__ */ jsx("h2", { className: "standard-table-header__title body-large", children: title }),
-    onToggleAll && /* @__PURE__ */ jsx(
+Navigation.displayName = "Navigation";
+const NavigationBrand = React.forwardRef(
+  ({ className, children }, ref) => {
+    return /* @__PURE__ */ jsx(
       motion.div,
       {
-        animate: { rotate: hasExpanded ? 180 : 0 },
-        transition: { duration: 0.2 },
-        className: "mx-6",
-        children: /* @__PURE__ */ jsx(Button, { size: "icon", onClick: onToggleAll, children: /* @__PURE__ */ jsx(UtilityChevronDown, {}) })
+        ref,
+        className: cn("navigation-brand", className),
+        layout: true,
+        transition: { duration: 0.2, ease: "easeOut" },
+        children
       }
-    )
-  ] });
-});
-StandardTableHeader.displayName = "StandardTableHeader";
-const StandardTableHeaderRow = React.forwardRef(({ title, className }, ref) => {
-  const { hasAnyExpanded, expandAll, collapseAll } = useStandardTable();
-  const handleToggleAll = React.useCallback(() => {
-    if (hasAnyExpanded) {
-      collapseAll();
-    } else {
-      expandAll();
-    }
-  }, [hasAnyExpanded, collapseAll, expandAll]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("standard-table-header", className), children: [
-    /* @__PURE__ */ jsx("h2", { className: "standard-table-header__title body-large", children: title }),
-    /* @__PURE__ */ jsx(
+    );
+  }
+);
+NavigationBrand.displayName = "NavigationBrand";
+const NavigationBack = React.forwardRef(
+  ({ className, show, asChild, children, ...props }, ref) => {
+    const { light } = useNavigation();
+    const linkClassName = cn(
+      buttonVariants({ size: "icon" }),
+      "navigation-back",
+      light ? "navigation-back--light" : "navigation-back--dark",
+      className
+    );
+    const defaultIcon = /* @__PURE__ */ jsx(
+      UtilityClearRegular,
+      {
+        className: light ? "navigation-back__icon--light" : "navigation-back__icon--dark"
+      }
+    );
+    return /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: show && /* @__PURE__ */ jsx(
       motion.div,
       {
-        animate: { rotate: hasAnyExpanded ? 180 : 0 },
-        transition: { duration: 0.2 },
-        style: { willChange: "transform" },
-        children: /* @__PURE__ */ jsx(Button, { size: "icon", onClick: handleToggleAll, children: /* @__PURE__ */ jsx(UtilityChevronDown, {}) })
+        layout: true,
+        initial: { opacity: 0, scale: 0.8 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.8 },
+        transition: { duration: 0.2, ease: "easeOut" },
+        style: { willChange: "transform, opacity" },
+        children: asChild && React.isValidElement(children) ? (() => {
+          const childElement = children;
+          const hasChildContent = childElement.props.children != null;
+          return /* @__PURE__ */ jsx(
+            Slot,
+            {
+              ref,
+              className: linkClassName,
+              "aria-label": "Back",
+              ...props,
+              children: hasChildContent ? children : React.cloneElement(childElement, {}, defaultIcon)
+            }
+          );
+        })() : /* @__PURE__ */ jsx(
+          "a",
+          {
+            ref,
+            className: linkClassName,
+            "aria-label": "Back",
+            href: "/",
+            ...props,
+            children: children || defaultIcon
+          }
+        )
       }
-    )
-  ] });
-});
-StandardTableHeaderRow.displayName = "StandardTableHeaderRow";
-const StandardTableRow = React.forwardRef(({ value, children, className, ...props }, ref) => {
-  const { isExpanded: isExpandedFn } = useStandardTable();
-  const isExpanded = isExpandedFn(value);
-  const rowContextValue = React.useMemo(
-    () => ({ value, isExpanded }),
-    [value, isExpanded]
-  );
-  return /* @__PURE__ */ jsx(StandardTableRowContext.Provider, { value: rowContextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn("standard-table-row", className), ...props, children }) });
-});
-StandardTableRow.displayName = "StandardTableRow";
-const StandardTableRowHeader = React.forwardRef(({ children, className, onClick, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      onClick,
-      className: cn("standard-table-row-header", className),
-      ...props,
-      children
-    }
-  );
-});
-StandardTableRowHeader.displayName = "StandardTableRowHeader";
-const StandardTableTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
-  const { toggle } = useStandardTable();
-  const { value, isExpanded } = useStandardTableRow();
-  const handleClick = React.useCallback(
-    (e) => {
-      e.stopPropagation();
-      toggle(value);
-      onClick == null ? void 0 : onClick(e);
-    },
-    [toggle, value, onClick]
-  );
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      animate: { rotate: isExpanded ? 180 : 0 },
-      transition: { duration: 0.2 },
-      style: { willChange: "transform" },
-      children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          ref,
-          size: "icon",
-          variant: "clear",
-          onClick: handleClick,
-          className: cn("standard-table-trigger", className),
-          ...props,
-          children: /* @__PURE__ */ jsx(UtilityChevronDown, {})
-        }
-      )
-    }
-  );
-});
-StandardTableTrigger.displayName = "StandardTableTrigger";
-const StandardTableContent = React.forwardRef(({ children, className, ...props }, ref) => {
-  const { isExpanded } = useStandardTableRow();
-  return /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: isExpanded && /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      initial: { height: 0, opacity: 0 },
-      animate: { height: "auto", opacity: 1 },
-      exit: { height: 0, opacity: 0 },
-      transition: { duration: 0.3, ease: [0.25, 0.46, 0.45, 0.94] },
-      className: cn("standard-table-content", className),
-      style: { willChange: "opacity" },
-      children: /* @__PURE__ */ jsx(
-        "div",
+    ) });
+  }
+);
+NavigationBack.displayName = "NavigationBack";
+const NavigationLogo = React.forwardRef(
+  ({ className, asChild, children, ...props }, ref) => {
+    const { light } = useNavigation();
+    const defaultLogo = /* @__PURE__ */ jsx(NavLogo, { dark: light });
+    const linkClassName = cn("navigation-logo", className);
+    if (asChild && React.isValidElement(children)) {
+      const childElement = children;
+      const hasChildContent = childElement.props.children != null;
+      return /* @__PURE__ */ jsx(
+        motion.div,
         {
-          ref,
-          className: "standard-table-content__inner",
-          ...props,
-          children
+          layout: true,
+          transition: { duration: 0.2, ease: "easeOut" },
+          style: { willChange: "transform" },
+          children: /* @__PURE__ */ jsx(
+            Slot,
+            {
+              ref,
+              className: linkClassName,
+              "aria-label": "Home",
+              ...props,
+              children: hasChildContent ? children : React.cloneElement(childElement, {}, defaultLogo)
+            }
+          )
         }
-      )
+      );
     }
-  ) });
-});
-StandardTableContent.displayName = "StandardTableContent";
-const StandardTableListRow = React.forwardRef(
+    return /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        layout: true,
+        transition: { duration: 0.2, ease: "easeOut" },
+        style: { willChange: "transform" },
+        children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            ref,
+            className: linkClassName,
+            "aria-label": "Home",
+            href: "/",
+            ...props,
+            children: [
+              defaultLogo,
+              children
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+NavigationLogo.displayName = "NavigationLogo";
+const NavigationMenu = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { registerTrays } = useNavigation();
+    React.useEffect(() => {
+      const trayElements = React.Children.toArray(children).filter(
+        (child) => React.isValidElement(child) && child.type === NavigationTray
+      ).map((child, index) => {
+        if (React.isValidElement(child)) {
+          return React.cloneElement(
+            child,
+            {
+              _index: index + 1,
+              _renderTriggerOnly: false
+            }
+          );
+        }
+        return child;
+      });
+      registerTrays(trayElements);
+    }, [children, registerTrays]);
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("navigation-menu", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "navigation-menu__list", children: React.Children.map(children, (child, index) => {
+      if (React.isValidElement(child) && child.type === NavigationTray) {
+        return React.cloneElement(
+          child,
+          {
+            _index: index + 1,
+            _renderTriggerOnly: true
+          }
+        );
+      }
+      return child;
+    }) }) });
+  }
+);
+NavigationMenu.displayName = "NavigationMenu";
+const NavigationTray = React.forwardRef(
   ({
-    icon,
-    badge,
-    title,
-    titleClassName,
-    rightContent,
-    onClick,
     className,
-    variant: variant2 = "default",
+    trigger,
+    title,
+    children,
+    _index,
+    _renderTriggerOnly,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
+    const { light, activeIndex, setActiveIndex, setIsOpen } = useNavigation();
+    const isActive = activeIndex === _index;
+    const handleMouseEnter = () => {
+      setIsOpen(true);
+      setActiveIndex(_index ?? null);
+    };
+    if (_renderTriggerOnly) {
+      return /* @__PURE__ */ jsxs("li", { className: "navigation-tray-trigger", onMouseEnter: handleMouseEnter, children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "body-small navigation-tray-trigger__text",
+              light ? "navigation-tray-trigger__text--light" : "navigation-tray-trigger__text--dark"
+            ),
+            children: trigger
+          }
+        ),
+        isActive && /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "navigation-tray-trigger__indicator",
+            layoutId: "nav-underline",
+            transition: { duration: 0.2, ease: "easeOut" },
+            children: /* @__PURE__ */ jsx("div", { className: "navigation-tray-trigger__indicator-shape" })
+          }
+        ),
+        _index === 1 && !light && /* @__PURE__ */ jsx("div", { className: "navigation-tray-trigger__static-indicator", children: /* @__PURE__ */ jsx("div", { className: "navigation-tray-trigger__static-indicator-shape" }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("navigation-tray", className), ...props, children: [
+      /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: "heading-xsmall navigation-tray__title",
+          style: {
+            background: "linear-gradient(90deg, #41D5F6 0%, #3EECD1 25%, #66FCD9 50%, #66FCD9 75%, #3EECD1 100%)",
+            WebkitBackgroundClip: "text",
+            WebkitTextFillColor: "transparent",
+            backgroundClip: "text"
+          },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "navigation-tray__content", children })
+    ] });
+  }
+);
+NavigationTray.displayName = "NavigationTray";
+const NavigationColumn = React.forwardRef(({ className, title, children, ...props }, ref) => {
+  const { light } = useNavigation();
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("navigation-column", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "h3",
       {
-        ref,
-        onClick,
         className: cn(
-          "standard-table-list-row",
-          variant2 === "default" ? "standard-table-list-row--default" : "standard-table-list-row--nested",
-          className
+          "overline-medium navigation-column__title",
+          light ? "navigation-column__title--light" : "navigation-column__title--dark"
         ),
-        ...props,
-        children: [
-          icon,
-          badge,
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "standard-table-list-row__title",
-                titleClassName || "body-large"
-              ),
-              children: title
-            }
-          ),
-          rightContent
-        ]
+        children: title
       }
+    ),
+    /* @__PURE__ */ jsx("ul", { className: "navigation-column__list", children })
+  ] });
+});
+NavigationColumn.displayName = "NavigationColumn";
+const NavigationLink = React.forwardRef(
+  ({ className, asChild, sub, bullet, badge, children, ...props }, ref) => {
+    const { light } = useNavigation();
+    const Comp = asChild ? Slot : "a";
+    const isSubItem = sub || bullet;
+    const baseClassName = isSubItem ? cn(
+      "body-small navigation-link--sub",
+      light ? "navigation-link--sub-light" : "navigation-link--sub-dark"
+    ) : cn(
+      "body-base navigation-link",
+      light ? "navigation-link--light" : "navigation-link--dark"
+    );
+    if (isSubItem) {
+      const bulletElement = bullet ? /* @__PURE__ */ jsx(NavBullet, { color: bullet }) : /* @__PURE__ */ jsx("div", { className: "navigation-link__bullet" });
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "navigation-link__container", children: [
+        bulletElement,
+        /* @__PURE__ */ jsx(Comp, { ref, className: cn(baseClassName, className), ...props, children })
+      ] }) });
+    }
+    const linkClassName = cn(
+      baseClassName,
+      badge && "navigation-link__badge-wrapper",
+      className
     );
+    if (badge) {
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("span", { className: "navigation-link__badge-wrapper", children: [
+        /* @__PURE__ */ jsx(Comp, { ref, className: cn(baseClassName, className), ...props, children }),
+        /* @__PURE__ */ jsx("span", { className: "overline-small navigation-link__badge", children: badge })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Comp, { ref, className: linkClassName, ...props, children }) });
   }
 );
-StandardTableListRow.displayName = "StandardTableListRow";
-const StandardTableContainer = React.forwardRef(({ children, className, ...props }, ref) => {
+NavigationLink.displayName = "NavigationLink";
+const NavigationActions = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("navigation-actions", className), ...props, children });
+});
+NavigationActions.displayName = "NavigationActions";
+const NavigationAccount = React.forwardRef(({ className, asChild, children, ...props }, ref) => {
+  const { light } = useNavigation();
+  const linkClassName = cn(
+    buttonVariants({ size: "icon" }),
+    "navigation-account",
+    light && "navigation-account--light",
+    className
+  );
+  const defaultIcon = /* @__PURE__ */ jsx(
+    NavAccount,
+    {
+      className: light ? "navigation-account__icon--light" : "navigation-account__icon--dark"
+    }
+  );
+  if (asChild && React.isValidElement(children)) {
+    const childElement = children;
+    const hasChildContent = childElement.props.children != null;
+    return /* @__PURE__ */ jsx(Slot, { ref, className: linkClassName, "aria-label": "Account", ...props, children: hasChildContent ? children : React.cloneElement(childElement, {}, defaultIcon) });
+  }
   return /* @__PURE__ */ jsx(
-    "section",
+    "a",
     {
       ref,
-      className: cn("standard-table-container", className),
+      className: linkClassName,
+      "aria-label": "Account",
+      href: "/account",
       ...props,
-      children
+      children: children || defaultIcon
     }
   );
 });
-StandardTableContainer.displayName = "StandardTableContainer";
+NavigationAccount.displayName = "NavigationAccount";
 const Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
   return /* @__PURE__ */ jsx(
@@ -9371,9 +8927,83 @@ const X = ({ className = "", color = "#71747D" }) => {
     }
   );
 };
-const ALPHA_PATH = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
-const PATH_LENGTH = 60;
-const AlphaIcon = ({ dark }) => {
+const StandardLogo = ({
+  className = "",
+  dark = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "93",
+      height: "18",
+      viewBox: "0 0 93 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn(dark ? "text-gray-700" : "text-white", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M87.4833 17.1541C84.5265 17.1541 82.2737 14.8309 82.2737 11.7333C82.2737 8.63573 84.5265 6.31253 87.4833 6.31253C89.4779 6.31253 91.1675 7.36853 92.0358 9.0112V0.281599C92.0358 0.117333 92.1531 0 92.3174 0H92.599C92.7633 0 92.8806 0.117333 92.8806 0.281599V16.7317C92.8806 16.896 92.7633 17.0133 92.599 17.0133H92.3174C92.1531 17.0133 92.0358 16.896 92.0358 16.7317V14.4555C91.1675 16.0981 89.4779 17.1541 87.4833 17.1541ZM87.5771 7.1808C85.0662 7.1808 83.1419 9.12853 83.1419 11.7333C83.1419 14.3381 85.0662 16.3093 87.5771 16.3093C90.0881 16.3093 91.9889 14.3381 91.9889 11.7333C91.9889 9.12853 90.0881 7.1808 87.5771 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M75.8349 17.0133C75.6706 17.0133 75.5298 16.896 75.5298 16.7317V6.73493C75.5298 6.57067 75.6706 6.45333 75.8349 6.45333H76.1165C76.2807 6.45333 76.3981 6.57067 76.3981 6.73493V8.63573C76.8674 7.8144 78.0642 6.4064 80.7629 6.31253C80.9037 6.31253 81.0445 6.42987 81.0445 6.59413V6.94613C81.0445 7.1104 80.9271 7.20427 80.7629 7.20427C80.6925 7.1808 80.6455 7.1808 80.5751 7.1808C78.2285 7.1808 76.3981 8.77653 76.3981 10.8885V16.7317C76.3981 16.896 76.2807 17.0133 76.1165 17.0133H75.8349Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M66.4457 17.1541C63.4889 17.1541 61.2361 14.8309 61.2361 11.7333C61.2361 8.63573 63.4889 6.31253 66.4457 6.31253C68.4403 6.31253 70.13 7.36853 70.9982 9.0112V6.73493C70.9982 6.57067 71.1156 6.45333 71.2798 6.45333H71.5849C71.7257 6.45333 71.8665 6.57067 71.8665 6.73493V16.7317C71.8665 16.896 71.7257 17.0133 71.5849 17.0133H71.2798C71.1156 17.0133 70.9982 16.896 70.9982 16.7317V14.4555C70.13 16.0981 68.4403 17.1541 66.4457 17.1541ZM66.5396 7.1808C64.0286 7.1808 62.1044 9.12853 62.1044 11.7333C62.1044 14.3381 64.0286 16.3093 66.5396 16.3093C69.0505 16.3093 70.9513 14.3381 70.9513 11.7333C70.9513 9.12853 69.0505 7.1808 66.5396 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M52.8561 17.1541C49.8993 17.1541 47.6465 14.8309 47.6465 11.7333C47.6465 8.63573 49.8993 6.31253 52.8561 6.31253C54.8507 6.31253 56.5404 7.36853 57.4086 9.0112V0.281599C57.4086 0.117333 57.526 0 57.6902 0H57.9718C58.1361 0 58.2534 0.117333 58.2534 0.281599V16.7317C58.2534 16.896 58.1361 17.0133 57.9718 17.0133H57.6902C57.526 17.0133 57.4086 16.896 57.4086 16.7317V14.4555C56.5404 16.0981 54.8507 17.1541 52.8561 17.1541ZM52.95 7.1808C50.439 7.1808 48.5148 9.12853 48.5148 11.7333C48.5148 14.3381 50.439 16.3093 52.95 16.3093C55.4609 16.3093 57.3617 14.3381 57.3617 11.7333C57.3617 9.12853 55.4609 7.1808 52.95 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M35.5473 17.0133C35.383 17.0133 35.2422 16.896 35.2422 16.7317V6.73493C35.2422 6.57067 35.383 6.45333 35.5473 6.45333H35.8289C35.9931 6.45333 36.1105 6.57067 36.1105 6.73493V8.75307C36.5329 7.90827 37.7297 6.31253 40.4518 6.31253C42.9393 6.31253 44.7697 8.14293 44.7697 10.6304V16.7317C44.7697 16.896 44.6523 17.0133 44.4881 17.0133H44.2065C44.0422 17.0133 43.9249 16.896 43.9249 16.7317V10.7712C43.9249 8.70613 42.3526 7.13387 40.2875 7.13387C37.9409 7.13387 36.1105 8.75307 36.1105 10.8416V16.7317C36.1105 16.896 35.9931 17.0133 35.8289 17.0133H35.5473Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M26.1583 17.1541C23.2015 17.1541 20.9487 14.8309 20.9487 11.7333C20.9487 8.63573 23.2015 6.31253 26.1583 6.31253C28.153 6.31253 29.8426 7.36853 30.7109 9.0112V6.73493C30.7109 6.57067 30.8282 6.45333 30.9925 6.45333H31.2975C31.4383 6.45333 31.5791 6.57067 31.5791 6.73493V16.7317C31.5791 16.896 31.4383 17.0133 31.2975 17.0133H30.9925C30.8282 17.0133 30.7109 16.896 30.7109 16.7317V14.4555C29.8426 16.0981 28.153 17.1541 26.1583 17.1541ZM26.2522 7.1808C23.7413 7.1808 21.817 9.12853 21.817 11.7333C21.817 14.3381 23.7413 16.3093 26.2522 16.3093C28.7631 16.3093 30.6639 14.3381 30.6639 11.7333C30.6639 9.12853 28.7631 7.1808 26.2522 7.1808Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13.285 7.2512C13.1208 7.2512 13.0034 7.13387 13.0034 6.9696V6.73493C13.0034 6.57067 13.1208 6.45333 13.285 6.45333H14.9277V4.41173C14.9277 4.24747 15.045 4.13013 15.2093 4.13013H15.4909C15.6552 4.13013 15.7725 4.24747 15.7725 4.41173V6.45333H18.7997C18.964 6.45333 19.0813 6.57067 19.0813 6.73493V6.9696C19.0813 7.13387 18.964 7.2512 18.7997 7.2512H15.7725V14.08C15.7725 15.2768 16.5234 16.1685 17.5325 16.1685H18.7762C18.9405 16.1685 19.0578 16.2859 19.0578 16.4501V16.7317C19.0578 16.896 18.9405 17.0133 18.7762 17.0133H17.4856C16.0306 17.0133 14.9277 15.7696 14.9277 14.1504V7.2512H13.285Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.84461 4.576C9.46915 3.0272 7.73262 1.9008 5.55022 1.9008C3.10968 1.9008 1.25581 3.28533 1.25581 5.2096C1.25581 7.29813 3.46168 7.90827 5.83182 8.47147C8.38968 9.0112 11.1587 9.83253 11.1587 12.6955C11.1587 15.3237 8.78862 17.1776 5.59715 17.1776C2.73422 17.1776 0.551815 15.6992 0.0120816 13.6576C-0.0348519 13.5168 0.0590148 13.376 0.223281 13.3291L0.598748 13.1883C0.622215 13.1883 0.645682 13.1883 0.645682 13.1883C0.763015 13.1883 0.856881 13.2587 0.903815 13.376C1.32621 15.0656 3.18008 16.2859 5.59715 16.2859C8.24888 16.2859 10.2435 14.8075 10.2435 12.7424C10.2435 10.6069 8.08462 9.90294 5.64408 9.38667C3.20355 8.82347 0.364081 8.07253 0.364081 5.23307C0.364081 2.7456 2.54648 1.03253 5.52675 1.03253C8.17848 1.03253 10.2201 2.3936 10.7598 4.2944C10.8067 4.4352 10.7129 4.576 10.5486 4.62294L10.1497 4.76373C10.0323 4.7872 9.91501 4.7168 9.84461 4.576Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+};
+const ALPHA_PATH$1 = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
+const PATH_LENGTH$1 = 60;
+const AlphaIcon$1 = ({ dark }) => {
   if (dark) {
     return /* @__PURE__ */ jsx(
       "svg",
@@ -9385,7 +9015,7 @@ const AlphaIcon = ({ dark }) => {
         fill: "none",
         className: "mt-1.5",
         style: { overflow: "visible" },
-        children: /* @__PURE__ */ jsx("path", { d: ALPHA_PATH, fill: "currentColor" })
+        children: /* @__PURE__ */ jsx("path", { d: ALPHA_PATH$1, fill: "currentColor" })
       }
     );
   }
@@ -9403,7 +9033,7 @@ const AlphaIcon = ({ dark }) => {
         /* @__PURE__ */ jsx(
           "path",
           {
-            d: ALPHA_PATH,
+            d: ALPHA_PATH$1,
             fill: "url(#paint0_linear_10081_30848)",
             opacity: "0.4"
           }
@@ -9411,15 +9041,15 @@ const AlphaIcon = ({ dark }) => {
         /* @__PURE__ */ jsx(
           motion.path,
           {
-            d: ALPHA_PATH,
+            d: ALPHA_PATH$1,
             fill: "none",
             stroke: "url(#stroke_gradient)",
             strokeWidth: "0.4",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            initial: { strokeDashoffset: PATH_LENGTH },
-            animate: { strokeDashoffset: -PATH_LENGTH },
-            style: { strokeDasharray: `8 ${PATH_LENGTH - 8}` },
+            initial: { strokeDashoffset: PATH_LENGTH$1 },
+            animate: { strokeDashoffset: -PATH_LENGTH$1 },
+            style: { strokeDasharray: `8 ${PATH_LENGTH$1 - 8}` },
             transition: {
               duration: 2,
               repeat: Infinity,
@@ -9518,7 +9148,7 @@ const StandardNavigation = ({
       };
     }
   }, [isUserDropdownOpen]);
-  const NavLink2 = ({ href, className, "aria-label": ariaLabel, children }) => {
+  const NavLink = ({ href, className, "aria-label": ariaLabel, children }) => {
     if (LinkComponent) {
       return /* @__PURE__ */ jsx(LinkComponent, { href, className, "aria-label": ariaLabel, children });
     }
@@ -9548,7 +9178,7 @@ const StandardNavigation = ({
       return /* @__PURE__ */ jsxs("div", { className: "navigation-tray-bullet-item", children: [
         link.bulletColor && link.bulletColor !== "" ? /* @__PURE__ */ jsx(NavBullet, { color: link.bulletColor }) : /* @__PURE__ */ jsx("div", { className: "navigation-tray-bullet" }),
         /* @__PURE__ */ jsx(
-          NavLink2,
+          NavLink,
           {
             href,
             className: "navigation-tray-link-small",
@@ -9559,7 +9189,7 @@ const StandardNavigation = ({
     }
     if (hasBadge) {
       return /* @__PURE__ */ jsxs(
-        NavLink2,
+        NavLink,
         {
           href,
           className: "navigation-tray-link navigation-tray-link--with-badge",
@@ -9571,7 +9201,7 @@ const StandardNavigation = ({
       );
     }
     return /* @__PURE__ */ jsx(
-      NavLink2,
+      NavLink,
       {
         href,
         className: isSmall ? "navigation-tray-link-small" : "navigation-tray-link",
@@ -9655,7 +9285,7 @@ const StandardNavigation = ({
               }
             ) : null,
             /* @__PURE__ */ jsx(
-              NavLink2,
+              NavLink,
               {
                 href: "/",
                 className: cn(
@@ -9667,7 +9297,7 @@ const StandardNavigation = ({
                 children: Logo ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(NavLogo, { dark: isStrategy }),
                   /* @__PURE__ */ jsx(StandardLogo, { className: cn(!isStrategy ? "text-white" : "text-black") }),
-                  /* @__PURE__ */ jsx(AlphaIcon, { dark: isStrategy })
+                  /* @__PURE__ */ jsx(AlphaIcon$1, { dark: isStrategy })
                 ] }) : null
               }
             )
@@ -9678,7 +9308,7 @@ const StandardNavigation = ({
               className: "navigation-nav-item",
               onMouseEnter: () => handleNavItemMouseEnter(index),
               children: [
-                item.href ? /* @__PURE__ */ jsx(NavLink2, { href: item.href, className: "navigation-nav-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "navigation-nav-link", children: item.label }),
+                item.href ? /* @__PURE__ */ jsx(NavLink, { href: item.href, className: "navigation-nav-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "navigation-nav-link", children: item.label }),
                 activeItem === index + 1 && /* @__PURE__ */ jsx(
                   motion.div,
                   {
@@ -9754,7 +9384,7 @@ const StandardNavigation = ({
                   ) : /* @__PURE__ */ jsx("div", { className: "navigation-account-icon-placeholder", children: "User" })
                 }
               ) : /* @__PURE__ */ jsx(
-                NavLink2,
+                NavLink,
                 {
                   href: "/",
                   "aria-label": "Account link",
@@ -9792,6 +9422,94 @@ const StandardNavigation = ({
     }
   );
 };
+const ALPHA_PATH = "M5.3387 0.0229882C5.37971 0.0229882 5.45295 0.0199228 5.5584 0.0137925C5.66386 0.00459714 5.74442 0 5.80007 0C6.72867 0 7.49908 0.269732 8.11131 0.809196C8.72354 1.34559 9.14097 2.09195 9.3636 3.04828C9.44855 3.47433 9.49835 3.96628 9.513 4.52414V5.16782C10.2014 4.07663 10.7287 2.85517 11.0948 1.50345C11.1505 1.29808 11.1959 1.17701 11.2311 1.14023C11.2662 1.10345 11.3761 1.08506 11.5606 1.08506C11.8535 1.08506 12 1.13563 12 1.23678C12 1.25211 11.9722 1.37778 11.9165 1.61379C11.5093 3.24751 10.7931 4.77701 9.76785 6.2023L9.53497 6.51034L9.55694 7.04368C9.59795 8.23295 9.72391 8.9318 9.93482 9.14023C9.97583 9.16782 10.0388 9.18161 10.1238 9.18161C10.32 9.15402 10.5031 9.06973 10.673 8.92874C10.8429 8.78774 10.963 8.62222 11.0333 8.43218C11.0597 8.32797 11.0948 8.26513 11.1388 8.24368C11.1798 8.22222 11.2852 8.21149 11.4551 8.21149C11.7364 8.21149 11.877 8.27739 11.877 8.40919C11.877 8.49808 11.8345 8.63142 11.7495 8.8092C11.5943 9.13103 11.3687 9.4069 11.0729 9.63678C10.777 9.8636 10.4475 9.97701 10.0842 9.97701H9.93482C8.97986 9.97701 8.3398 9.44674 8.01465 8.38621L7.95313 8.23448C7.20615 8.74942 6.79165 9.02835 6.70963 9.07126C5.66679 9.69042 4.61809 10 3.56353 10C2.56756 10 1.76346 9.70575 1.15123 9.11724C0.538997 8.52874 0.162578 7.75632 0.02197 6.8C0.0073233 6.71111 0 6.54866 0 6.31264C0 5.9295 0.02197 5.62146 0.0659099 5.38851C0.276822 4.06437 0.887587 2.8751 1.89821 1.82069C2.91175 0.769348 4.05859 0.170115 5.3387 0.0229882ZM1.83669 7.10805C1.83669 7.73946 1.9978 8.24368 2.32003 8.62069C2.64518 8.99464 3.09484 9.18161 3.66899 9.18161C4.03515 9.18161 4.44379 9.12337 4.89491 9.0069C5.6829 8.80153 6.44892 8.4046 7.19297 7.81609C7.29257 7.74253 7.38777 7.66437 7.47858 7.58161C7.56939 7.50192 7.64262 7.43295 7.69828 7.37471L7.78176 7.28276L7.76419 7.08506C7.76419 6.95326 7.75979 6.75862 7.75101 6.50115C7.74515 6.24368 7.74222 5.98927 7.74222 5.73793C7.72757 5.18008 7.71732 4.74636 7.71146 4.43678C7.70267 4.1272 7.67338 3.74866 7.62358 3.30115C7.57671 2.85364 7.5108 2.50728 7.42585 2.26207C7.3409 2.01992 7.22519 1.77471 7.07873 1.52644C6.92933 1.2751 6.73892 1.09425 6.50751 0.983908C6.27609 0.873563 6.00513 0.81839 5.69462 0.81839C4.72501 0.81839 3.87404 1.35479 3.14171 2.42759C2.79019 2.97318 2.49579 3.71647 2.25851 4.65747C1.9773 5.73333 1.83669 6.55019 1.83669 7.10805Z";
+const PATH_LENGTH = 60;
+function AlphaIcon({ dark = false }) {
+  if (dark) {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "12",
+        height: "10",
+        viewBox: "0 0 12 10",
+        fill: "none",
+        className: "mt-1.5",
+        style: { overflow: "visible" },
+        children: /* @__PURE__ */ jsx("path", { d: ALPHA_PATH, fill: "currentColor" })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "12",
+      height: "10",
+      viewBox: "0 0 12 10",
+      fill: "none",
+      className: "mt-1.5",
+      style: { overflow: "visible" },
+      children: [
+        /* @__PURE__ */ jsx("path", { d: ALPHA_PATH, fill: "url(#paint0_linear_nav)", opacity: "0.4" }),
+        /* @__PURE__ */ jsx(
+          motion.path,
+          {
+            d: ALPHA_PATH,
+            fill: "none",
+            stroke: "url(#stroke_gradient_nav)",
+            strokeWidth: "0.4",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            initial: { strokeDashoffset: PATH_LENGTH },
+            animate: { strokeDashoffset: -PATH_LENGTH },
+            style: { strokeDasharray: `8 ${PATH_LENGTH - 8}` },
+            transition: {
+              duration: 2,
+              repeat: Infinity,
+              repeatDelay: 8,
+              ease: "linear"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_nav",
+              x1: "-3.27254",
+              y1: "4.99923",
+              x2: "6.36738",
+              y2: "-2.36962",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
+                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "stroke_gradient_nav",
+              x1: "0",
+              y1: "0",
+              x2: "12",
+              y2: "10",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
+                /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 export {
   Accordion,
   AccordionContent,
@@ -9809,6 +9527,7 @@ export {
   AlertDialogTitle,
   AlertDialogTrigger,
   AlertTitle,
+  AlphaIcon,
   AspectRatio,
   Avatar,
   AvatarFallback,
@@ -9951,12 +9670,21 @@ export {
   NavBullet,
   NavLogo,
   Navigation,
+  NavigationAccount,
+  NavigationActions,
+  NavigationBack,
+  NavigationBrand,
+  NavigationColumn,
+  NavigationLink,
+  NavigationLogo,
   NavigationMenu,
+  NavigationMenu$1 as NavigationMenuComponent,
   NavigationMenuContent,
   NavigationMenuItem,
   NavigationMenuLink,
   NavigationMenuList,
   NavigationMenuTrigger,
+  NavigationTray,
   PageHeader,
   PageHeaderBadge,
   PageHeaderDescription,