analytica-frontend-lib 1.0.24 → 1.0.26

package/dist/{chunk-JNPCNN67.mjs → Alert/Alert.mjs}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-TT3VCQGR.mjs";
+} from "../chunk-TT3VCQGR.mjs";
 
 // src/components/Alert/Alert.tsx
 import { CheckCircle, Info, WarningCircle, XCircle } from "phosphor-react";
@@ -80,7 +80,6 @@ var Alert = ({
     }
   );
 };
-
 export {
   Alert
 };

package/dist/{components/Badge → Badge}/Badge.js

@@ -41,7 +41,7 @@ var VARIANT_ACTION_CLASSES = {
     muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
   },
   exams: {
-    exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
+    exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
     exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
     exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
     exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -77,7 +77,7 @@ var Badge = ({
   const sizeClassesIcon = SIZE_CLASSES_ICON[size];
   const variantActionMap = VARIANT_ACTION_CLASSES[variant] || {};
   const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
-  const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
+  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__ */ (0, import_jsx_runtime.jsxs)(

package/dist/{chunk-GSEO6POW.mjs → Badge/Badge.mjs}

@@ -17,7 +17,7 @@ var VARIANT_ACTION_CLASSES = {
     muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
   },
   exams: {
-    exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
+    exam1: "bg-exam-1 text-info-700 focus-visible:outline-none",
     exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
     exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
     exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
@@ -53,7 +53,7 @@ var Badge = ({
   const sizeClassesIcon = SIZE_CLASSES_ICON[size];
   const variantActionMap = VARIANT_ACTION_CLASSES[variant] || {};
   const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
-  const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
+  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(
@@ -87,7 +87,6 @@ var Badge = ({
     }
   );
 };
-
 export {
   Badge
 };

package/dist/{chunk-IB4IJ3GF.mjs → Button/Button.mjs}

@@ -54,7 +54,6 @@ var Button = ({
     }
   );
 };
-
 export {
   Button
 };

package/dist/{chunk-LYOJCBOM.mjs → CheckBox/CheckBox.mjs}

@@ -1,6 +1,7 @@
+"use client";
 import {
   Text
-} from "./chunk-TT3VCQGR.mjs";
+} from "../chunk-TT3VCQGR.mjs";
 
 // src/components/CheckBox/CheckBox.tsx
 import {
@@ -189,7 +190,6 @@ var CheckBox = forwardRef(
   }
 );
 CheckBox.displayName = "CheckBox";
-
 export {
   CheckBox
 };

package/dist/{chunk-KT6HNGRV.mjs → DropdownMenu/DropdownMenu.mjs}

@@ -1,3 +1,5 @@
+"use client";
+
 // src/components/DropdownMenu/DropdownMenu.tsx
 import {
   createContext,
@@ -230,12 +232,11 @@ var MenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 MenuSeparator.displayName = "MenuSeparator";
-
 export {
   DropdownMenu,
   DropdownMenuTrigger,
-  MenuLabel,
   MenuContent,
   MenuItem,
+  MenuLabel,
   MenuSeparator
 };

package/dist/{chunk-RPYPJ5O5.mjs → IconButton/IconButton.mjs}

@@ -49,7 +49,6 @@ var IconButton = forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-
 export {
   IconButton
 };

package/dist/{chunk-QOFMTSHE.mjs → IconRoundedButton/IconRoundedButton.mjs}

@@ -38,7 +38,6 @@ var IconRoundedButton = ({
     }
   );
 };
-
 export {
   IconRoundedButton
 };

package/dist/{chunk-CETSS3RA.mjs → NavButton/NavButton.mjs}

@@ -46,7 +46,6 @@ var NavButton = forwardRef(
   }
 );
 NavButton.displayName = "NavButton";
-
 export {
   NavButton
 };

package/dist/{chunk-SESX5OEP.mjs → SelectionButton/SelectionButton.mjs}

@@ -51,7 +51,6 @@ var SelectionButton = forwardRef(
   }
 );
 SelectionButton.displayName = "SelectionButton";
-
 export {
   SelectionButton
 };

package/dist/{chunk-NWGRQN6R.mjs → Table/Table.mjs}

@@ -95,14 +95,13 @@ var TableCaption = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 TableCaption.displayName = "TableCaption";
-
 export {
   Table,
-  TableHeader,
   TableBody,
+  TableCaption,
+  TableCell,
   TableFooter,
-  TableRow,
   TableHead,
-  TableCell,
-  TableCaption
+  TableHeader,
+  TableRow
 };

package/dist/{components/Text → Text}/Text.mjs

@@ -1,6 +1,6 @@
 import {
   Text
-} from "../../chunk-TT3VCQGR.mjs";
+} from "../chunk-TT3VCQGR.mjs";
 export {
   Text
 };

package/dist/{chunk-QODEDLAX.mjs → TextArea/TextArea.mjs}

@@ -1,6 +1,7 @@
+"use client";
 import {
   Text
-} from "./chunk-TT3VCQGR.mjs";
+} from "../chunk-TT3VCQGR.mjs";
 
 // src/components/TextArea/TextArea.tsx
 import {
@@ -136,7 +137,6 @@ var TextArea = forwardRef(
   }
 );
 TextArea.displayName = "TextArea";
-
 export {
   TextArea
 };

package/dist/{components/Toast → Toast}/Toast.js

@@ -33,9 +33,9 @@ var VARIANT_ACTION_CLASSES = {
     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",
+    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-800 border border-info-200 focus-visible:outline-none"
+    info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
   }
 };
 var iconMap = {

package/dist/{components/Toast → Toast}/Toast.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   Toast
-} from "../../chunk-MI5FIRHM.mjs";
+} from "../chunk-XYTNJU4A.mjs";
 export {
   Toast
 };

