analytica-frontend-lib 1.0.44 → 1.0.45

package/dist/index.mjs

@@ -2042,7 +2042,12 @@ var ProgressCircle = ({
 var ProgressCircle_default = ProgressCircle;
 
 // src/components/Calendar/Calendar.tsx
-import { useState as useState5, useMemo as useMemo2, useEffect, useRef } from "react";
+import {
+  useState as useState5,
+  useMemo as useMemo2,
+  useEffect,
+  useRef
+} from "react";
 import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var WEEK_DAYS = ["SEG", "TER", "QUA", "QUI", "SEX", "S\xC1B", "DOM"];
 var WEEK_DAYS_SHORT = ["S", "T", "Q", "Q", "S", "S", "D"];
@@ -2112,7 +2117,7 @@ var getDayStyles = (day, variant, showActivities) => {
     dayStyle = "bg-primary-800";
     textStyle = "text-white";
   } else if (day.isToday) {
-    textStyle = "text-[#1c61b2]";
+    textStyle = "text-primary-800";
   } else if (variant === "navigation" && showActivities && day.activities?.length) {
     const primaryActivity = day.activities[0];
     if (primaryActivity.status === "near-deadline") {
@@ -2348,7 +2353,7 @@ var Calendar = ({
         );
         let spanClass = "";
         if (day.isSelected && day.isToday) {
-          spanClass = "h-6 w-6 rounded-full bg-[#1c61b2] text-text";
+          spanClass = "h-6 w-6 rounded-full bg-primary-800 text-text";
         } else if (day.isSelected) {
           spanClass = "h-6 w-6 rounded-full bg-primary-950 text-text";
         }
@@ -2360,12 +2365,12 @@ var Calendar = ({
               "button",
               {
                 className: `
-                    w-9 h-9 
-                    flex items-center justify-center 
-                    text-md font-normal 
-                    cursor-pointer 
+                    w-9 h-9
+                    flex items-center justify-center
+                    text-md font-normal
+                    cursor-pointer
                     rounded-full
-                    ${dayStyle} 
+                    ${dayStyle}
                     ${textStyle}
                   `,
                 onClick: () => handleDateSelect(day),
@@ -2514,13 +2519,13 @@ var Calendar = ({
             "button",
             {
               className: `
-                  w-10 h-10 
-                  flex items-center justify-center 
-                  text-xl font-normal 
-                  cursor-pointer 
+                  w-10 h-10
+                  flex items-center justify-center
+                  text-xl font-normal
+                  cursor-pointer
                   rounded-full
                   focus:outline-none focus:ring-2 focus:ring-primary-600 focus:ring-offset-1
-                  ${dayStyle} 
+                  ${dayStyle}
                   ${textStyle}
                 `,
               onClick: () => handleDateSelect(day),
@@ -2538,11 +2543,107 @@ var Calendar = ({
 };
 var Calendar_default = Calendar;
 
+// src/components/Modal/Modal.tsx
+import { useEffect as useEffect2 } from "react";
+import { X as X2 } from "phosphor-react";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+var SIZE_CLASSES9 = {
+  xs: "max-w-[360px]",
+  sm: "max-w-[420px]",
+  md: "max-w-[510px]",
+  lg: "max-w-[640px]",
+  xl: "max-w-[970px]"
+};
+var Modal = ({
+  isOpen,
+  onClose,
+  title,
+  children,
+  size = "md",
+  className = "",
+  closeOnBackdropClick = true,
+  closeOnEscape = true,
+  footer,
+  hideCloseButton = false
+}) => {
+  useEffect2(() => {
+    if (!isOpen || !closeOnEscape) return;
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    document.addEventListener("keydown", handleEscape);
+    return () => document.removeEventListener("keydown", handleEscape);
+  }, [isOpen, closeOnEscape, onClose]);
+  useEffect2(() => {
+    const originalOverflow = document.body.style.overflow;
+    if (isOpen) {
+      document.body.style.overflow = "hidden";
+    } else {
+      document.body.style.overflow = originalOverflow;
+    }
+    return () => {
+      document.body.style.overflow = originalOverflow;
+    };
+  }, [isOpen]);
+  const handleBackdropClick = (event) => {
+    if (closeOnBackdropClick && event.target === event.currentTarget) {
+      onClose();
+    }
+  };
+  const handleBackdropKeyDown = (event) => {
+    if (closeOnBackdropClick && (event.key === "Enter" || event.key === " ")) {
+      onClose();
+    }
+  };
+  if (!isOpen) return null;
+  const sizeClasses = SIZE_CLASSES9[size];
+  const baseClasses = "bg-background rounded-3xl shadow-hard-shadow-2 border border-border-100 w-full mx-4";
+  const modalClasses = `${baseClasses} ${sizeClasses} ${className}`;
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-xs",
+      onClick: handleBackdropClick,
+      onKeyDown: handleBackdropKeyDown,
+      role: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          className: modalClasses,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "modal-title",
+          children: [
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between px-6 py-6", children: [
+              /* @__PURE__ */ jsx21("h2", { id: "modal-title", className: "text-lg font-semibold text-text-950", children: title }),
+              !hideCloseButton && /* @__PURE__ */ jsx21(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "p-1 text-text-500 hover:text-text-700 hover:bg-background-50 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-indicator-info focus:ring-offset-2",
+                  "aria-label": "Fechar modal",
+                  children: /* @__PURE__ */ jsx21(X2, { size: 18 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx21("div", { className: "px-6 pb-6", children: /* @__PURE__ */ jsx21("div", { className: "text-text-500 font-normal text-sm leading-6", children }) }),
+            footer && /* @__PURE__ */ jsx21("div", { className: "flex justify-end gap-3 px-6 pb-6", children: footer })
+          ]
+        }
+      )
+    }
+  );
+};
+var Modal_default = Modal;
+
 // src/components/DropdownMenu/DropdownMenu.tsx
 import { SignOut, User } from "phosphor-react";
 import {
   forwardRef as forwardRef9,
-  useEffect as useEffect2,
+  useEffect as useEffect3,
   useRef as useRef2,
   isValidElement,
   Children,
@@ -2550,7 +2651,7 @@ import {
   useState as useState6
 } from "react";
 import { create as create2, useStore } from "zustand";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function createDropdownStore() {
   return create2((set) => ({
     open: false,
@@ -2580,16 +2681,17 @@ var injectStore = (children, store) => {
     return child;
   });
 };
-var DropdownMenu = ({ children, open, onOpenChange }) => {
+var DropdownMenu = ({
+  children,
+  open: propOpen,
+  onOpenChange
+}) => {
   const storeRef = useRef2(null);
   storeRef.current ??= createDropdownStore();
   const store = storeRef.current;
-  const isControlled = open !== void 0;
-  const uncontrolledOpen = useStore(store, (s) => s.open);
-  const currentOpen = isControlled ? open : uncontrolledOpen;
+  const { open, setOpen: storeSetOpen } = useStore(store, (s) => s);
   const setOpen = (newOpen) => {
-    onOpenChange?.(newOpen);
-    if (!isControlled) store.setState({ open: newOpen });
+    storeSetOpen(newOpen);
   };
   const menuRef = useRef2(null);
   const handleArrowDownOrArrowUp = (event) => {
@@ -2625,9 +2727,8 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
       setOpen(false);
     }
   };
-  useEffect2(() => {
-    onOpenChange?.(currentOpen);
-    if (currentOpen) {
+  useEffect3(() => {
+    if (open) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
     }
@@ -2635,13 +2736,17 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
       document.removeEventListener("mousedown", handleClickOutside);
       document.removeEventListener("keydown", handleDownkey);
     };
-  }, [currentOpen]);
-  useEffect2(() => {
-    if (isControlled) {
-      store.setState({ open });
+  }, [open]);
+  useEffect3(() => {
+    setOpen(open);
+    onOpenChange?.(open);
+  }, [open, onOpenChange]);
+  useEffect3(() => {
+    if (propOpen) {
+      setOpen(propOpen);
     }
-  }, []);
-  return /* @__PURE__ */ jsx21("div", { className: "relative", ref: menuRef, children: injectStore(children, store) });
+  }, [propOpen]);
+  return /* @__PURE__ */ jsx22("div", { className: "relative", ref: menuRef, children: injectStore(children, store) });
 };
 var DropdownMenuTrigger = ({
   className,
@@ -2653,7 +2758,7 @@ var DropdownMenuTrigger = ({
   const store = useDropdownStore(externalStore);
   const open = useStore(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Button_default,
     {
       variant: "outline",
@@ -2690,7 +2795,7 @@ var MENUCONTENT_VARIANT_CLASSES = {
   profile: "p-6"
 };
 var MenuLabel = forwardRef9(({ className, inset, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -2714,7 +2819,7 @@ var MenuContent = forwardRef9(
     const store = useDropdownStore(externalStore);
     const open = useStore(store, (s) => s.open);
     const [isVisible, setIsVisible] = useState6(open);
-    useEffect2(() => {
+    useEffect3(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -2729,7 +2834,7 @@ var MenuContent = forwardRef9(
       return `absolute ${vertical} ${horizontal}`;
     };
     const variantClasses = MENUCONTENT_VARIANT_CLASSES[variant];
-    return /* @__PURE__ */ jsx21(
+    return /* @__PURE__ */ jsx22(
       "div",
       {
         ref,
@@ -2788,7 +2893,7 @@ var DropdownMenuItem = forwardRef9(
     const getVariantProps = () => {
       return variant === "profile" ? { "data-variant": "profile" } : {};
     };
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "div",
       {
         ref,
@@ -2810,7 +2915,7 @@ var DropdownMenuItem = forwardRef9(
         ...props,
         children: [
           iconLeft,
-          /* @__PURE__ */ jsx21("span", { className: "w-full text-md", children }),
+          /* @__PURE__ */ jsx22("span", { className: "w-full text-md", children }),
           iconRight
         ]
       }
@@ -2818,7 +2923,7 @@ var DropdownMenuItem = forwardRef9(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuSeparator = forwardRef9(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx21(
+var DropdownMenuSeparator = forwardRef9(({ className, store: _store, ...props }, ref) => /* @__PURE__ */ jsx22(
   "div",
   {
     ref,
@@ -2831,7 +2936,7 @@ var ProfileMenuTrigger = forwardRef9(({ className, onClick, store: externalStore
   const store = useDropdownStore(externalStore);
   const open = useStore(store, (s) => s.open);
   const toggleOpen = () => store.setState({ open: !open });
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "button",
     {
       ref,
@@ -2843,13 +2948,13 @@ var ProfileMenuTrigger = forwardRef9(({ className, onClick, store: externalStore
       },
       "aria-expanded": open,
       ...props,
-      children: /* @__PURE__ */ jsx21("span", { className: "size-6 rounded-full bg-background-100 flex items-center justify-center", children: /* @__PURE__ */ jsx21(User, { className: "text-background-950", size: 18 }) })
+      children: /* @__PURE__ */ jsx22("span", { className: "size-6 rounded-full bg-background-100 flex items-center justify-center", children: /* @__PURE__ */ jsx22(User, { className: "text-background-950", size: 18 }) })
     }
   );
 });
 ProfileMenuTrigger.displayName = "ProfileMenuTrigger";
 var ProfileMenuHeader = forwardRef9(({ className, name, email, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       ref,
@@ -2860,10 +2965,10 @@ var ProfileMenuHeader = forwardRef9(({ className, name, email, store: _store, ..
         `,
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "size-16 bg-background-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx21(User, { size: 34, className: "text-background-950" }) }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex flex-col ", children: [
-          /* @__PURE__ */ jsx21("p", { className: "text-xl font-bold text-text-950", children: name }),
-          /* @__PURE__ */ jsx21("p", { className: "text-md text-text-600", children: email })
+        /* @__PURE__ */ jsx22("span", { className: "size-16 bg-background-100 rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx22(User, { size: 34, className: "text-background-950" }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "flex flex-col ", children: [
+          /* @__PURE__ */ jsx22("p", { className: "text-xl font-bold text-text-950", children: name }),
+          /* @__PURE__ */ jsx22("p", { className: "text-md text-text-600", children: email })
         ] })
       ]
     }
@@ -2871,7 +2976,7 @@ var ProfileMenuHeader = forwardRef9(({ className, name, email, store: _store, ..
 });
 ProfileMenuHeader.displayName = "ProfileMenuHeader";
 var ProfileMenuSection = forwardRef9(({ className, children, store: _store, ...props }, ref) => {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       ref,
@@ -2894,7 +2999,7 @@ var ProfileMenuFooter = ({
 }) => {
   const store = useDropdownStore(externalStore);
   const setOpen = useStore(store, (s) => s.setOpen);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     Button_default,
     {
       variant: "outline",
@@ -2906,8 +3011,8 @@ var ProfileMenuFooter = ({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx21("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx21(SignOut, {}) }),
-        /* @__PURE__ */ jsx21("span", { children: "Sair" })
+        /* @__PURE__ */ jsx22("span", { className: "mr-2 flex items-center", children: /* @__PURE__ */ jsx22(SignOut, {}) }),
+        /* @__PURE__ */ jsx22("span", { children: "Sair" })
       ]
     }
   );
@@ -2918,7 +3023,7 @@ var DropdownMenu_default = DropdownMenu;
 // src/components/Select/Select.tsx
 import { create as create3, useStore as useStore2 } from "zustand";
 import {
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useRef as useRef3,
   forwardRef as forwardRef10,
   isValidElement as isValidElement2,
@@ -2926,13 +3031,13 @@ import {
   cloneElement as cloneElement2
 } from "react";
 import { CaretDown, Check as Check3 } from "phosphor-react";
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var VARIANT_CLASSES4 = {
   outlined: "border-2 rounded-sm focus:border-primary-950",
   underlined: "border-b-2 focus:border-primary-950",
   rounded: "border-2 rounded-4xl focus:border-primary-950"
 };
-var SIZE_CLASSES9 = {
+var SIZE_CLASSES10 = {
   small: "text-sm",
   medium: "text-md",
   large: "text-lg"
@@ -2972,7 +3077,7 @@ function getLabelAsNode(children) {
   }
   const flattened = Children2.toArray(children);
   if (flattened.length === 1) return flattened[0];
-  return /* @__PURE__ */ jsx22(Fragment3, { children: flattened });
+  return /* @__PURE__ */ jsx23(Fragment3, { children: flattened });
 }
 var injectStore2 = (children, store) => {
   return Children2.map(children, (child) => {
@@ -3004,8 +3109,6 @@ var Select = ({
     store,
     (s) => s
   );
-  const isControlled = propValue !== void 0;
-  const currentValue = isControlled ? propValue : value;
   const findLabelForValue = (children2, targetValue) => {
     let found = null;
     const search = (nodes) => {
@@ -3023,14 +3126,13 @@ var Select = ({
     search(children2);
     return found;
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (!selectedLabel && defaultValue) {
       const label = findLabelForValue(children, defaultValue);
       if (label) store.setState({ selectedLabel: label });
     }
   }, [children, defaultValue, selectedLabel]);
-  useEffect3(() => {
-    setValue(currentValue);
+  useEffect4(() => {
     const handleClickOutside = (event) => {
       if (selectRef.current && !selectRef.current.contains(event.target)) {
         setOpen(false);
@@ -3065,13 +3167,19 @@ var Select = ({
       document.removeEventListener("keydown", handleArrowKeys);
     };
   }, [open]);
-  useEffect3(() => {
-    if (onValueChange) {
-      onValueChange(value);
+  useEffect4(() => {
+    setValue(value);
+    onValueChange?.(value);
+  }, [value, onValueChange]);
+  useEffect4(() => {
+    if (propValue) {
+      setValue(propValue);
+      const label = findLabelForValue(children, propValue);
+      if (label) store.setState({ selectedLabel: label });
     }
-  }, [value]);
-  const sizeClasses = SIZE_CLASSES9[size];
-  return /* @__PURE__ */ jsx22("div", { className: `relative ${sizeClasses} w-[288px]`, ref: selectRef, children: injectStore2(children, store) });
+  }, [propValue]);
+  const sizeClasses = SIZE_CLASSES10[size];
+  return /* @__PURE__ */ jsx23("div", { className: `relative ${sizeClasses} w-[288px]`, ref: selectRef, children: injectStore2(children, store) });
 };
 var SelectValue = ({
   placeholder,
@@ -3080,7 +3188,7 @@ var SelectValue = ({
   const store = useSelectStore(externalStore);
   const selectedLabel = useStore2(store, (s) => s.selectedLabel);
   const value = useStore2(store, (s) => s.value);
-  return /* @__PURE__ */ jsx22("span", { className: "text-inherit", children: selectedLabel || placeholder || value });
+  return /* @__PURE__ */ jsx23("span", { className: "text-inherit", children: selectedLabel || placeholder || value });
 };
 var SelectTrigger = forwardRef10(
   ({
@@ -3095,7 +3203,7 @@ var SelectTrigger = forwardRef10(
     const open = useStore2(store, (s) => s.open);
     const toggleOpen = () => store.setState({ open: !open });
     const variantClasses = VARIANT_CLASSES4[variant];
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "button",
       {
         ref,
@@ -3114,7 +3222,7 @@ var SelectTrigger = forwardRef10(
         ...props,
         children: [
           props.children,
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx23(
             CaretDown,
             {
               className: `h-[1em] w-[1em] opacity-50 transition-transform ${open ? "rotate-180" : ""}`
@@ -3139,7 +3247,7 @@ var SelectContent = forwardRef10(
     const open = useStore2(store, (s) => s.open);
     if (!open) return null;
     const getPositionClasses = () => `w-full min-w-full absolute ${SIDE_CLASSES2[side]} ${ALIGN_CLASSES2[align]}`;
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx23(
       "div",
       {
         role: "menu",
@@ -3162,8 +3270,12 @@ var SelectItem = forwardRef10(
     ...props
   }, ref) => {
     const store = useSelectStore(externalStore);
-    const selectedValue = useStore2(store, (s) => s.value);
-    const { setValue, setSelectedLabel, setOpen } = store.getState();
+    const {
+      value: selectedValue,
+      setValue,
+      setOpen,
+      setSelectedLabel
+    } = useStore2(store, (s) => s);
     const handleClick = (e) => {
       const labelNode = getLabelAsNode(children);
       if (!disabled) {
@@ -3173,7 +3285,7 @@ var SelectItem = forwardRef10(
       }
       props.onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
         role: "menuitem",
@@ -3193,7 +3305,7 @@ var SelectItem = forwardRef10(
         tabIndex: disabled ? -1 : 0,
         ...props,
         children: [
-          /* @__PURE__ */ jsx22("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx22(Check3, { className: "" }) }),
+          /* @__PURE__ */ jsx23("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: selectedValue === value && /* @__PURE__ */ jsx23(Check3, { className: "" }) }),
           children
         ]
       }
@@ -3206,7 +3318,7 @@ var Select_default = Select;
 // src/components/Menu/Menu.tsx
 import { create as create4, useStore as useStore3 } from "zustand";
 import {
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useRef as useRef4,
   forwardRef as forwardRef11,
   isValidElement as isValidElement3,
@@ -3215,7 +3327,7 @@ import {
   useState as useState7
 } from "react";
 import { CaretLeft, CaretRight } from "phosphor-react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var createMenuStore = () => create4((set) => ({
   value: "",
   setValue: (value) => set({ value })
@@ -3243,15 +3355,15 @@ var Menu = forwardRef11(
     storeRef.current ??= createMenuStore();
     const store = storeRef.current;
     const { setValue, value } = useStore3(store, (s) => s);
-    useEffect4(() => {
+    useEffect5(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
-    useEffect4(() => {
+    useEffect5(() => {
       onValueChange?.(value);
     }, [value, onValueChange]);
     const baseClasses = "w-full flex flex-row items-center gap-2 py-2 px-6";
     const variantClasses = VARIANT_CLASSES5[variant];
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx24(
       "ul",
       {
         ref,
@@ -3296,7 +3408,7 @@ var MenuItem = forwardRef11(
       ...props
     };
     const variants = {
-      menu: /* @__PURE__ */ jsx23(
+      menu: /* @__PURE__ */ jsx24(
         "li",
         {
           "data-variant": "menu",
@@ -3311,7 +3423,7 @@ var MenuItem = forwardRef11(
           children
         }
       ),
-      menu2: /* @__PURE__ */ jsx23(
+      menu2: /* @__PURE__ */ jsx24(
         "li",
         {
           "data-variant": "menu2",
@@ -3323,7 +3435,7 @@ var MenuItem = forwardRef11(
           children
         }
       ),
-      breadcrumb: /* @__PURE__ */ jsx23(
+      breadcrumb: /* @__PURE__ */ jsx24(
         "li",
         {
           "data-variant": "breadcrumb",
@@ -3334,7 +3446,7 @@ var MenuItem = forwardRef11(
             ${className ?? ""}
           `,
           ...commonProps,
-          children: /* @__PURE__ */ jsx23(
+          children: /* @__PURE__ */ jsx24(
             "span",
             {
               className: `
@@ -3352,14 +3464,14 @@ var MenuItem = forwardRef11(
 );
 MenuItem.displayName = "MenuItem";
 var MenuSeparator = forwardRef11(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx23(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx24(
     "li",
     {
       ref,
       "aria-hidden": "true",
       className: `[&>svg]:w-4 [&>svg]:h-4 text-text-600 ${className ?? ""}`,
       ...props,
-      children: children ?? /* @__PURE__ */ jsx23(CaretRight, {})
+      children: children ?? /* @__PURE__ */ jsx24(CaretRight, {})
     }
   )
 );
@@ -3394,6 +3506,7 @@ export {
   MenuItem,
   MenuLabel,
   MenuSeparator,
+  Modal_default as Modal,
   NavButton_default as NavButton,
   ProfileMenuFooter,
   ProfileMenuHeader,