analytica-frontend-lib 1.0.26 → 1.0.28

package/dist/index.js

@@ -1,11 +1,50 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var jsxRuntime = require('react/jsx-runtime');
-var phosphorReact = require('phosphor-react');
-var react = require('react');
-var zustand = require('zustand');
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Alert: () => Alert_default,
+  Badge: () => Badge_default,
+  Button: () => Button_default,
+  CheckBox: () => CheckBox_default,
+  DropdownMenu: () => DropdownMenu_default,
+  DropdownMenuContent: () => MenuContent,
+  DropdownMenuItem: () => MenuItem,
+  DropdownMenuLabel: () => MenuLabel,
+  DropdownMenuSeparator: () => MenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  IconButton: () => IconButton_default,
+  IconRoundedButton: () => IconRoundedButton_default,
+  NavButton: () => NavButton_default,
+  SelectionButton: () => SelectionButton_default,
+  Table: () => Table_default,
+  Text: () => Text_default,
+  TextArea: () => TextArea_default,
+  Toast: () => Toast_default,
+  Toaster: () => Toaster_default,
+  useToastStore: () => ToastStore_default
+});
+module.exports = __toCommonJS(src_exports);
 
 // src/components/Text/Text.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var Text = ({
   children,
   size = "md",
@@ -44,7 +83,7 @@ var Text = ({
   weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
   const baseClasses = "font-primary";
   const Component = as ?? "p";
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Component,
     {
       className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
@@ -53,6 +92,10 @@ var Text = ({
     }
   );
 };
+var Text_default = Text;
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime2 = require("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",
@@ -92,7 +135,7 @@ var Button = ({
   const sizeClasses = SIZE_CLASSES[size];
   const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
   const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-medium";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "button",
     {
       className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
@@ -100,13 +143,18 @@ var Button = ({
       type,
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 flex items-center", children: iconLeft }),
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mr-2 flex items-center", children: iconLeft }),
         children,
-        iconRight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 flex items-center", children: iconRight })
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ml-2 flex items-center", children: iconRight })
       ]
     }
   );
 };
+var Button_default = Button;
+
+// src/components/Badge/Badge.tsx
+var import_phosphor_react = require("phosphor-react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES2 = {
   solid: {
     error: "bg-error text-error-700 focus-visible:outline-none",
@@ -162,14 +210,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__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.Bell, { size: 24, className: "text-primary-950" }),
-          notificationActive && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_phosphor_react.Bell, { size: 24, className: "text-primary-950" }),
+          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               "data-testid": "notification-dot",
@@ -180,19 +228,24 @@ var Badge = ({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconLeft }),
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconLeft }),
         children,
-        iconRight && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconRight })
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconRight })
       ]
     }
   );
 };