package/dist/{components/Toast → Toast}/utils/ToastStore.d.mts

@@ -16,4 +16,4 @@ type ToastStore = {
 };
 declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
 
-export { type ToastData, useToastStore };
+export { useToastStore };

package/dist/{components/Toast → Toast}/utils/ToastStore.d.ts

@@ -16,4 +16,4 @@ type ToastStore = {
 };
 declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
 
-export { type ToastData, useToastStore };
+export { useToastStore };

package/dist/{components/Toast → Toast}/utils/ToastStore.mjs

@@ -1,6 +1,6 @@
 import {
   useToastStore
-} from "../../../chunk-WIOCQOM7.mjs";
+} from "../../chunk-WIOCQOM7.mjs";
 export {
   useToastStore
 };

package/dist/Toast/utils/Toaster.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+declare const useToast: () => {
+    addToast: (toast: Omit<{
+        id: string;
+        title: string;
+        description?: string;
+        variant?: "solid" | "outlined";
+        action?: "warning" | "success" | "info";
+        position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "default";
+    }, "id">) => void;
+    removeToast: (id: string) => void;
+};
+
+export { Toaster, useToast };

package/dist/Toast/utils/Toaster.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+declare const useToast: () => {
+    addToast: (toast: Omit<{
+        id: string;
+        title: string;
+        description?: string;
+        variant?: "solid" | "outlined";
+        action?: "warning" | "success" | "info";
+        position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "default";
+    }, "id">) => void;
+    removeToast: (id: string) => void;
+};
+
+export { Toaster, useToast };

package/dist/{components/Toast → Toast}/utils/Toaster.js

@@ -53,9 +53,9 @@ var VARIANT_ACTION_CLASSES = {
     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",
+    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-800 border border-info-200 focus-visible:outline-none"
+    info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
   }
 };
 var iconMap = {

package/dist/{chunk-IH5TEC64.mjs → Toast/utils/Toaster.mjs}

@@ -1,9 +1,10 @@
+"use client";
 import {
   Toast
-} from "./chunk-MI5FIRHM.mjs";
+} from "../../chunk-XYTNJU4A.mjs";
 import {
   useToastStore
-} from "./chunk-WIOCQOM7.mjs";
+} from "../../chunk-WIOCQOM7.mjs";
 
 // src/components/Toast/utils/Toaster.tsx
 import { Fragment, jsx } from "react/jsx-runtime";
@@ -28,7 +29,6 @@ var useToast = () => {
   const removeToast = useToastStore((state) => state.removeToast);
   return { addToast, removeToast };
 };
