@syscore/ui-library 1.1.13 → 1.2.1

package/dist/index.es.js

@@ -0,0 +1,4552 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import React__default, { useState, useEffect, useCallback, useRef } from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown, GripVertical, X, PanelLeft, Check, Circle, Dot, ChevronLeft, ChevronRight, XIcon, Search, MoreHorizontal, ArrowLeft, ArrowRight } from "lucide-react";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { OTPInput, OTPInputContext } from "input-otp";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { useFormContext, FormProvider, Controller } from "react-hook-form";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+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 { motion, AnimatePresence } from "motion/react";
+import { Command as Command$1 } from "cmdk";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+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";
+import { Drawer as Drawer$1 } from "vaul";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import useEmblaCarousel from "embla-carousel-react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import * as RechartsPrimitive from "recharts";
+import { useTheme } from "next-themes";
+import { Toaster as Toaster$2 } from "sonner";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("accordion-item", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "accordion-header", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn("accordion-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "accordion-chevron" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "accordion-content",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("accordion-content-inner", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+const AspectRatio = AspectRatioPrimitive.Root;
+const Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("card", className),
+    ...props
+  }
+));
+Card.displayName = "Card";
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("card-header", className), ...props }));
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h3",
+  {
+    ref,
+    className: cn("card-title heading-xxsmall", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    ref,
+    className: cn("card-description body-base", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("card-content body-base", className),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("card-footer body-base", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "separator",
+        orientation === "horizontal" ? "separator--horizontal" : "separator--vertical",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("scroll-area", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "scroll-area-viewport", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "scroll-bar",
+      orientation === "vertical" ? "scroll-bar--vertical" : "scroll-bar--horizontal",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "scroll-bar-thumb" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "table-wrapper", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("table", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("table-header", className), ...props }));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("table-body", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn("table-footer", className),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn("table-row", className),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn("table-head", className),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("table-cell", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("table-caption", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+const ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelGroup,
+  {
+    className: cn("resizable-panel-group", className),
+    ...props
+  }
+);
+const ResizablePanel = ResizablePrimitive.Panel;
+const ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn("resizable-handle", className),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx("div", { className: "resizable-handle-grip", children: /* @__PURE__ */ jsx(GripVertical, { className: "icon-2-5" }) })
+  }
+);
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+const buttonVariants = cva(
+  "button",
+  {
+    variants: {
+      variant: {
+        // CTA variants
+        clear: "button--clear",
+        default: "button--default",
+        "primary-gradient": "button--primary-gradient",
+        "primary-dark": "button--primary-dark",
+        "secondary-light": "button--secondary-light",
+        "tertiary-light": "button--tertiary-light",
+        // Utility variants
+        "general-primary": "button--general-primary",
+        "general-secondary": "button--general-secondary",
+        "general-tertiary": "button--general-tertiary",
+        "tooltip-primary": "button--tooltip-primary",
+        "tooltip-secondary": "button--tooltip-secondary"
+      },
+      size: {
+        xlarge: "button--xlarge",
+        large: "button--large",
+        utility: "button--utility",
+        icon: "button--icon"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "large"
+    }
+  }
+);
+const sizeTextClasses = {
+  xlarge: "body-large",
+  large: "body-base",
+  utility: "body-small",
+  icon: ""
+};
+const Button = React.forwardRef(
+  ({ className, variant: variant2, size, children, style, ...props }, ref) => {
+    const textClass = sizeTextClasses[size || "large"];
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: cn(
+          buttonVariants({ variant: variant2, size }),
+          className
+        ),
+        style,
+        ref,
+        ...props,
+        children: size === "icon" ? children : /* @__PURE__ */ jsx("span", { className: cn("button-text", textClass), children })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+const Input = React.forwardRef(
+  ({ className, type, startIcon, endIcon, ...props }, ref) => {
+    const isReadOnly = props.readOnly;
+    const isDisabled = props.disabled;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "input-wrapper body-base font-mazzard",
+          className
+        ),
+        children: [
+          startIcon ? /* @__PURE__ */ jsx("div", { className: "input-icon-start", children: startIcon }) : null,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type,
+              className: "input",
+              ref,
+              disabled: isDisabled,
+              readOnly: isReadOnly,
+              ...props
+            }
+          ),
+          endIcon ? /* @__PURE__ */ jsx("div", { className: "input-icon-end", children: endIcon }) : null
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    className: cn("sheet-overlay", className),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "sheet-content",
+  {
+    variants: {
+      side: {
+        top: "sheet-content--top",
+        bottom: "sheet-content--bottom",
+        left: "sheet-content--left",
+        right: "sheet-content--right"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(({ side: side2 = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side: side2 }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(SheetPrimitive.Close, { className: "sheet-close", children: [
+          /* @__PURE__ */ jsx(X, { className: "icon-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("sheet-header", className),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("sheet-footer", className),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("sheet-title", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("sheet-description", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("skeleton", className),
+      ...props
+    }
+  );
+}
+const TooltipContext = React.createContext({
+  trigger: "hover",
+  toggle: () => {
+  },
+  close: () => {
+  },
+  triggerRef: { current: null }
+});
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  trigger = "hover",
+  open: controlledOpen,
+  onOpenChange,
+  children,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const handleOpenChange = React.useCallback(
+    (newOpen) => {
+      if (trigger === "click") return;
+      if (!isControlled) {
+        setUncontrolledOpen(newOpen);
+      }
+      onOpenChange == null ? void 0 : onOpenChange(newOpen);
+    },
+    [isControlled, onOpenChange, trigger]
+  );
+  const close = React.useCallback(() => {
+    if (!isControlled) {
+      setUncontrolledOpen(false);
+    }
+    onOpenChange == null ? void 0 : onOpenChange(false);
+  }, [isControlled, onOpenChange]);
+  const toggle = React.useCallback(() => {
+    const newOpen = !isOpen;
+    if (!isControlled) {
+      setUncontrolledOpen(newOpen);
+    }
+    onOpenChange == null ? void 0 : onOpenChange(newOpen);
+  }, [isOpen, isControlled, onOpenChange]);
+  const tooltipProps = trigger === "click" ? {
+    open: isOpen,
+    onOpenChange: handleOpenChange
+  } : {
+    open: isControlled ? controlledOpen : void 0,
+    onOpenChange
+  };
+  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value: { trigger, toggle, close, triggerRef }, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: trigger === "click" ? 1e5 : 0, children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...tooltipProps, ...props, children }) }) });
+}
+function TooltipTrigger({
+  onClick,
+  ...props
+}) {
+  const { trigger, toggle, triggerRef } = React.useContext(TooltipContext);
+  const handleClick = React.useCallback(
+    (e) => {
+      if (trigger === "click") {
+        e.preventDefault();
+        e.stopPropagation();
+        toggle();
+      }
+      onClick == null ? void 0 : onClick(e);
+    },
+    [trigger, toggle, onClick]
+  );
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Trigger,
+    {
+      ref: triggerRef,
+      "data-slot": "tooltip-trigger",
+      onClick: handleClick,
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  side: side2 = "bottom",
+  children,
+  alignOffset = 0,
+  ...props
+}) {
+  const { trigger, close, triggerRef } = React.useContext(TooltipContext);
+  const contentRef = React.useRef(null);
+  React.useEffect(() => {
+    if (trigger !== "click") return;
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      const isOutsideContent = contentRef.current && !contentRef.current.contains(target);
+      const isOutsideTrigger = triggerRef.current && !triggerRef.current.contains(target);
+      if (isOutsideContent && isOutsideTrigger) {
+        close();
+      }
+    };
+    const timeoutId = setTimeout(() => {
+      document.addEventListener("click", handleClickOutside);
+    }, 0);
+    return () => {
+      clearTimeout(timeoutId);
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, [trigger, close, triggerRef]);
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      ref: contentRef,
+      "data-slot": "tooltip-content",
+      sideOffset,
+      alignOffset,
+      side: side2,
+      className: cn("tooltip-content", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", "data-side": side2, children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "10",
+            height: "5",
+            viewBox: "0 0 10 5",
+            fill: "none",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M10 -1.74846e-06L-7.36867e-07 0C-3.29906e-07 2.76142 2.23858 5 5 5C7.76142 5 10 2.76142 10 -1.74846e-06Z",
+                fill: "#39C9EA"
+              }
+            )
+          }
+        ) }),
+        children
+      ]
+    }
+  ) });
+}
+const SIDEBAR_COOKIE_NAME = "sidebar:state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "16rem";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "3rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = React.createContext(null);
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+const SidebarProvider = React.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React.useState(false);
+    const [_open, _setOpen] = React.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React.useCallback(
+      (value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+          setOpenProp(openState);
+        } else {
+          _setOpen(openState);
+        }
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      },
+      [setOpenProp, open]
+    );
+    const toggleSidebar = React.useCallback(() => {
+      return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+    }, [isMobile, setOpen, setOpenMobile]);
+    React.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          toggleSidebar();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state2 = open ? "expanded" : "collapsed";
+    const contextValue = React.useMemo(
+      () => ({
+        state: state2,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+      }),
+      [
+        state2,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+      ]
+    );
+    return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "sidebar-wrapper",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    ) }) });
+  }
+);
+SidebarProvider.displayName = "SidebarProvider";
+const Sidebar = React.forwardRef(
+  ({
+    side: side2 = "left",
+    variant: variant2 = "sidebar",
+    collapsible: collapsible2 = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state: state2, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible2 === "none") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "sidebar",
+            className
+          ),
+          ref,
+          ...props,
+          children
+        }
+      );
+    }
+    if (isMobile) {
+      return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx(
+        SheetContent,
+        {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          className: "sidebar",
+          style: {
+            "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+          },
+          side: side2,
+          children: /* @__PURE__ */ jsx("div", { className: "sidebar-mobile-content", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "sidebar-base peer",
+        "data-state": state2,
+        "data-collapsible": state2 === "collapsed" ? collapsible2 : "",
+        "data-variant": variant2,
+        "data-side": side2,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "sidebar-base" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "sidebar-container",
+                className
+              ),
+              "data-side": side2,
+              "data-collapsible": state2 === "collapsed" ? collapsible2 : "",
+              "data-variant": variant2,
+              ...props,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "sidebar-inner",
+                  "data-variant": variant2,
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      "data-sidebar": "trigger",
+      variant: "general-tertiary",
+      size: "icon",
+      className: cn("sidebar-trigger", className),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(PanelLeft, {}),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn(
+        "sidebar-rail",
+        className
+      ),
+      "data-side": side,
+      "data-state": state,
+      "data-collapsible": collapsible,
+      ...props
+    }
+  );
+});
+SidebarRail.displayName = "SidebarRail";
+const SidebarInset = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      ref,
+      className: cn(
+        "sidebar-inset",
+        className
+      ),
+      "data-variant": variant,
+      "data-state": state,
+      ...props
+    }
+  );
+});
+SidebarInset.displayName = "SidebarInset";
+const SidebarInput = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      ref,
+      "data-sidebar": "input",
+      className: cn(
+        "sidebar-input",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInput.displayName = "SidebarInput";
+const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn("sidebar-header", className),
+      ...props
+    }
+  );
+});
+SidebarHeader.displayName = "SidebarHeader";
+const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn("sidebar-footer", className),
+      ...props
+    }
+  );
+});
+SidebarFooter.displayName = "SidebarFooter";
+const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn("sidebar-separator", className),
+      ...props
+    }
+  );
+});
+SidebarSeparator.displayName = "SidebarSeparator";
+const SidebarContent = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "sidebar-content",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarContent.displayName = "SidebarContent";
+const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("sidebar-group", className),
+      ...props
+    }
+  );
+});
+SidebarGroup.displayName = "SidebarGroup";
+const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-label",
+      className: cn(
+        "sidebar-group-label",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-action",
+      className: cn(
+        "sidebar-group-action",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupAction.displayName = "SidebarGroupAction";
+const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-sidebar": "group-content",
+    className: cn("sidebar-group-content", className),
+    ...props
+  }
+));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu",
+    className: cn("sidebar-menu", className),
+    ...props
+  }
+));
+SidebarMenu.displayName = "SidebarMenu";
+const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    "data-sidebar": "menu-item",
+    className: cn("sidebar-menu-item", className),
+    ...props
+  }
+));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+const sidebarMenuButtonVariants = cva(
+  "sidebar-menu-button",
+  {
+    variants: {
+      variant: {
+        default: "sidebar-menu-button--default",
+        outline: "sidebar-menu-button--outline"
+      },
+      size: {
+        default: "sidebar-menu-button--size-default",
+        sm: "sidebar-menu-button--size-sm",
+        lg: "sidebar-menu-button--size-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const SidebarMenuButton = React.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant: variant2 = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const { isMobile, state: state2 } = useSidebar();
+    const button = /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(sidebarMenuButtonVariants({ variant: variant2, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) {
+      return button;
+    }
+    if (typeof tooltip === "string") {
+      tooltip = {
+        children: tooltip
+      };
+    }
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx(
+        TooltipContent,
+        {
+          side: "right",
+          align: "center",
+          hidden: state2 !== "collapsed" || isMobile,
+          ...tooltip
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButton.displayName = "SidebarMenuButton";
+const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot : "button";
+  const { state: state2 } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-action",
+      className: cn(
+        "sidebar-menu-action",
+        showOnHover && "sidebar-menu-action--show-on-hover",
+        className
+      ),
+      "data-show-on-hover": showOnHover,
+      ...props
+    }
+  );
+});
+SidebarMenuAction.displayName = "SidebarMenuAction";
+const SidebarMenuBadge = React.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-sidebar": "menu-badge",
+    className: cn(
+      "sidebar-menu-badge",
+      className
+    ),
+    "data-size": size,
+    ...props
+  }
+));
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+const SidebarMenuSkeleton = React.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-skeleton",
+      className: cn("sidebar-menu-skeleton", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: "sidebar-menu-skeleton-icon",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: "sidebar-menu-skeleton-text",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu-sub",
+    className: cn(
+      "sidebar-menu-sub",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuSub.displayName = "SidebarMenuSub";
+const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+const SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "sidebar-menu-sub-button",
+        size === "sm" && "sidebar-menu-sub-button--size-sm",
+        size === "md" && "sidebar-menu-sub-button--size-md",
+        className
+      ),
+      "data-size": size,
+      ...props
+    }
+  );
+});
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+const labelVariants = cva("label");
+const Label = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props,
+    children: /* @__PURE__ */ jsx("span", { className: "overline-medium", children })
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+const Textarea = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn("textarea body-base", className),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn("checkbox", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "checkbox-indicator", children: /* @__PURE__ */ jsx(Check, { className: "icon-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("radio-group", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn("radio-group-item", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "radio-group-indicator", children: /* @__PURE__ */ jsx(Circle, { className: "icon-2-5 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn("switch", className),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(SwitchPrimitives.Thumb, { className: "switch-thumb" })
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+const Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn("slider", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "slider-track", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "slider-range" }) }),
+      /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "slider-thumb" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    containerClassName: cn("input-otp-container", containerClassName),
+    className: cn("input-otp", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("input-otp-group", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "input-otp-slot",
+        isActive && "input-otp-slot--active",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "input-otp-caret", children: /* @__PURE__ */ jsx("div", { className: "input-otp-caret-line" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+const UtilityChevronDown = ({
+  className
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "size-4 flex items-center justify-center text-gray-500",
+        className
+      ),
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "12",
+          height: "6",
+          viewBox: "0 0 12 6",
+          fill: "none",
+          className: cn("text-inherit"),
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M11 0.75L6 5.25L1 0.75",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+};
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn("select-trigger", className),
+    ...props,
+    children: /* @__PURE__ */ jsxs("div", { className: "select-trigger-inner", children: [
+      /* @__PURE__ */ jsx("span", { className: "select-trigger-text font-mazzard body-base", children }),
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(UtilityChevronDown, { className: "select-icon" }) })
+    ] })
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn("select-scroll-button", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(UtilityChevronDown, {})
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn("select-scroll-button", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(UtilityChevronDown, {})
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn("select-content", className),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "select-viewport", children }),
+      /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("select-label font-mazzard", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn("select-item", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("select-separator", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+const Form = FormProvider;
+const FormFieldContext = React.createContext(
+  {}
+);
+const FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+const FormItemContext = React.createContext(
+  {}
+);
+const FormItem = React.forwardRef(({ className, ...props }, ref) => {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("form-item", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      ref,
+      className: cn(error && "form-label--error", className),
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: cn("form-description", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error == null ? void 0 : error.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: cn("form-message", className),
+      ...props,
+      children: body
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+const toggleVariants = cva(
+  "toggle-group-item",
+  {
+    variants: {
+      variant: {
+        default: "toggle-group-item--default"
+      },
+      size: {
+        default: "toggle-group-item--size-default"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default"
+});
+const ToggleGroup = React.forwardRef(({ className, variant: variant2, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("toggle-group", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant: variant2, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+const ToggleGroupItem = React.forwardRef(({ className, children, variant: variant2, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant2,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+function useSegmentedControl({
+  value,
+  defaultValue,
+  onValueChange
+}) {
+  const [internalValue, setInternalValue] = useState(
+    value ?? defaultValue
+  );
+  useEffect(() => {
+    if (value !== void 0) {
+      setInternalValue(value);
+    }
+  }, [value]);
+  const handleValueChange = useCallback(
+    (newValue) => {
+      if (value === void 0) {
+        setInternalValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    },
+    [value, onValueChange]
+  );
+  const currentValue = value ?? internalValue;
+  return {
+    value: currentValue,
+    onValueChange: handleValueChange
+  };
+}
+cva(
+  "toggle",
+  {
+    variants: {
+      variant: {
+        default: "toggle--default",
+        outline: "toggle--outline"
+      },
+      size: {
+        default: "toggle--size-default",
+        sm: "toggle--size-sm",
+        lg: "toggle--size-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const SegmentedControlInner = React.forwardRef(
+  ({ className, options, value, defaultValue, onValueChange, ...props }, ref) => {
+    var _a;
+    const { value: selectedValue, onValueChange: handleValueChange } = useSegmentedControl({
+      value,
+      defaultValue: defaultValue ?? ((_a = options[0]) == null ? void 0 : _a.value),
+      onValueChange
+    });
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("segmented-control", className), ...props, children: options.map((option) => {
+      const isReactElement = React.isValidElement(option.label);
+      const isActive = selectedValue === option.value;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: cn(
+            "segmented-control-button",
+            isActive ? "segmented-control-button--active" : "segmented-control-button--inactive"
+          ),
+          onClick: () => handleValueChange(option.value),
+          type: "button",
+          "data-active": isActive,
+          children: isReactElement ? option.label : /* @__PURE__ */ jsx("span", { className: "body-small font-medium", children: option.label })
+        },
+        option.value
+      );
+    }) });
+  }
+);
+SegmentedControlInner.displayName = "SegmentedControl";
+const SegmentedControl = SegmentedControlInner;
+const Toggle = SegmentedControl;
+const badgeVariants = cva(
+  "badge",
+  {
+    variants: {
+      variant: {
+        default: "badge--default",
+        secondary: "badge--secondary",
+        destructive: "badge--destructive",
+        outline: "badge--outline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant: variant2, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant: variant2 }), className), ...props });
+}
+const alertVariants = cva(
+  "alert",
+  {
+    variants: {
+      variant: {
+        default: "alert--default",
+        destructive: "alert--destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Alert = React.forwardRef(({ className, variant: variant2, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant: variant2 }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+const AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("alert-title", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("alert-description", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn("alert-dialog-overlay", className),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn("alert-dialog-content", className),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("alert-dialog-header", className),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("alert-dialog-footer", className),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("alert-dialog-title", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("alert-dialog-description", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "general-secondary" }),
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+const Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn("avatar", className),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("avatar-image", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn("avatar-fallback", className),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn("breadcrumb-list", className),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn("breadcrumb-item", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn("breadcrumb-link", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("breadcrumb-page body-small font-medium", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("breadcrumb-separator", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "5",
+        height: "8",
+        viewBox: "0 0 5 8",
+        fill: "none",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M0.75 6.75L3.75 3.75L0.75 0.75",
+            stroke: "#CBCDD2",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("progress", className),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "progress-indicator",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("calendar", className),
+      classNames: {
+        months: "calendar-months",
+        month: "calendar-month",
+        caption: "calendar-caption",
+        caption_label: "calendar-caption-label",
+        nav: "calendar-nav",
+        nav_button: cn(
+          buttonVariants({ variant: "general-secondary" }),
+          "calendar-nav-button"
+        ),
+        nav_button_previous: "calendar-nav-button-previous",
+        nav_button_next: "calendar-nav-button-next",
+        table: "calendar-table",
+        head_row: "calendar-head-row",
+        head_cell: "calendar-head-cell",
+        row: "calendar-row",
+        cell: "calendar-cell",
+        day: cn(
+          buttonVariants({ variant: "general-tertiary" }),
+          "calendar-day"
+        ),
+        day_range_end: "calendar-day-range-end",
+        day_selected: "calendar-day-selected",
+        day_today: "calendar-day-today",
+        day_outside: "calendar-day-outside",
+        day_disabled: "calendar-day-disabled",
+        day_range_middle: "calendar-day-range-middle",
+        day_hidden: "calendar-day-hidden",
+        ...classNames
+      },
+      components: {
+        Chevron: (props2) => {
+          if (props2.orientation === "left") {
+            return /* @__PURE__ */ jsx(ChevronLeft, { className: "icon-4" });
+          }
+          return /* @__PURE__ */ jsx(ChevronRight, { className: "icon-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+const UtilityClose = ({ 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: "12",
+          height: "12",
+          viewBox: "0 0 12 12",
+          fill: "none",
+          className: cn("size-3 text-inherit"),
+          children: [
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M10.8002 1.19995L1.2002 10.8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M1.2002 1.19995L10.8002 10.8",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+const NavLogo = ({ dark = false }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      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"
+          }
+        )
+      ]
+    }
+  );
+};
+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"
+          }
+        )
+      ]
+    }
+  );
+};
+const NavBullet = ({ color }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      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" })
+    }
+  );
+};
+const Navigation = ({
+  navItems,
+  isStrategy = false,
+  Link: LinkComponent,
+  onLinkClick,
+  onClose
+}) => {
+  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 handleMouseLeave = () => {
+    setIsOpen(false);
+    setActiveItem(null);
+  };
+  const handleNavItemMouseEnter = (index) => {
+    setIsOpen(true);
+    setActiveItem(index + 1);
+  };
+  const NavLink = ({ 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: [
+            isStrategy ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: "navigation-close-button",
+                size: "icon",
+                onClick: (e) => {
+                  e.preventDefault();
+                  if (onClose) {
+                    onClose();
+                  } else if (onLinkClick) {
+                    onLinkClick("/");
+                  }
+                },
+                children: /* @__PURE__ */ jsx(UtilityClose, { className: "navigation-close-icon" })
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              NavLink,
+              {
+                href: "/",
+                className: cn(
+                  "navigation-logo-link",
+                  isStrategy && "navigation-logo-link--strategy"
+                ),
+                "data-strategy": isStrategy,
+                "aria-label": "Home",
+                children: /* @__PURE__ */ jsx(NavLogo, { 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(
+            NavLink,
+            {
+              href: "/",
+              "aria-label": "Account link",
+              className: "navigation-account-link",
+              "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(NavLink, { href: "/", className: "navigation-tray-link", children: "Explore WELL" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Enroll in WELL" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Performance" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "ROI" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Strategies" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Themes" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Organizations" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Products" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Locations" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { 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(NavLink, { 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(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL Certification" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                        NavLink,
+                        {
+                          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(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { href: "/", className: "navigation-tray-link", children: "Membership" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { href: "/", className: "navigation-tray-link", children: "WELL AP" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { 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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(
+                          NavLink,
+                          {
+                            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(NavLink, { href: "/", className: "navigation-tray-link", children: "IWBI" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Research" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Team" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Advisories" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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(NavLink, { href: "/", className: "navigation-tray-link", children: "Newsroom" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { href: "/", className: "navigation-tray-link", children: "Jobs" }) }),
+                      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavLink, { 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 `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 })
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+function useTabs({ tabs, initialTabId }) {
+  const initialIndex = tabs.findIndex((tab) => tab.value === initialTabId);
+  const [selectedTabIndex, setSelectedTabIndex] = useState(
+    initialIndex >= 0 ? initialIndex : 0
+  );
+  const setSelectedTab = useCallback(([index, direction]) => {
+    setSelectedTabIndex(index);
+  }, []);
+  const selectedTab = tabs[selectedTabIndex] || tabs[0];
+  return {
+    tabProps: {
+      tabs,
+      selectedTabIndex,
+      setSelectedTab
+    },
+    selectedTab
+  };
+}
+const TabsRoot = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Root,
+  {
+    ref,
+    className: cn("tabs", className),
+    ...props
+  }
+));
+TabsRoot.displayName = TabsPrimitive.Root.displayName;
+const TabsList = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn("tabs-list", className),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn("tabs-trigger", className),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn("tabs-content", className),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+const Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("pagination", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+const PaginationContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    ref,
+    className: cn("pagination-content", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "general-secondary" : "general-tertiary",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "utility",
+    className: cn("pagination-previous", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ChevronLeft, { className: "icon-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "utility",
+    className: cn("pagination-next", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { children: "Next" }),
+      /* @__PURE__ */ jsx(ChevronRight, { className: "icon-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+const PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("pagination-ellipsis", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "icon-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+const NavigationMenu = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn("navigation-menu", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn("navigation-menu-list", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+const NavigationMenuItem = NavigationMenuPrimitive.Item;
+const navigationMenuTriggerStyle = cva("navigation-menu-trigger");
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: "navigation-menu-trigger-icon",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn("navigation-menu-content", className),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+const NavigationMenuLink = NavigationMenuPrimitive.Link;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "navigation-menu-viewport-wrapper", children: /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn("navigation-menu-viewport", className),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn("navigation-menu-indicator", className),
+    ...props
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+const MenubarMenu = MenubarPrimitive.Menu;
+const MenubarSub = MenubarPrimitive.Sub;
+const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+const Menubar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn("menubar", className),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+const MenubarTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn("menubar-trigger", className),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+const MenubarSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "menubar-sub-trigger",
+      inset && "menubar-sub-trigger--inset",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "icon-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+const MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn("menubar-sub-content", className),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+const MenubarContent = React.forwardRef(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn("menubar-content", className),
+      ...props
+    }
+  ) })
+);
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+const MenubarItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "menubar-item",
+      inset && "menubar-item--inset",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+const MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn("menubar-checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "menubar-item-indicator", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "icon-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+const MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn("menubar-radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "menubar-item-indicator", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "icon-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+const MenubarLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "menubar-label",
+      inset && "menubar-label--inset",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+const MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: cn("menubar-separator", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+const MenubarShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("menubar-shortcut", className),
+      ...props
+    }
+  );
+};
+MenubarShortcut.displayname = "MenubarShortcut";
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "dropdown-menu-sub-trigger",
+      inset && "dropdown-menu-sub-trigger--inset",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "dropdown-menu-sub-trigger-icon icon-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn("dropdown-menu-sub-content", className),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn("dropdown-menu-content", className),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "dropdown-menu-item",
+      inset && "dropdown-menu-item--inset",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn("dropdown-menu-checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "dropdown-menu-item-indicator", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "icon-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn("dropdown-menu-radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "dropdown-menu-item-indicator", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "icon-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "dropdown-menu-label",
+      inset && "dropdown-menu-label--inset",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("dropdown-menu-separator", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("dropdown-menu-shortcut", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+const Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  Drawer$1.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+const DrawerTrigger = Drawer$1.Trigger;
+const DrawerPortal = Drawer$1.Portal;
+const DrawerClose = Drawer$1.Close;
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Overlay,
+  {
+    ref,
+    className: cn("drawer-overlay", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+const DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    Drawer$1.Content,
+    {
+      ref,
+      className: cn("drawer-content", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "drawer-handle" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("drawer-header", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("drawer-footer", className),
+    ...props
+  }
+);
+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("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
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "context-menu-label",
+      inset && "context-menu-label--inset",
+      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
+  }
+));
+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
+          }
+        )
+      }
+    );
+  }
+);
+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" })
+        ]
+      }
+    );
+  }
+);
+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"
+      }
+    },
+    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, { 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();
+      }
+    }
+  });
+  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;
+  }
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      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")
+      }
+    }
+  );
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+const ChartTooltipContent = React.forwardRef(
+  ({
+    active,
+    payload,
+    className,
+    indicator = "dot",
+    hideLabel = false,
+    hideIndicator = false,
+    label,
+    labelFormatter,
+    labelClassName,
+    formatter,
+    color,
+    nameKey,
+    labelKey
+  }, 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,
+        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(
+      "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",
+            {
+              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
+          );
+        })
+      }
+    );
+  }
+);
+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 Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$2,
+    {
+      theme,
+      className: "toaster",
+      toastOptions: {
+        classNames: {
+          toast: "toast",
+          description: "toast-description",
+          actionButton: "toast-action",
+          cancelButton: "toast-cancel"
+        }
+      },
+      ...props
+    }
+  );
+};
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  ChartContainer,
+  ChartLegend,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  Navigation,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  SearchField,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  Skeleton,
+  Slider,
+  Toaster as Sonner,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  TabsRoot as Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Tag,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster$1 as Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  navigationMenuTriggerStyle,
+  useIsMobile,
+  useSegmentedControl,
+  useTabs,
+  useToast
+};