+var Badge_default = Badge;
+
+// src/components/Alert/Alert.tsx
+var import_phosphor_react2 = require("phosphor-react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var VARIANT_ACTION_CLASSES3 = {
   solid: {
     default: "bg-background-50 border-transparent",
@@ -217,11 +270,11 @@ var COLOR_CLASSES = {
   error: "text-error-800"
 };
 var ICONS = {
-  default: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.CheckCircle, { size: 18 }),
-  info: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.Info, { size: 18 }),
-  success: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.CheckCircle, { size: 18 }),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.WarningCircle, { size: 18 }),
-  error: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.XCircle, { size: 18 })
+  default: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.CheckCircle, { size: 18 }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.Info, { size: 18 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.CheckCircle, { size: 18 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.WarningCircle, { size: 18 }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_phosphor_react2.XCircle, { size: 18 })
 };
 var Alert = ({
   variant = "solid",
@@ -236,16 +289,16 @@ var Alert = ({
   const variantColor = COLOR_CLASSES[action];
   const variantIcon = ICONS[action];
   const hasHeading = Boolean(title);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: `${baseClasses} ${variantClasses} ${className ?? ""}`,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `mt-0.5 ${variantColor}`, children: variantIcon }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          hasHeading && /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `mt-0.5 ${variantColor}`, children: variantIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          hasHeading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Text_default,
             {
               size: "md",
               weight: "medium",
@@ -254,8 +307,8 @@ var Alert = ({
               children: title
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Text,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Text_default,
             {
               size: hasHeading ? "sm" : "md",
               weight: "normal",
@@ -268,7 +321,12 @@ var Alert = ({
     }
   );
 };
-var IconButton = react.forwardRef(
+var Alert_default = Alert;
+
+// src/components/IconButton/IconButton.tsx
+var import_react = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(
   ({ icon, size = "md", active = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
       "inline-flex",
@@ -300,7 +358,7 @@ var IconButton = react.forwardRef(
       ...activeClasses
     ].join(" ");
     const ariaLabel = props["aria-label"] ?? "Bot\xE3o de a\xE7\xE3o";
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "button",
       {
         ref,
@@ -310,12 +368,16 @@ var IconButton = react.forwardRef(
         "aria-pressed": active,
         "aria-label": ariaLabel,
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center", children: icon })
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex items-center justify-center", children: icon })
       }
     );
   }
 );
 IconButton.displayName = "IconButton";
+var IconButton_default = IconButton;
+
+// src/components/IconRoundedButton/IconRoundedButton.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var IconRoundedButton = ({
   icon,
   className = "",
@@ -343,18 +405,23 @@ var IconRoundedButton = ({
     "disabled:opacity-50",
     "disabled:cursor-not-allowed"
   ].join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "button",
     {
       type: "button",
       className: `${baseClasses} ${className}`,
       disabled,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
     }
   );
 };
-var NavButton = react.forwardRef(
+var IconRoundedButton_default = IconRoundedButton;
+
+// src/components/NavButton/NavButton.tsx
+var import_react2 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var NavButton = (0, import_react2.forwardRef)(
   ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
       "flex",
@@ -381,7 +448,7 @@ var NavButton = react.forwardRef(
     ];
     const stateClasses = selected ? ["bg-primary-50", "text-primary-950"] : [];
     const allClasses = [...baseClasses, ...stateClasses].join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "button",
       {
         ref,
@@ -391,15 +458,20 @@ var NavButton = react.forwardRef(
         "aria-pressed": selected,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "whitespace-nowrap", children: label })
         ]
       }
     );
   }
 );
 NavButton.displayName = "NavButton";
-var SelectionButton = react.forwardRef(
+var NavButton_default = NavButton;
+
+// src/components/SelectionButton/SelectionButton.tsx
+var import_react3 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SelectionButton = (0, import_react3.forwardRef)(
   ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
     const baseClasses = [
       "inline-flex",
@@ -431,7 +503,7 @@ var SelectionButton = react.forwardRef(
     ];
     const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
     const allClasses = [...baseClasses, ...stateClasses].join(" ");
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "button",
       {
         ref,
@@ -441,30 +513,35 @@ var SelectionButton = react.forwardRef(
         "aria-pressed": selected,
         ...props,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: label })
         ]
       }
     );
   }
 );
 SelectionButton.displayName = "SelectionButton";
-var Table = react.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border-200 rounded-xl relative w-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectionButton_default = SelectionButton;
+
+// src/components/Table/Table.tsx
+var import_react4 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Table = (0, import_react4.forwardRef)(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "border border-border-200 rounded-xl relative w-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "table",
     {
       ref,
       className: `w-full caption-bottom text-sm ${className ?? ""}`,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "sr-only", children: "My Table" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("caption", { className: "sr-only", children: "My Table" }),
         children
       ]
     }
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHeader = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "thead",
   {
     ref,
@@ -473,7 +550,7 @@ var TableHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableBody = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "tbody",
   {
     ref,
@@ -482,7 +559,7 @@ var TableBody = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableFooter = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "tfoot",
   {
     ref,
@@ -497,9 +574,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 = react.forwardRef(
+var TableRow = (0, import_react4.forwardRef)(
   ({ state = "default", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "tr",
       {
         ref,
@@ -516,7 +593,7 @@ var TableRow = react.forwardRef(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableHead = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "th",
   {
     ref,
@@ -525,7 +602,7 @@ var TableHead = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCell = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "td",
   {
     ref,
@@ -534,7 +611,7 @@ var TableCell = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = (0, import_react4.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   "caption",
   {
     ref,
@@ -543,6 +620,12 @@ var TableCaption = react.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCaption.displayName = "TableCaption";
+var Table_default = Table;
+
+// src/components/CheckBox/CheckBox.tsx
+var import_react5 = require("react");
+var import_phosphor_react3 = require("phosphor-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var SIZE_CLASSES3 = {
   small: {
     checkbox: "w-4 h-4",
@@ -602,7 +685,7 @@ var STATE_CLASSES = {
     checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
   }
 };
-var CheckBox = react.forwardRef(
+var CheckBox = (0, import_react5.forwardRef)(
   ({
     label,
     size = "medium",
@@ -618,9 +701,9 @@ var CheckBox = react.forwardRef(
     onChange,
     ...props
   }, ref) => {
-    const generatedId = react.useId();
+    const generatedId = (0, import_react5.useId)();
     const inputId = id ?? `checkbox-${generatedId}`;
-    const [internalChecked, setInternalChecked] = react.useState(false);
+    const [internalChecked, setInternalChecked] = (0, import_react5.useState)(false);
     const isControlled = checkedProp !== void 0;
     const checked = isControlled ? checkedProp : internalChecked;
     const handleChange = (event) => {
@@ -637,8 +720,8 @@ var CheckBox = react.forwardRef(
     const checkboxClasses = `${BASE_CHECKBOX_CLASSES} ${sizeClasses.checkbox} ${borderWidthClass} ${stylingClasses} ${className}`;
     const renderIcon = () => {
       if (indeterminate) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          phosphorReact.Minus,
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_phosphor_react3.Minus,
           {
             size: sizeClasses.iconSize,
             weight: "bold",
@@ -647,8 +730,8 @@ var CheckBox = react.forwardRef(
         );
       }
       if (checked) {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          phosphorReact.Check,
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_phosphor_react3.Check,
           {
             size: sizeClasses.iconSize,
             weight: "bold",
@@ -658,13 +741,13 @@ var CheckBox = react.forwardRef(
       }
       return null;
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "div",
         {
           className: `flex flex-row items-center ${sizeClasses.spacing} ${disabled ? "opacity-40" : ""}`,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "input",
               {
                 ref,
@@ -677,13 +760,13 @@ var CheckBox = react.forwardRef(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
-            label && /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
+            label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "div",
               {
                 className: `flex flex-row items-center ${sizeClasses.labelHeight}`,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Text,
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  Text_default,
                   {
                     as: "label",
                     htmlFor: inputId,
@@ -698,8 +781,8 @@ var CheckBox = react.forwardRef(
           ]
         }
       ),
-      errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Text_default,
         {
           size: "sm",
           weight: "normal",
@@ -708,8 +791,8 @@ var CheckBox = react.forwardRef(
           children: errorMessage
         }
       ),
-      helperText && !errorMessage && /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        Text_default,
         {
           size: "sm",
           weight: "normal",
@@ -722,6 +805,11 @@ var CheckBox = react.forwardRef(
   }
 );
 CheckBox.displayName = "CheckBox";
+var CheckBox_default = CheckBox;
+
+// src/components/TextArea/TextArea.tsx
+var import_react6 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var SIZE_CLASSES4 = {
   small: {
     container: "w-72",
@@ -780,7 +868,7 @@ var STATE_CLASSES2 = {
     focus: ""
   }
 };
-var TextArea = react.forwardRef(
+var TextArea = (0, import_react6.forwardRef)(
   ({
     label,
     size = "medium",
@@ -795,9 +883,9 @@ var TextArea = react.forwardRef(
     placeholder,
     ...props
   }, ref) => {
-    const generatedId = react.useId();
+    const generatedId = (0, import_react6.useId)();
     const inputId = id ?? `textarea-${generatedId}`;
-    const [isFocused, setIsFocused] = react.useState(false);
+    const [isFocused, setIsFocused] = (0, import_react6.useState)(false);
     const handleChange = (event) => {
       onChange?.(event);
     };
@@ -816,9 +904,9 @@ var TextArea = react.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__ */ jsxRuntime.jsxs("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        Text_default,
         {
           as: "label",
           htmlFor: inputId,
@@ -829,7 +917,7 @@ var TextArea = react.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "textarea",
         {
           ref,
@@ -843,27 +931,143 @@ var TextArea = react.forwardRef(
           ...props
         }
       ),
-      errorMessage && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperMessage && !errorMessage && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
+      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
+      helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text_default, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
     ] });
   }
 );
 TextArea.displayName = "TextArea";
-var DropdownMenuContext = react.createContext(
+var TextArea_default = TextArea;
+
+// src/components/Toast/Toast.tsx
+var import_phosphor_react4 = require("phosphor-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES4 = {
+  solid: {
+    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-600 border-none focus-visible:outline-none"
+  },
+  outlined: {
+    warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
+    success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
+    info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
+  }
+};
+var iconMap = {
+  success: import_phosphor_react4.CheckCircle,
+  info: import_phosphor_react4.Info,
+  warning: import_phosphor_react4.WarningCircle
+};
+var Toast = ({
+  variant = "outlined",
+  action = "success",
+  className = "",
+  onClose,
+  title,
+  description,
+  position = "default",
+  ...props
+}) => {
+  const variantClasses = VARIANT_ACTION_CLASSES4[variant][action];
+  const positionClasses = {
+    "top-left": "fixed top-4 left-4",
+    "top-center": "fixed top-4 left-1/2 transform -translate-x-1/2",
+    "top-right": "fixed top-4 right-4",
+    "bottom-left": "fixed bottom-4 left-4",
+    "bottom-center": "fixed bottom-4 left-1/2 transform -translate-x-1/2",
+    "bottom-right": "fixed bottom-4 right-4",
+    default: ""
+  };
+  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__ */ (0, import_jsx_runtime12.jsxs)(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-atomic": "true",
+      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconAction, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "font-semibold text-md", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-md text-text-900", children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            "aria-label": "Dismiss notification",
+            className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_phosphor_react4.X, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var Toast_default = Toast;
+
+// src/components/Toast/utils/ToastStore.ts
+var import_zustand = require("zustand");
+var useToastStore = (0, import_zustand.create)((set) => ({
+  toasts: [],
+  addToast: (toast) => {
+    const id = crypto.randomUUID();
+    set((state) => ({
+      toasts: [...state.toasts, { id, ...toast }]
+    }));
+  },
+  removeToast: (id) => {
+    set((state) => ({
+      toasts: state.toasts.filter((t) => t.id !== id)
+    }));
+  }
+}));
+var ToastStore_default = useToastStore;
+
+// src/components/Toast/utils/Toaster.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Toaster = () => {
+  const toasts = ToastStore_default((state) => state.toasts);
+  const removeToast = ToastStore_default((state) => state.removeToast);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    Toast_default,
+    {
+      title: toast.title,
+      description: toast.description,
+      variant: toast.variant,
+      action: toast.action,
+      position: toast.position,
+      onClose: () => removeToast(toast.id)
+    },
+    toast.id
+  )) });
+};
+var Toaster_default = Toaster;
+
+// src/components/DropdownMenu/DropdownMenu.tsx
+var import_react7 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var DropdownMenuContext = (0, import_react7.createContext)(
   void 0
 );
 var DropdownMenu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = react.useState(false);
+  const [internalOpen, setInternalOpen] = (0, import_react7.useState)(false);
   const isControlled = open !== void 0;
   const currentOpen = isControlled ? open : internalOpen;
-  const setOpen = react.useCallback(
+  const setOpen = (0, import_react7.useCallback)(
     (newOpen) => {
       if (onOpenChange) onOpenChange(newOpen);
       if (!isControlled) setInternalOpen(newOpen);
     },
     [isControlled, onOpenChange]
   );
-  const menuRef = react.useRef(null);
+  const menuRef = (0, import_react7.useRef)(null);
   const handleArrowDownOrArrowUp = (event) => {
     const menuContent = menuRef.current?.querySelector('[role="menu"]');
     if (menuContent) {
@@ -897,7 +1101,7 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
       setOpen(false);
     }
   };
-  react.useEffect(() => {
+  (0, import_react7.useEffect)(() => {
     if (currentOpen) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleDownkey);
@@ -907,18 +1111,18 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
       document.removeEventListener("keydown", handleDownkey);
     };
   }, [currentOpen]);
-  const value = react.useMemo(
+  const value = (0, import_react7.useMemo)(
     () => ({ open: currentOpen, setOpen }),
     [currentOpen, setOpen]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", ref: menuRef, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "relative", ref: menuRef, children }) });
 };
-var DropdownMenuTrigger = react.forwardRef(({ className, children, onClick, ...props }, ref) => {
-  const context = react.useContext(DropdownMenuContext);
+var DropdownMenuTrigger = (0, import_react7.forwardRef)(({ className, children, onClick, ...props }, ref) => {
+  const context = (0, import_react7.useContext)(DropdownMenuContext);
   if (!context)
     throw new Error("DropdownMenuTrigger must be used within a DropdownMenu");
   const { open, setOpen } = context;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       ref,
@@ -950,7 +1154,7 @@ var ALIGN_CLASSES = {
   center: "left-1/2 -translate-x-1/2",
   end: "right-0"
 };
-var MenuLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenuLabel = (0, import_react7.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "fieldset",
   {
     ref,
@@ -960,7 +1164,7 @@ var MenuLabel = react.forwardRef(({ className, inset, ...props }, ref) => /* @__
   }
 ));
 MenuLabel.displayName = "MenuLabel";
-var MenuContent = react.forwardRef(
+var MenuContent = (0, import_react7.forwardRef)(
   ({
     className,
     align = "start",
@@ -969,9 +1173,9 @@ var MenuContent = react.forwardRef(
     children,
     ...props
   }, ref) => {
-    const { open } = react.useContext(DropdownMenuContext);
-    const [isVisible, setIsVisible] = react.useState(open);
-    react.useEffect(() => {
+    const { open } = (0, import_react7.useContext)(DropdownMenuContext);
+    const [isVisible, setIsVisible] = (0, import_react7.useState)(open);
+    (0, import_react7.useEffect)(() => {
       if (open) {
         setIsVisible(true);
       } else {
@@ -985,7 +1189,7 @@ var MenuContent = react.forwardRef(
       const horizontal = ALIGN_CLASSES[align];
       return `absolute ${vertical} ${horizontal}`;
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref,
@@ -1009,7 +1213,7 @@ var MenuContent = react.forwardRef(
   }
 );
 MenuContent.displayName = "MenuContent";
-var MenuItem = react.forwardRef(
+var MenuItem = (0, import_react7.forwardRef)(
   ({
     className,
     inset,
@@ -1030,7 +1234,7 @@ var MenuItem = react.forwardRef(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         ref,
@@ -1060,7 +1264,7 @@ var MenuItem = react.forwardRef(
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var MenuSeparator = (0, import_react7.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1069,122 +1273,28 @@ var MenuSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-var VARIANT_ACTION_CLASSES4 = {
-  solid: {
-    warning: "bg-warning text-warning-800 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"
-  },
-  outlined: {
-    warning: "bg-warning text-warning-600 border border-warning-300 focus-visible:outline-none",
-    success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
-    info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
-  }
-};
-var iconMap = {
-  success: phosphorReact.CheckCircle,
-  info: phosphorReact.Info,
-  warning: phosphorReact.WarningCircle
-};
-var Toast = ({
-  variant = "outlined",
-  action = "success",
-  className = "",
-  onClose,
-  title,
-  description,
-  position = "default",
-  ...props
-}) => {
-  const variantClasses = VARIANT_ACTION_CLASSES4[variant][action];
-  const positionClasses = {
-    "top-left": "fixed top-4 left-4",
-    "top-center": "fixed top-4 left-1/2 transform -translate-x-1/2",
-    "top-right": "fixed top-4 right-4",
-    "bottom-left": "fixed bottom-4 left-4",
-    "bottom-center": "fixed bottom-4 left-1/2 transform -translate-x-1/2",
-    "bottom-right": "fixed bottom-4 right-4",
-    default: ""
-  };
-  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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ jsxRuntime.jsx(IconAction, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-md text-text-900", children: description })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: onClose,
-            "aria-label": "Dismiss notification",
-            className: "text-background-500 cursor-pointer opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ jsxRuntime.jsx(phosphorReact.X, {})
-          }
-        )
-      ]
-    }
-  );
-};
-var useToastStore = zustand.create((set) => ({
-  toasts: [],
-  addToast: (toast) => {
-    const id = crypto.randomUUID();
-    set((state) => ({
-      toasts: [...state.toasts, { id, ...toast }]
-    }));
-  },
-  removeToast: (id) => {
-    set((state) => ({
-      toasts: state.toasts.filter((t) => t.id !== id)
-    }));
-  }
-}));
-var Toaster = () => {
-  const toasts = useToastStore((state) => state.toasts);
-  const removeToast = useToastStore((state) => state.removeToast);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ jsxRuntime.jsx(
-    Toast,
-    {
-      title: toast.title,
-      description: toast.description,
-      variant: toast.variant,
-      action: toast.action,
-      position: toast.position,
-      onClose: () => removeToast(toast.id)
-    },
-    toast.id
-  )) });
-};
-
-exports.Alert = Alert;
-exports.Badge = Badge;
-exports.Button = Button;
-exports.CheckBox = CheckBox;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuContent = MenuContent;
-exports.DropdownMenuItem = MenuItem;
-exports.DropdownMenuLabel = MenuLabel;
-exports.DropdownMenuSeparator = MenuSeparator;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
-exports.IconButton = IconButton;
-exports.IconRoundedButton = IconRoundedButton;
-exports.NavButton = NavButton;
-exports.SelectionButton = SelectionButton;
-exports.Table = Table;
-exports.Text = Text;
-exports.TextArea = TextArea;
-exports.Toast = Toast;
-exports.Toaster = Toaster;
-exports.useToastStore = useToastStore;
+var DropdownMenu_default = DropdownMenu;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  Badge,
+  Button,
+  CheckBox,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  IconButton,
+  IconRoundedButton,
+  NavButton,
+  SelectionButton,
+  Table,
+  Text,
+  TextArea,
+  Toast,
+  Toaster,
+  useToastStore
+});
+//# sourceMappingURL=index.js.map