-
 export {
   Toaster,
   useToast

package/dist/{chunk-MI5FIRHM.mjs → chunk-XYTNJU4A.mjs}

@@ -8,9 +8,9 @@ var VARIANT_ACTION_CLASSES = {
     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",
+    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-800 border border-info-200 focus-visible:outline-none"
+    info: "bg-info text-info-600 border border-info-600 focus-visible:outline-none"
   }
 };
 var iconMap = {

package/dist/index.css

@@ -110,12 +110,13 @@
     --color-error-700: #b91c1c;
     --color-error-800: #991b1b;
     --color-warning: #fff9f5;
-    --color-warning-200: #fecdaa;
     --color-warning-300: #fdad74;
+    --color-warning-600: #d76c1f;
     --color-warning-800: #824417;
     --color-info: #ecf8fe;
-    --color-info-200: #7ccff8;
     --color-info-300: #57c2f6;
+    --color-info-600: #0b8dcd;
+    --color-info-700: #0973a8;
     --color-info-800: #075a83;
     --color-indicator-primary: #373737;
     --color-indicator-info: #5399ec;
@@ -728,12 +729,12 @@
   .border-indicator-primary {
     border-color: var(--color-indicator-primary);
   }
-  .border-info-200 {
-    border-color: var(--color-info-200);
-  }
   .border-info-300 {
     border-color: var(--color-info-300);
   }
+  .border-info-600 {
+    border-color: var(--color-info-600);
+  }
   .border-primary-600 {
     border-color: var(--color-primary-600);
   }
@@ -758,9 +759,6 @@
   .border-transparent {
     border-color: transparent;
   }
-  .border-warning-200 {
-    border-color: var(--color-warning-200);
-  }
   .border-warning-300 {
     border-color: var(--color-warning-300);
   }
@@ -1007,8 +1005,11 @@
   .text-gray-800 {
     color: var(--color-gray-800);
   }
-  .text-info-200 {
-    color: var(--color-info-200);
+  .text-info-600 {
+    color: var(--color-info-600);
+  }
+  .text-info-700 {
+    color: var(--color-info-700);
   }
   .text-info-800 {
     color: var(--color-info-800);
@@ -1058,6 +1059,9 @@
   .text-typography-2 {
     color: var(--color-typography-2);
   }
+  .text-warning-600 {
+    color: var(--color-warning-600);
+  }
   .text-warning-800 {
     color: var(--color-warning-800);
   }

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ElementType, ReactNode, ComponentPropsWithoutRef, ButtonHTMLAttributes, HTMLAttributes, TdHTMLAttributes } from 'react';
+import react__default, { ElementType, ReactNode, ComponentPropsWithoutRef, ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
+import * as zustand from 'zustand';
 
 /**
  * Base text component props
@@ -151,19 +152,6 @@ type AlertProps = {
 } & HTMLAttributes<HTMLDivElement>;
 declare const Alert: ({ variant, title, description, action, className, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * IconButton component props interface
- */
-type IconButtonProps = {
-    /** Ícone a ser exibido no botão */
-    icon: ReactNode;
-    /** Tamanho do botão */
-    size?: 'sm' | 'md';
-    /** Estado de seleção/ativo do botão - permanece ativo até ser clicado novamente ou outro botão ser ativado */
-    active?: boolean;
-    /** Additional CSS classes to apply */
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
 /**
  * IconButton component for Analytica Ensino platforms
  *
@@ -363,17 +351,157 @@ declare const SelectionButton: react.ForwardRefExoticComponent<{
     className?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
 
-type TableRowState = 'default' | 'selected' | 'invalid' | 'disabled';
-interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    state?: TableRowState;
-}
 declare const Table: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableElement> & react.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableSectionElement> & react.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: react.ForwardRefExoticComponent<TableRowProps & react.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: react.ForwardRefExoticComponent<TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: react.ForwardRefExoticComponent<HTMLAttributes<HTMLTableCaptionElement> & react.RefAttributes<HTMLTableCaptionElement>>;
 
-export { Alert, Badge, Button, IconButton, type IconButtonProps, IconRoundedButton, NavButton, SelectionButton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text };
+/**
+ * CheckBox size variants
+ */
+type CheckBoxSize = 'small' | 'medium' | 'large';
+/**
+ * CheckBox visual state
+ */
+type CheckBoxState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
+/**
+ * CheckBox component for Analytica Ensino platforms
+ *
+ * A checkbox component with essential states, sizes and themes.
+ * Uses the Analytica Ensino Design System colors from styles.css with automatic
+ * light/dark mode support. Includes Text component integration for consistent typography.
+ *
+ * @example
+ * ```tsx
+ * // Basic checkbox
+ * <CheckBox label="Option" />
+ *
+ * // Small size
+ * <CheckBox size="small" label="Small option" />
+ *
+ * // Invalid state
+ * <CheckBox state="invalid" label="Required field" />
+ *
+ * // Disabled state
+ * <CheckBox disabled label="Disabled option" />
+ * ```
+ */
+declare const CheckBox: react.ForwardRefExoticComponent<{
+    /** Label text to display next to the checkbox */
+    label?: ReactNode;
+    /** Size variant of the checkbox */
+    size?: CheckBoxSize;
+    /** Visual state of the checkbox */
+    state?: CheckBoxState;
+    /** Indeterminate state for partial selections */
+    indeterminate?: boolean;
+    /** Error message to display */
+    errorMessage?: string;
+    /** Helper text to display */
+    helperText?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Label CSS classes */
+    labelClassName?: string;
+} & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & react.RefAttributes<HTMLInputElement>>;
+
+/**
+ * TextArea size variants
+ */
+type TextAreaSize = 'small' | 'medium' | 'large' | 'extraLarge';
+/**
+ * TextArea visual state
+ */
+type TextAreaState = 'default' | 'hovered' | 'focused' | 'invalid' | 'disabled';
+/**
+ * TextArea component for Analytica Ensino platforms
+ *
+ * A textarea component with essential states, sizes and themes.
+ * Uses exact design specifications with 288px width, 96px height, and specific
+ * color values. Includes Text component integration for consistent typography.
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea
+ * <TextArea label="Description" placeholder="Enter description..." />
+ *
+ * // Small size
+ * <TextArea size="small" label="Comment" />
+ *
+ * // Invalid state
+ * <TextArea state="invalid" label="Required field" errorMessage="This field is required" />
+ *
+ * // Disabled state
+ * <TextArea disabled label="Read-only field" />
+ * ```
+ */
+declare const TextArea: react__default.ForwardRefExoticComponent<{
+    /** Label text to display above the textarea */
+    label?: ReactNode;
+    /** Size variant of the textarea */
+    size?: TextAreaSize;
+    /** Visual state of the textarea */
+    state?: TextAreaState;
+    /** Error message to display */
+    errorMessage?: string;
+    /** Helper text to display */
+    helperMessage?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Label CSS classes */
+    labelClassName?: string;
+} & Omit<react__default.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & react__default.RefAttributes<HTMLTextAreaElement>>;
+
+interface DropdownMenuProps {
+    children: ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const DropdownMenu: ({ children, open, onOpenChange }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
+declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLFieldSetElement> & {
+    inset?: boolean;
+} & react.RefAttributes<HTMLFieldSetElement>>;
+declare const MenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    align?: "start" | "center" | "end";
+    side?: "top" | "right" | "bottom" | "left";
+    sideOffset?: number;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    inset?: boolean;
+    size?: "small" | "medium";
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    disabled?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const MenuSeparator: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+type ToastPosition$1 = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
+type ToastProps = {
+    title: string;
+    description?: string;
+    onClose: () => void;
+    /** Visual variant of the badge */
+    variant?: 'solid' | 'outlined';
+    /** Action type of the badge  */
+    action?: 'warning' | 'success' | 'info';
+    position?: ToastPosition$1;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Toast: ({ variant, action, className, onClose, title, description, position, ...props }: ToastProps) => react_jsx_runtime.JSX.Element;
+
+declare const Toaster: () => react_jsx_runtime.JSX.Element;
+
+type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'default';
+type ToastData = {
+    id: string;
+    title: string;
+    description?: string;
+    variant?: 'solid' | 'outlined';
+    action?: 'warning' | 'success' | 'info';
+    position?: ToastPosition;
+};
+type ToastStore = {
+    toasts: ToastData[];
+    addToast: (toast: Omit<ToastData, 'id'>) => void;
+    removeToast: (id: string) => void;
+};
+declare const useToastStore: zustand.UseBoundStore<zustand.StoreApi<ToastStore>>;
+
+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 };