analytica-frontend-lib 1.0.27 → 1.0.28

package/dist/index.js

@@ -18,30 +18,30 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Alert: () => Alert,
-  Badge: () => Badge,
-  Button: () => Button,
-  CheckBox: () => CheckBox,
-  DropdownMenu: () => DropdownMenu,
+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,
-  IconRoundedButton: () => IconRoundedButton,
-  NavButton: () => NavButton,
-  SelectionButton: () => SelectionButton,
-  Table: () => Table,
-  Text: () => Text,
-  TextArea: () => TextArea,
-  Toast: () => Toast,
-  Toaster: () => Toaster,
-  useToastStore: () => useToastStore
+  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(index_exports);
+module.exports = __toCommonJS(src_exports);
 
 // src/components/Text/Text.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -92,6 +92,7 @@ var Text = ({
     }
   );
 };
+var Text_default = Text;
 
 // src/components/Button/Button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -149,6 +150,7 @@ var Button = ({
     }
   );
 };
+var Button_default = Button;
 
 // src/components/Badge/Badge.tsx
 var import_phosphor_react = require("phosphor-react");
@@ -239,6 +241,7 @@ var Badge = ({
     }
   );
 };
+var Badge_default = Badge;
 
 // src/components/Alert/Alert.tsx
 var import_phosphor_react2 = require("phosphor-react");
@@ -295,7 +298,7 @@ var Alert = ({
         /* @__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,
+            Text_default,
             {
               size: "md",
               weight: "medium",
@@ -305,7 +308,7 @@ var Alert = ({
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            Text,
+            Text_default,
             {
               size: hasHeading ? "sm" : "md",
               weight: "normal",
@@ -318,6 +321,7 @@ var Alert = ({
     }
   );
 };
+var Alert_default = Alert;
 
 // src/components/IconButton/IconButton.tsx
 var import_react = require("react");
@@ -370,6 +374,7 @@ var IconButton = (0, import_react.forwardRef)(
   }
 );
 IconButton.displayName = "IconButton";
+var IconButton_default = IconButton;
 
 // src/components/IconRoundedButton/IconRoundedButton.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
@@ -411,6 +416,7 @@ var IconRoundedButton = ({
     }
   );
 };
+var IconRoundedButton_default = IconRoundedButton;
 
 // src/components/NavButton/NavButton.tsx
 var import_react2 = require("react");
@@ -460,6 +466,7 @@ var NavButton = (0, import_react2.forwardRef)(
   }
 );
 NavButton.displayName = "NavButton";
+var NavButton_default = NavButton;
 
 // src/components/SelectionButton/SelectionButton.tsx
 var import_react3 = require("react");
@@ -514,6 +521,7 @@ var SelectionButton = (0, import_react3.forwardRef)(
   }
 );
 SelectionButton.displayName = "SelectionButton";
+var SelectionButton_default = SelectionButton;
 
 // src/components/Table/Table.tsx
 var import_react4 = require("react");
@@ -612,6 +620,7 @@ var TableCaption = (0, import_react4.forwardRef)(({ className, ...props }, ref)
   }
 ));
 TableCaption.displayName = "TableCaption";
+var Table_default = Table;
 
 // src/components/CheckBox/CheckBox.tsx
 var import_react5 = require("react");
@@ -757,7 +766,7 @@ var CheckBox = (0, import_react5.forwardRef)(
               {
                 className: `flex flex-row items-center ${sizeClasses.labelHeight}`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                  Text,
+                  Text_default,
                   {
                     as: "label",
                     htmlFor: inputId,
@@ -773,7 +782,7 @@ var CheckBox = (0, import_react5.forwardRef)(
         }
       ),
       errorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        Text,
+        Text_default,
         {
           size: "sm",
           weight: "normal",
@@ -783,7 +792,7 @@ var CheckBox = (0, import_react5.forwardRef)(
         }
       ),
       helperText && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        Text,
+        Text_default,
         {
           size: "sm",
           weight: "normal",
@@ -796,6 +805,7 @@ var CheckBox = (0, import_react5.forwardRef)(
   }
 );
 CheckBox.displayName = "CheckBox";
+var CheckBox_default = CheckBox;
 
 // src/components/TextArea/TextArea.tsx
 var import_react6 = require("react");
@@ -896,7 +906,7 @@ var TextArea = (0, import_react6.forwardRef)(
     const textareaClasses = `${BASE_TEXTAREA_CLASSES} ${sizeClasses.textarea} ${stateClasses.base} ${stateClasses.hover} ${stateClasses.focus} ${className}`;
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        Text,
+        Text_default,
         {
           as: "label",
           htmlFor: inputId,
@@ -921,16 +931,128 @@ var TextArea = (0, import_react6.forwardRef)(
           ...props
         }
       ),
-      errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { size: "sm", weight: "normal", className: "mt-1.5 text-error-600", children: errorMessage }),
-      helperMessage && !errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.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 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_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var DropdownMenuContext = (0, import_react7.createContext)(
   void 0
 );
@@ -993,14 +1115,14 @@ var DropdownMenu = ({ children, open, onOpenChange }) => {
     () => ({ open: currentOpen, setOpen }),
     [currentOpen, setOpen]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime12.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 = (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__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       ref,
@@ -1032,7 +1154,7 @@ var ALIGN_CLASSES = {
   center: "left-1/2 -translate-x-1/2",
   end: "right-0"
 };
-var MenuLabel = (0, import_react7.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var MenuLabel = (0, import_react7.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "fieldset",
   {
     ref,
@@ -1067,7 +1189,7 @@ var MenuContent = (0, import_react7.forwardRef)(
       const horizontal = ALIGN_CLASSES[align];
       return `absolute ${vertical} ${horizontal}`;
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref,
@@ -1112,7 +1234,7 @@ var MenuItem = (0, import_react7.forwardRef)(
       }
       onClick?.(e);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         ref,
@@ -1142,7 +1264,7 @@ var MenuItem = (0, import_react7.forwardRef)(
   }
 );
 MenuItem.displayName = "MenuItem";
-var MenuSeparator = (0, import_react7.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var MenuSeparator = (0, import_react7.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "div",
   {
     ref,
@@ -1151,114 +1273,7 @@ var MenuSeparator = (0, import_react7.forwardRef)(({ className, ...props }, ref)
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-
-// src/components/Toast/Toast.tsx
-var import_phosphor_react4 = require("phosphor-react");
-var import_jsx_runtime13 = 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_runtime13.jsxs)(
-    "div",
-    {
-      role: "alert",
-      "aria-live": "assertive",
-      "aria-atomic": "true",
-      className: `${baseClasses} ${positionClasses[position]} ${variantClasses} ${className}`,
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-row items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "mt-1", "data-testid": `toast-icon-${action}`, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(IconAction, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col items-start justify-start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "font-semibold text-md", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-md text-text-900", children: description })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)(import_phosphor_react4.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_runtime14 = require("react/jsx-runtime");
-var Toaster = () => {
-  const toasts = useToastStore((state) => state.toasts);
-  const removeToast = useToastStore((state) => state.removeToast);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    Toast,
-    {
-      title: toast.title,
-      description: toast.description,
-      variant: toast.variant,
-      action: toast.action,
-      position: toast.position,
-      onClose: () => removeToast(toast.id)
-    },
-    toast.id
-  )) });
-};
+var DropdownMenu_default = DropdownMenu;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -1282,3 +1297,4 @@ var Toaster = () => {
   Toaster,
   useToastStore
 });
+//# sourceMappingURL=index.js.map