analytica-frontend-lib 1.0.26 → 1.0.27

package/dist/index.mjs

@@ -1,9 +1,5 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Minus, Check, Bell, WarningCircle, Info, CheckCircle, X, XCircle } from 'phosphor-react';
-import { forwardRef, useId, useState, createContext, useContext, useEffect, useCallback, useRef, useMemo } from 'react';
-import { create } from 'zustand';
-
 // src/components/Text/Text.tsx
+import { jsx } from "react/jsx-runtime";
 var Text = ({
   children,
   size = "md",
@@ -51,6 +47,9 @@ var Text = ({
     }
   );
 };
+
+// src/components/Button/Button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES = {
   solid: {
     primary: "bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed",
@@ -98,13 +97,17 @@ var Button = ({
       type,
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ jsx("span", { className: "mr-2 flex items-center", children: iconLeft }),
+        iconLeft && /* @__PURE__ */ jsx2("span", { className: "mr-2 flex items-center", children: iconLeft }),
         children,
-        iconRight && /* @__PURE__ */ jsx("span", { className: "ml-2 flex items-center", children: iconRight })
+        iconRight && /* @__PURE__ */ jsx2("span", { className: "ml-2 flex items-center", children: iconRight })
       ]
     }
   );
 };
+
+// src/components/Badge/Badge.tsx
+import { Bell } from "phosphor-react";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES2 = {
   solid: {
     error: "bg-error text-error-700 focus-visible:outline-none",
@@ -160,14 +163,14 @@ var Badge = ({
   const baseClasses = "inline-flex items-center justify-center rounded-xs font-normal gap-1 relative";
   const baseClassesIcon = "flex items-center";
   if (variant === "notification") {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs2(
       "div",
       {
         className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ jsx(Bell, { size: 24, className: "text-primary-950" }),
-          notificationActive && /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3(Bell, { size: 24, className: "text-primary-950" }),
+          notificationActive && /* @__PURE__ */ jsx3(
             "span",
             {
               "data-testid": "notification-dot",
@@ -178,19 +181,23 @@ var Badge = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "div",
     {
       className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ jsx("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconLeft }),
+        iconLeft && /* @__PURE__ */ jsx3("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconLeft }),
         children,
-        iconRight && /* @__PURE__ */ jsx("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconRight })
+        iconRight && /* @__PURE__ */ jsx3("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconRight })
       ]
     }
   );
 };
+
+// src/components/Alert/Alert.tsx
+import { CheckCircle, Info, WarningCircle, XCircle } from "phosphor-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES3 = {
   solid: {
     default: "bg-background-50 border-transparent",
@@ -215,11 +222,11 @@ var COLOR_CLASSES = {
   error: "text-error-800"
 };
 var ICONS = {
-  default: /* @__PURE__ */ jsx(CheckCircle, { size: 18 }),
-  info: /* @__PURE__ */ jsx(Info, { size: 18 }),
-  success: /* @__PURE__ */ jsx(CheckCircle, { size: 18 }),
-  warning: /* @__PURE__ */ jsx(WarningCircle, { size: 18 }),
-  error: /* @__PURE__ */ jsx(XCircle, { size: 18 })
+  default: /* @__PURE__ */ jsx4(CheckCircle, { size: 18 }),
+  info: /* @__PURE__ */ jsx4(Info, { size: 18 }),
+  success: /* @__PURE__ */ jsx4(CheckCircle, { size: 18 }),
+  warning: /* @__PURE__ */ jsx4(WarningCircle, { size: 18 }),
+  error: /* @__PURE__ */ jsx4(XCircle, { size: 18 })
 };
 var Alert = ({
   variant = "solid",
@@ -234,15 +241,15 @@ var Alert = ({
   const variantColor = COLOR_CLASSES[action];
   const variantIcon = ICONS[action];
   const hasHeading = Boolean(title);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: `${baseClasses} ${variantClasses} ${className ?? ""}`,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: `mt-0.5 ${variantColor}`, children: variantIcon }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          hasHeading && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx4("span", { className: `mt-0.5 ${variantColor}`, children: variantIcon }),
+        /* @__PURE__ */ jsxs3("div", { children: [
+          hasHeading && /* @__PURE__ */ jsx4(
             Text,
             {
               size: "md",
@@ -252,7 +259,7 @@ var Alert = ({
               children: title
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx4(
             Text,
             {
               size: hasHeading ? "sm" : "md",
@@ -266,6 +273,10 @@ var Alert = ({
     }
   );
 };
+
+// src/components/IconButton/IconButton.tsx
+import { forwardRef } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var IconButton = forwardRef(
   ({ icon, size = "md", active = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
@@ -298,7 +309,7 @@ var IconButton = forwardRef(
       ...activeClasses
     ].join(" ");
     const ariaLabel = props["aria-label"] ?? "Bot\xE3o de a\xE7\xE3o";
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx5(
       "button",
       {
         ref,
@@ -308,12 +319,15 @@ var IconButton = forwardRef(
         "aria-pressed": active,
         "aria-label": ariaLabel,
         ...props,
-        children: /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center", children: icon })
+        children: /* @__PURE__ */ jsx5("span", { className: "flex items-center justify-center", children: icon })
       }
     );
   }
 );
 IconButton.displayName = "IconButton";
+
+// src/components/IconRoundedButton/IconRoundedButton.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
 var IconRoundedButton = ({
   icon,
   className = "",
@@ -341,18 +355,22 @@ var IconRoundedButton = ({
     "disabled:opacity-50",
     "disabled:cursor-not-allowed"
   ].join(" ");
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       type: "button",
       className: `${baseClasses} ${className}`,
       disabled,
       ...props,
-      children: /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
+      children: /* @__PURE__ */ jsx6("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
     }
   );
 };
-var NavButton = forwardRef(
+
+// src/components/NavButton/NavButton.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var NavButton = forwardRef2(
   ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
       "flex",
@@ -379,7 +397,7 @@ var NavButton = forwardRef(
     ];
     const stateClasses = selected ? ["bg-primary-50", "text-primary-950"] : [];
     const allClasses = [...baseClasses, ...stateClasses].join(" ");
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs4(
       "button",
       {
         ref,
@@ -389,15 +407,19 @@ var NavButton = forwardRef(
         "aria-pressed": selected,
         ...props,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
-          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label })
+          /* @__PURE__ */ jsx7("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
+          /* @__PURE__ */ jsx7("span", { className: "whitespace-nowrap", children: label })
         ]
       }
     );
   }
 );
 NavButton.displayName = "NavButton";
-var SelectionButton = forwardRef(
+
+// src/components/SelectionButton/SelectionButton.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var SelectionButton = forwardRef3(
   ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
       "inline-flex",
@@ -429,7 +451,7 @@ var SelectionButton = forwardRef(
     ];
     const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
     const allClasses = [...baseClasses, ...stateClasses].join(" ");
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs5(
       "button",
       {
         ref,
@@ -439,30 +461,34 @@ var SelectionButton = forwardRef(
         "aria-pressed": selected,
         ...props,
         children: [
-          /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
-          /* @__PURE__ */ jsx("span", { children: label })
+          /* @__PURE__ */ jsx8("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
+          /* @__PURE__ */ jsx8("span", { children: label })
         ]
       }
     );
   }
 );
 SelectionButton.displayName = "SelectionButton";
-var Table = forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "border border-border-200 rounded-xl relative w-full overflow-hidden", children: /* @__PURE__ */ jsxs(
+
+// src/components/Table/Table.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var Table = forwardRef4(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx9("div", { className: "border border-border-200 rounded-xl relative w-full overflow-hidden", children: /* @__PURE__ */ jsxs6(
     "table",
     {
       ref,
       className: `w-full caption-bottom text-sm ${className ?? ""}`,
       ...props,
       children: [
-        /* @__PURE__ */ jsx("caption", { className: "sr-only", children: "My Table" }),
+        /* @__PURE__ */ jsx9("caption", { className: "sr-only", children: "My Table" }),
         children
       ]
     }
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "thead",
   {
     ref,
@@ -471,7 +497,7 @@ var TableHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "tbody",
   {
     ref,
@@ -480,7 +506,7 @@ var TableBody = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "tfoot",
   {
     ref,
@@ -495,9 +521,9 @@ var VARIANT_STATES_ROW = {
   invalid: "border-b-2 border-indicator-error",
   disabled: "border-b border-border-100 bg-background-50 opacity-50 cursor-not-allowed"
 };
-var TableRow = forwardRef(
+var TableRow = forwardRef4(
   ({ state = "default", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx9(
       "tr",
       {
         ref,
@@ -514,7 +540,7 @@ var TableRow = forwardRef(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "th",
   {
     ref,
@@ -523,7 +549,7 @@ var TableHead = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "td",
   {
     ref,
@@ -532,7 +558,7 @@ var TableCell = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   "caption",
   {
     ref,
@@ -541,6 +567,15 @@ var TableCaption = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 TableCaption.displayName = "TableCaption";
+
+// src/components/CheckBox/CheckBox.tsx
+import {
+  forwardRef as forwardRef5,
+  useState,
+  useId
+} from "react";
+import { Check, Minus } from "phosphor-react";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var SIZE_CLASSES3 = {
   small: {
     checkbox: "w-4 h-4",
@@ -600,7 +635,7 @@ var STATE_CLASSES = {
     checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
   }
 };
-var CheckBox = forwardRef(
+var CheckBox = forwardRef5(
   ({
     label,
     size = "medium",
@@ -635,7 +670,7 @@ var CheckBox = forwardRef(
     const checkboxClasses = `${BASE_CHECKBOX_CLASSES} ${sizeClasses.checkbox} ${borderWidthClass} ${stylingClasses} ${className}`;
     const renderIcon = () => {
       if (indeterminate) {
-        return /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx10(
           Minus,
           {
             size: sizeClasses.iconSize,
@@ -645,7 +680,7 @@ var CheckBox = forwardRef(
         );
       }
       if (checked) {
-        return /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsx10(
           Check,
           {
             size: sizeClasses.iconSize,
@@ -656,13 +691,13 @@ var CheckBox = forwardRef(
       }
       return null;
     };
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs7(
         "div",
         {
           className: `flex flex-row items-center ${sizeClasses.spacing} ${disabled ? "opacity-40" : ""}`,
           children: [
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx10(
               "input",
               {
                 ref,
@@ -675,12 +710,12 @@ var CheckBox = forwardRef(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
-            label && /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx10("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
+            label && /* @__PURE__ */ jsx10(
               "div",
               {
                 className: `flex flex-row items-center ${sizeClasses.labelHeight}`,
-                children: /* @__PURE__ */ jsx(
+                children: /* @__PURE__ */ jsx10(
                   Text,
                   {
                     as: "label",
@@ -696,7 +731,7 @@ var CheckBox = forwardRef(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx(
+      errorMessage && /* @__PURE__ */ jsx10(
         Text,
         {
           size: "sm",
@@ -706,7 +741,7 @@ var CheckBox = forwardRef(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ jsx(
+      helperText && !errorMessage && /* @__PURE__ */ jsx10(
         Text,
         {
           size: "sm",
@@ -720,6 +755,14 @@ var CheckBox = forwardRef(
   }
 );
 CheckBox.displayName = "CheckBox";
+
+// src/components/TextArea/TextArea.tsx
+import {
+  forwardRef as forwardRef6,
+  useState as useState2,
+  useId as useId2
+} from "react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var SIZE_CLASSES4 = {
   small: {
     container: "w-72",
@@ -778,7 +821,7 @@ var STATE_CLASSES2 = {
     focus: ""
   }
 };
-var TextArea = forwardRef(
+var TextArea = forwardRef6(
   ({
     label,
     size = "medium",
@@ -793,9 +836,9 @@ var TextArea = forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = useId();
+    const generatedId = useId2();
     const inputId = id ?? `textarea-${generatedId}`;
-    const [isFocused, setIsFocused] = useState(false);
+    const [isFocused, setIsFocused] = useState2(false);
     const handleChange = (event) => {
       onChange?.(event);
     };
@@ -814,8 +857,8 @@ var TextArea = forwardRef(
     const sizeClasses = SIZE_CLASSES4[size];
     const stateClasses = STATE_CLASSES2[currentState];
     const textareaClasses = `${BASE_TEXTAREA_CLASSES} ${sizeClasses.textarea} ${stateClasses.base} ${stateClasses.hover} ${stateClasses.focus} ${className}`;
-    return /* @__PURE__ */ jsxs("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
-      label && /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs8("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
+      label && /* @__PURE__ */ jsx11(
         Text,
         {
           as: "label",
@@ -827,7 +870,7 @@ var TextArea = forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx11(
         "textarea",
         {
           ref,
@@ -841,17 +884,30 @@ var TextArea = forwardRef(
           ...props
         }
       ),
-      errorMessage && /* @__PURE__ */ jsx(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperMessage && !errorMessage && /* @__PURE__ */ jsx(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      errorMessage && /* @__PURE__ */ jsx11(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
+      helperMessage && !errorMessage && /* @__PURE__ */ jsx11(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
 TextArea.displayName = "TextArea";
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+import {
+  createContext,
+  useState as useState3,
+  useCallback,
+  useContext,
+  forwardRef as forwardRef7,
+  useEffect,
+  useRef,
+  useMemo
+} from "react";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var DropdownMenuContext = createContext(
   void 0
 );
 var DropdownMenu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = useState(false);
+  const [internalOpen, setInternalOpen] = useState3(false);
   const isControlled = open !== void 0;
   const currentOpen = isControlled ? open : internalOpen;
   const setOpen = useCallback(
@@ -909,14 +965,14 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
     () => ({ open: currentOpen, setOpen }),
     [currentOpen, setOpen]
   );
-  return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { className: "relative", ref: menuRef, children }) });
+  return /* @__PURE__ */ jsx12(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ jsx12("div", { className: "relative", ref: menuRef, children }) });
 };
-var DropdownMenuTrigger = forwardRef(({ className, children, onClick, ...props }, ref) => {
+var DropdownMenuTrigger = forwardRef7(({ className, children, onClick, ...props }, ref) => {
   const context = useContext(DropdownMenuContext);
   if (!context)
     throw new Error("DropdownMenuTrigger must be used within a DropdownMenu");
   const { open, setOpen } = context;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx12(
     "button",
     {
       ref,
@@ -948,7 +1004,7 @@ var ALIGN_CLASSES = {
   center: "left-1/2 -translate-x-1/2",
   end: "right-0"
 };
-var MenuLabel = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenuLabel = forwardRef7(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx12(
   "fieldset",
   {
     ref,
@@ -958,7 +1014,7 @@ var MenuLabel = forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__
   }
 ));
 MenuLabel.displayName = "MenuLabel";
-var MenuContent = forwardRef(
+var MenuContent = forwardRef7(
   ({
     className,
     align = "start",
@@ -968,7 +1024,7 @@ var MenuContent = forwardRef(
     ...props
   }, ref) => {
     const { open } = useContext(DropdownMenuContext);
-    const [isVisible, setIsVisible] = useState(open);
+    const [isVisible, setIsVisible] = useState3(open);
     useEffect(() => {
       if (open) {
         setIsVisible(true);
@@ -983,7 +1039,7 @@ var MenuContent = forwardRef(
       const horizontal = ALIGN_CLASSES[align];
       return `absolute ${vertical} ${horizontal}`;
     };
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx12(
       "div",
       {
         ref,
@@ -1007,7 +1063,7 @@ var MenuContent = forwardRef(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = forwardRef(
+var MenuItem = forwardRef7(
   ({
     className,
     inset,
@@ -1028,7 +1084,7 @@ var MenuItem = forwardRef(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs9(
       "div",
       {
         ref,
@@ -1058,7 +1114,7 @@ var MenuItem = forwardRef(
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenuSeparator = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "div",
   {
     ref,
@@ -1067,11 +1123,15 @@ var MenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
+
+// src/components/Toast/Toast.tsx
+import { CheckCircle as CheckCircle2, WarningCircle as WarningCircle2, Info as Info2, X } from "phosphor-react";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var VARIANT_ACTION_CLASSES4 = {
   solid: {
-    warning: "bg-warning text-warning-800 border-none focus-visible:outline-none",
+    warning: "bg-warning text-warning-600 border-none focus-visible:outline-none",
     success: "bg-success text-success-800 border-none focus-visible:outline-none",
-    info: "bg-info text-info-800 border-none focus-visible:outline-none"
+    info: "bg-info text-info-600 border-none focus-visible:outline-none"
   },
   outlined: {
     warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
@@ -1080,9 +1140,9 @@ var VARIANT_ACTION_CLASSES4 = {
   }
 };
 var iconMap = {
-  success: CheckCircle,
-  info: Info,
-  warning: WarningCircle
+  success: CheckCircle2,
+  info: Info2,
+  warning: WarningCircle2
 };
 var Toast = ({
   variant = "outlined",
@@ -1106,7 +1166,7 @@ var Toast = ({
   };
   const IconAction = iconMap[action] || iconMap["success"];
   const baseClasses = "max-w-[390px] w-full flex flex-row items-start justify-between shadow-lg rounded-lg border p-4 gap-6 group";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       role: "alert",
@@ -1115,26 +1175,29 @@ var Toast = ({
       className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ jsx("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx(IconAction, {}) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ jsx("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-md text-text-900", children: description })
+        /* @__PURE__ */ jsxs10("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ jsx13("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsx13(IconAction, {}) }),
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ jsx13("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ jsx13("p", { className: "text-md text-text-900", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             onClick: onClose,
             "aria-label": "Dismiss notification",
             className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ jsx(X, {})
+            children: /* @__PURE__ */ jsx13(X, {})
           }
         )
       ]
     }
   );
 };
+
+// src/components/Toast/utils/ToastStore.ts
+import { create } from "zustand";
 var useToastStore = create((set) => ({
   toasts: [],
   addToast: (toast) => {
@@ -1149,10 +1212,13 @@ var useToastStore = create((set) => ({
     }));
   }
 }));
+
+// src/components/Toast/utils/Toaster.tsx
+import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
 var Toaster = () => {
   const toasts = useToastStore((state) => state.toasts);
   const removeToast = useToastStore((state) => state.removeToast);
-  return /* @__PURE__ */ jsx(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx14(Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsx14(
     Toast,
     {
       title: toast.title,
@@ -1165,5 +1231,25 @@ var Toaster = () => {
     toast.id
   )) });
 };
-
-export { Alert, Badge, Button, CheckBox, DropdownMenu, MenuContent as DropdownMenuContent, MenuItem as DropdownMenuItem, MenuLabel as DropdownMenuLabel, MenuSeparator as DropdownMenuSeparator, DropdownMenuTrigger, IconButton, IconRoundedButton, NavButton, SelectionButton, Table, Text, TextArea, Toast, Toaster, useToastStore };
+export {
+  Alert,
+  Badge,
+  Button,
+  CheckBox,
+  DropdownMenu,
+  MenuContent as DropdownMenuContent,
+  MenuItem as DropdownMenuItem,
+  MenuLabel as DropdownMenuLabel,
+  MenuSeparator as DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  IconButton,
+  IconRoundedButton,
+  NavButton,
+  SelectionButton,
+  Table,
+  Text,
+  TextArea,
+  Toast,
+  Toaster,
+  useToastStore
+};