analytica-frontend-lib 1.0.24 → 1.0.26

package/dist/client-components.js

@@ -1,755 +0,0 @@
-"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);
-
-// src/client-components.ts
-var client_components_exports = {};
-__export(client_components_exports, {
-  CheckBox: () => CheckBox,
-  DropdownMenu: () => DropdownMenu,
-  DropdownMenuTrigger: () => DropdownMenuTrigger,
-  MenuContent: () => MenuContent,
-  MenuItem: () => MenuItem,
-  MenuLabel: () => MenuLabel,
-  MenuSeparator: () => MenuSeparator,
-  TextArea: () => TextArea,
-  Toast: () => Toast,
-  Toaster: () => Toaster,
-  useToast: () => useToast,
-  useToastStore: () => useToastStore
-});
-module.exports = __toCommonJS(client_components_exports);
-
-// src/components/CheckBox/CheckBox.tsx
-var import_react = require("react");
-
-// src/components/Text/Text.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Text = ({
-  children,
-  size = "md",
-  weight = "normal",
-  color = "text-text-950",
-  as,
-  className = "",
-  ...props
-}) => {
-  let sizeClasses = "";
-  let weightClasses = "";
-  const sizeClassMap = {
-    "2xs": "text-2xs",
-    xs: "text-xs",
-    sm: "text-sm",
-    md: "text-md",
-    lg: "text-lg",
-    xl: "text-xl",
-    "2xl": "text-2xl",
-    "3xl": "text-3xl",
-    "4xl": "text-4xl",
-    "5xl": "text-5xl",
-    "6xl": "text-6xl"
-  };
-  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;
-  const weightClassMap = {
-    hairline: "font-hairline",
-    light: "font-light",
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold",
-    extrabold: "font-extrabold",
-    black: "font-black"
-  };
-  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
-  const baseClasses = "font-primary";
-  const Component = as ?? "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Component,
-    {
-      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
-      ...props,
-      children
-    }
-  );
-};
-
-// src/components/CheckBox/CheckBox.tsx
-var import_phosphor_react = require("phosphor-react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SIZE_CLASSES = {
-  small: {
-    checkbox: "w-4 h-4",
-    // 16px x 16px
-    textSize: "sm",
-    spacing: "gap-1.5",
-    // 6px
-    borderWidth: "border-2",
-    iconSize: 14,
-    // pixels for Phosphor icons
-    labelHeight: "h-[21px]"
-  },
-  medium: {
-    checkbox: "w-5 h-5",
-    // 20px x 20px
-    textSize: "md",
-    spacing: "gap-2",
-    // 8px
-    borderWidth: "border-2",
-    iconSize: 16,
-    // pixels for Phosphor icons
-    labelHeight: "h-6"
-  },
-  large: {
-    checkbox: "w-6 h-6",
-    // 24px x 24px
-    textSize: "lg",
-    spacing: "gap-2",
-    // 8px
-    borderWidth: "border-[3px]",
-    // 3px border
-    iconSize: 20,
-    // pixels for Phosphor icons
-    labelHeight: "h-[27px]"
-  }
-};
-var BASE_CHECKBOX_CLASSES = "rounded border cursor-pointer transition-all duration-200 flex items-center justify-center focus:outline-none";
-var STATE_CLASSES = {
-  default: {
-    unchecked: "border-border-400 bg-background hover:border-border-500",
-    checked: "border-primary-950 bg-primary-950 text-text hover:border-primary-800 hover:bg-primary-800"
-  },
-  hovered: {
-    unchecked: "border-border-500 bg-background",
-    checked: "border-primary-800 bg-primary-800 text-text"
-  },
-  focused: {
-    unchecked: "border-indicator-info bg-background ring-2 ring-indicator-info/20",
-    checked: "border-indicator-info bg-primary-950 text-text ring-2 ring-indicator-info/20"
-  },
-  invalid: {
-    unchecked: "border-error-700 bg-background hover:border-error-600",
-    checked: "border-error-700 bg-primary-950 text-text"
-  },
-  disabled: {
-    unchecked: "border-border-400 bg-background cursor-not-allowed opacity-40",
-    checked: "border-primary-600 bg-primary-600 text-text cursor-not-allowed opacity-40"
-  }
-};
-var CheckBox = (0, import_react.forwardRef)(
-  ({
-    label,
-    size = "medium",
-    state = "default",
-    indeterminate = false,
-    errorMessage,
-    helperText,
-    className = "",
-    labelClassName = "",
-    checked: checkedProp,
-    disabled,
-    id,
-    onChange,
-    ...props
-  }, ref) => {
-    const generatedId = (0, import_react.useId)();
-    const inputId = id ?? `checkbox-${generatedId}`;
-    const [internalChecked, setInternalChecked] = (0, import_react.useState)(false);
-    const isControlled = checkedProp !== void 0;
-    const checked = isControlled ? checkedProp : internalChecked;
-    const handleChange = (event) => {
-      if (!isControlled) {
-        setInternalChecked(event.target.checked);
-      }
-      onChange?.(event);
-    };
-    const currentState = disabled ? "disabled" : state;
-    const sizeClasses = SIZE_CLASSES[size];
-    const checkVariant = checked || indeterminate ? "checked" : "unchecked";
-    const stylingClasses = STATE_CLASSES[currentState][checkVariant];
-    const borderWidthClass = state === "focused" || state === "hovered" && size === "large" ? "border-[3px]" : sizeClasses.borderWidth;
-    const checkboxClasses = `${BASE_CHECKBOX_CLASSES} ${sizeClasses.checkbox} ${borderWidthClass} ${stylingClasses} ${className}`;
-    const renderIcon = () => {
-      if (indeterminate) {
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_phosphor_react.Minus,
-          {
-            size: sizeClasses.iconSize,
-            weight: "bold",
-            color: "currentColor"
-          }
-        );
-      }
-      if (checked) {
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_phosphor_react.Check,
-          {
-            size: sizeClasses.iconSize,
-            weight: "bold",
-            color: "currentColor"
-          }
-        );
-      }
-      return null;
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-        "div",
-        {
-          className: `flex flex-row items-center ${sizeClasses.spacing} ${disabled ? "opacity-40" : ""}`,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              "input",
-              {
-                ref,
-                type: "checkbox",
-                id: inputId,
-                checked,
-                disabled,
-                onChange: handleChange,
-                className: "sr-only",
-                ...props
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: inputId, className: checkboxClasses, children: renderIcon() }),
-            label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-              "div",
-              {
-                className: `flex flex-row items-center ${sizeClasses.labelHeight}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                  Text,
-                  {
-                    as: "label",
-                    htmlFor: inputId,
-                    size: sizeClasses.textSize,
-                    weight: "normal",
-                    className: `cursor-pointer select-none leading-[150%] flex items-center font-roboto ${labelClassName}`,
-                    children: label
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        Text,
-        {
-          size: "sm",
-          weight: "normal",
-          className: "mt-1.5",
-          color: "text-error-600",
-          children: errorMessage
-        }
-      ),
-      helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        Text,
-        {
-          size: "sm",
-          weight: "normal",
-          className: "mt-1.5",
-          color: "text-text-500",
-          children: helperText
-        }
-      )
-    ] });
-  }
-);
-CheckBox.displayName = "CheckBox";
-
-// src/components/TextArea/TextArea.tsx
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SIZE_CLASSES2 = {
-  small: {
-    container: "w-72",
-    // 288px width
-    textarea: "h-24 text-sm",
-    // 96px height, 14px font
-    textSize: "sm"
-  },
-  medium: {
-    container: "w-72",
-    // 288px width
-    textarea: "h-24 text-base",
-    // 96px height, 16px font
-    textSize: "md"
-  },
-  large: {
-    container: "w-72",
-    // 288px width
-    textarea: "h-24 text-lg",
-    // 96px height, 18px font
-    textSize: "lg"
-  },
-  extraLarge: {
-    container: "w-72",
-    // 288px width
-    textarea: "h-24 text-xl",
-    // 96px height, 20px font
-    textSize: "xl"
-  }
-};
-var BASE_TEXTAREA_CLASSES = "w-full box-border p-3 bg-background border border-solid rounded-[4px] resize-none focus:outline-none font-roboto font-normal leading-[150%] placeholder:text-text-600 transition-all duration-200";
-var STATE_CLASSES2 = {
-  default: {
-    base: "border-border-300 bg-background text-text-600",
-    hover: "hover:border-border-400",
-    focus: "focus:border-border-500"
-  },
-  hovered: {
-    base: "border-border-400 bg-background text-text-600",
-    hover: "",
-    focus: "focus:border-border-500"
-  },
-  focused: {
-    base: "border-2 border-primary-950 bg-background text-text-900",
-    hover: "",
-    focus: ""
-  },
-  invalid: {
-    base: "border-2 border-red-700 bg-white text-gray-800",
-    hover: "hover:border-red-700",
-    focus: "focus:border-red-700"
-  },
-  disabled: {
-    base: "border-border-300 bg-background text-text-600 cursor-not-allowed opacity-40",
-    hover: "",
-    focus: ""
-  }
-};
-var TextArea = (0, import_react2.forwardRef)(
-  ({
-    label,
-    size = "medium",
-    state = "default",
-    errorMessage,
-    helperMessage,
-    className = "",
-    labelClassName = "",
-    disabled,
-    id,
-    onChange,
-    placeholder,
-    ...props
-  }, ref) => {
-    const generatedId = (0, import_react2.useId)();
-    const inputId = id ?? `textarea-${generatedId}`;
-    const [isFocused, setIsFocused] = (0, import_react2.useState)(false);
-    const handleChange = (event) => {
-      onChange?.(event);
-    };
-    const handleFocus = (event) => {
-      setIsFocused(true);
-      props.onFocus?.(event);
-    };
-    const handleBlur = (event) => {
-      setIsFocused(false);
-      props.onBlur?.(event);
-    };
-    let currentState = disabled ? "disabled" : state;
-    if (isFocused && currentState !== "invalid" && currentState !== "disabled") {
-      currentState = "focused";
-    }
-    const sizeClasses = SIZE_CLASSES2[size];
-    const stateClasses = STATE_CLASSES2[currentState];
-    const textareaClasses = `${BASE_TEXTAREA_CLASSES} ${sizeClasses.textarea} ${stateClasses.base} ${stateClasses.hover} ${stateClasses.focus} ${className}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        Text,
-        {
-          as: "label",
-          htmlFor: inputId,
-          size: sizeClasses.textSize,
-          weight: "medium",
-          color: "text-text-950",
-          className: `mb-1.5 ${labelClassName}`,
-          children: label
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "textarea",
-        {
-          ref,
-          id: inputId,
-          disabled,
-          onChange: handleChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          className: textareaClasses,
-          placeholder,
-          ...props
-        }
-      ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-text-500", children: helperMessage })
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
-// src/components/DropdownMenu/DropdownMenu.tsx
-var import_react3 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var DropdownMenuContext = (0, import_react3.createContext)(
-  void 0
-);
-var DropdownMenu = ({ children, open, onOpenChange }) => {
-  const [internalOpen, setInternalOpen] = (0, import_react3.useState)(false);
-  const isControlled = open !== void 0;
-  const currentOpen = isControlled ? open : internalOpen;
-  const setOpen = (0, import_react3.useCallback)(
-    (newOpen) => {
-      if (onOpenChange) onOpenChange(newOpen);
-      if (!isControlled) setInternalOpen(newOpen);
-    },
-    [isControlled, onOpenChange]
-  );
-  const menuRef = (0, import_react3.useRef)(null);
-  const handleArrowDownOrArrowUp = (event) => {
-    const menuContent = menuRef.current?.querySelector('[role="menu"]');
-    if (menuContent) {
-      event.preventDefault();
-      const items = Array.from(
-        menuContent.querySelectorAll(
-          '[role="menuitem"]:not([aria-disabled="true"])'
-        )
-      ).filter((el) => el instanceof HTMLElement);
-      if (items.length === 0) return;
-      const focusedItem = document.activeElement;
-      const currentIndex = items.findIndex((item) => item === focusedItem);
-      let nextIndex;
-      if (event.key === "ArrowDown") {
-        nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;
-      } else {
-        nextIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length;
-      }
-      items[nextIndex]?.focus();
-    }
-  };
-  const handleDownkey = (event) => {
-    if (event.key === "Escape") {
-      setOpen(false);
-    } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-      handleArrowDownOrArrowUp(event);
-    }
-  };
-  const handleClickOutside = (event) => {
-    if (menuRef.current && !menuRef.current.contains(event.target)) {
-      setOpen(false);
-    }
-  };
-  (0, import_react3.useEffect)(() => {
-    if (currentOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-      document.addEventListener("keydown", handleDownkey);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("keydown", handleDownkey);
-    };
-  }, [currentOpen]);
-  const value = (0, import_react3.useMemo)(
-    () => ({ open: currentOpen, setOpen }),
-    [currentOpen, setOpen]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "relative", ref: menuRef, children }) });
-};
-var DropdownMenuTrigger = (0, import_react3.forwardRef)(({ className, children, onClick, ...props }, ref) => {
-  const context = (0, import_react3.useContext)(DropdownMenuContext);
-  if (!context)
-    throw new Error("DropdownMenuTrigger must be used within a DropdownMenu");
-  const { open, setOpen } = context;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    "button",
-    {
-      ref,
-      className: `border border-border-200 cursor-pointer bg-background-muted hover:bg-background-200 transition-colors px-4 py-2 rounded-sm ${className}`,
-      onClick: (e) => {
-        e.stopPropagation();
-        setOpen(!open);
-        if (onClick) onClick(e);
-      },
-      "aria-expanded": open,
-      ...props,
-      children
-    }
-  );
-});
-DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var ITEM_SIZE_CLASSES = {
-  small: "text-sm",
-  medium: "text-md"
-};
-var SIDE_CLASSES = {
-  top: "bottom-full",
-  right: "top-full",
-  bottom: "top-full",
-  left: "top-full"
-};
-var ALIGN_CLASSES = {
-  start: "left-0",
-  center: "left-1/2 -translate-x-1/2",
-  end: "right-0"
-};
-var MenuLabel = (0, import_react3.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  "fieldset",
-  {
-    ref,
-    role: "group",
-    className: `text-sm w-full ${inset ? "pl-8" : ""} ${className ?? ""}`,
-    ...props
-  }
-));
-MenuLabel.displayName = "MenuLabel";
-var MenuContent = (0, import_react3.forwardRef)(
-  ({
-    className,
-    align = "start",
-    side = "bottom",
-    sideOffset = 4,
-    children,
-    ...props
-  }, ref) => {
-    const { open } = (0, import_react3.useContext)(DropdownMenuContext);
-    const [isVisible, setIsVisible] = (0, import_react3.useState)(open);
-    (0, import_react3.useEffect)(() => {
-      if (open) {
-        setIsVisible(true);
-      } else {
-        const timer = setTimeout(() => setIsVisible(false), 200);
-        return () => clearTimeout(timer);
-      }
-    }, [open]);
-    if (!isVisible) return null;
-    const getPositionClasses = () => {
-      const vertical = SIDE_CLASSES[side];
-      const horizontal = ALIGN_CLASSES[align];
-      return `absolute ${vertical} ${horizontal}`;
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "div",
-      {
-        ref,
-        role: "menu",
-        className: `
-        bg-background z-50 min-w-[210px] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md border-border-100
-        ${open ? "animate-in fade-in-0 zoom-in-95" : "animate-out fade-out-0 zoom-out-95"}
-        ${getPositionClasses()}
-        ${className}
-      `,
-        style: {
-          marginTop: side === "bottom" ? sideOffset : void 0,
-          marginBottom: side === "top" ? sideOffset : void 0,
-          marginLeft: side === "right" ? sideOffset : void 0,
-          marginRight: side === "left" ? sideOffset : void 0
-        },
-        ...props,
-        children
-      }
-    );
-  }
-);
-MenuContent.displayName = "MenuContent";
-var MenuItem = (0, import_react3.forwardRef)(
-  ({
-    className,
-    inset,
-    size = "small",
-    children,
-    iconRight,
-    iconLeft,
-    disabled = false,
-    onClick,
-    ...props
-  }, ref) => {
-    const sizeClasses = ITEM_SIZE_CLASSES[size];
-    const handleClick = (e) => {
-      if (disabled) {
-        e.preventDefault();
-        e.stopPropagation();
-        return;
-      }
-      onClick?.(e);
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-      "div",
-      {
-        ref,
-        role: "menuitem",
-        "aria-disabled": disabled,
-        className: `
-          focus-visible:bg-background-50
-          relative flex select-none items-center gap-2 rounded-sm p-3 text-sm outline-none transition-colors [&>svg]:size-4 [&>svg]:shrink-0
-          ${inset && "pl-8"}
-          ${sizeClasses}
-          ${className}
-          ${disabled ? "cursor-not-allowed text-text-400" : "cursor-pointer hover:bg-background-50 text-text-700 focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground"}
-        `,
-        onClick: handleClick,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") handleClick(e);
-        },
-        tabIndex: disabled ? -1 : 0,
-        ...props,
-        children: [
-          iconLeft,
-          children,
-          iconRight
-        ]
-      }
-    );
-  }
-);
-MenuItem.displayName = "MenuItem";
-var MenuSeparator = (0, import_react3.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  "div",
-  {
-    ref,
-    className: `my-1 h-px bg-border-200 ${className}`,
-    ...props
-  }
-));
-MenuSeparator.displayName = "MenuSeparator";
-
-// src/components/Toast/Toast.tsx
-var import_phosphor_react2 = require("phosphor-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var VARIANT_ACTION_CLASSES = {
-  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-800 border border-warning-200 focus-visible:outline-none",
-    success: "bg-success text-success-800 border border-success-200 focus-visible:outline-none",
-    info: "bg-info text-info-800 border border-info-200 focus-visible:outline-none"
-  }
-};
-var iconMap = {
-  success: import_phosphor_react2.CheckCircle,
-  info: import_phosphor_react2.Info,
-  warning: import_phosphor_react2.WarningCircle
-};
-var Toast = ({
-  variant = "outlined",
-  action = "success",
-  className = "",
-  onClose,
-  title,
-  description,
-  position = "default",
-  ...props
-}) => {
-  const variantClasses = VARIANT_ACTION_CLASSES[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_runtime5.jsxs)(
-    "div",
-    {
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconAction, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-md text-text-900", children: description })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(import_phosphor_react2.X, {})
-          }
-        )
-      ]
-    }
-  );
-};
-
-// 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)
-    }));
-  }
-}));
-
-// src/components/Toast/utils/Toaster.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Toaster = () => {
-  const toasts = useToastStore((state) => state.toasts);
-  const removeToast = useToastStore((state) => state.removeToast);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    Toast,
-    {
-      title: toast.title,
-      description: toast.description,
-      variant: toast.variant,
-      action: toast.action,
-      position: toast.position,
-      onClose: () => removeToast(toast.id)
-    },
-    toast.id
-  )) });
-};
-var useToast = () => {
-  const addToast = useToastStore((state) => state.addToast);
-  const removeToast = useToastStore((state) => state.removeToast);
-  return { addToast, removeToast };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CheckBox,
-  DropdownMenu,
-  DropdownMenuTrigger,
-  MenuContent,
-  MenuItem,
-  MenuLabel,
-  MenuSeparator,
-  TextArea,
-  Toast,
-  Toaster,
-  useToast,
-  useToastStore
-});