analytica-frontend-lib 1.0.47 → 1.0.49

package/dist/index.d.mts

@@ -20,74 +20,11 @@ export { default as ProgressBar } from './ProgressBar/index.mjs';
 export { default as ProgressCircle } from './ProgressCircle/index.mjs';
 export { default as Stepper } from './Stepper/index.mjs';
 export { default as Calendar } from './Calendar/index.mjs';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+export { default as Modal } from './Modal/index.mjs';
 export { default as DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuContent, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.mjs';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.mjs';
 export { default as Menu, MenuItem, MenuSeparator } from './Menu/index.mjs';
 export { CardActivesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardStatus, CardTopic } from './Card/index.mjs';
+import 'react/jsx-runtime';
+import 'react';
 import 'zustand';
-
-/**
- * Modal component props interface
- */
-type ModalProps = {
-    /** Whether the modal is open */
-    isOpen: boolean;
-    /** Function to close the modal */
-    onClose: () => void;
-    /** Modal title */
-    title: string;
-    /** Modal description/content */
-    children: ReactNode;
-    /** Size of the modal */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Additional CSS classes for the modal content */
-    className?: string;
-    /** Whether clicking the backdrop should close the modal */
-    closeOnBackdropClick?: boolean;
-    /** Whether pressing Escape should close the modal */
-    closeOnEscape?: boolean;
-    /** Footer content (typically buttons) */
-    footer?: ReactNode;
-    /** Hide the close button */
-    hideCloseButton?: boolean;
-};
-/**
- * Modal component for Analytica Ensino platforms
- *
- * A flexible modal component with multiple size variants and customizable behavior.
- *
- * @param isOpen - Whether the modal is currently open
- * @param onClose - Callback function called when the modal should be closed
- * @param title - The title displayed at the top of the modal
- * @param children - The main content of the modal
- * @param size - The size variant (xs, sm, md, lg, xl)
- * @param className - Additional CSS classes for the modal content
- * @param closeOnBackdropClick - Whether clicking the backdrop closes the modal (default: true)
- * @param closeOnEscape - Whether pressing Escape closes the modal (default: true)
- * @param footer - Footer content, typically action buttons
- * @param hideCloseButton - Whether to hide the X close button (default: false)
- * @returns A modal overlay with content
- *
- * @example
- * ```tsx
- * <Modal
- *   isOpen={isModalOpen}
- *   onClose={() => setIsModalOpen(false)}
- *   title="Invite your team"
- *   size="md"
- *   footer={
- *     <div className="flex gap-3">
- *       <Button variant="outline" onClick={() => setIsModalOpen(false)}>Cancel</Button>
- *       <Button variant="solid" onClick={handleExplore}>Explore</Button>
- *     </div>
- *   }
- * >
- *   Elevate user interactions with our versatile modals.
- * </Modal>
- * ```
- */
-declare const Modal: ({ isOpen, onClose, title, children, size, className, closeOnBackdropClick, closeOnEscape, footer, hideCloseButton, }: ModalProps) => react_jsx_runtime.JSX.Element | null;
-
-export { Modal };

package/dist/index.d.ts

@@ -20,74 +20,11 @@ export { default as ProgressBar } from './ProgressBar/index.js';
 export { default as ProgressCircle } from './ProgressCircle/index.js';
 export { default as Stepper } from './Stepper/index.js';
 export { default as Calendar } from './Calendar/index.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+export { default as Modal } from './Modal/index.js';
 export { default as DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, MenuContent, MenuLabel, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger } from './DropdownMenu/index.js';
 export { default as Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select/index.js';
 export { default as Menu, MenuItem, MenuSeparator } from './Menu/index.js';
 export { CardActivesResults, CardPerformance, CardProgress, CardQuestions, CardResults, CardStatus, CardTopic } from './Card/index.js';
+import 'react/jsx-runtime';
+import 'react';
 import 'zustand';
-
-/**
- * Modal component props interface
- */
-type ModalProps = {
-    /** Whether the modal is open */
-    isOpen: boolean;
-    /** Function to close the modal */
-    onClose: () => void;
-    /** Modal title */
-    title: string;
-    /** Modal description/content */
-    children: ReactNode;
-    /** Size of the modal */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Additional CSS classes for the modal content */
-    className?: string;
-    /** Whether clicking the backdrop should close the modal */
-    closeOnBackdropClick?: boolean;
-    /** Whether pressing Escape should close the modal */
-    closeOnEscape?: boolean;
-    /** Footer content (typically buttons) */
-    footer?: ReactNode;
-    /** Hide the close button */
-    hideCloseButton?: boolean;
-};
-/**
- * Modal component for Analytica Ensino platforms
- *
- * A flexible modal component with multiple size variants and customizable behavior.
- *
- * @param isOpen - Whether the modal is currently open
- * @param onClose - Callback function called when the modal should be closed
- * @param title - The title displayed at the top of the modal
- * @param children - The main content of the modal
- * @param size - The size variant (xs, sm, md, lg, xl)
- * @param className - Additional CSS classes for the modal content
- * @param closeOnBackdropClick - Whether clicking the backdrop closes the modal (default: true)
- * @param closeOnEscape - Whether pressing Escape closes the modal (default: true)
- * @param footer - Footer content, typically action buttons
- * @param hideCloseButton - Whether to hide the X close button (default: false)
- * @returns A modal overlay with content
- *
- * @example
- * ```tsx
- * <Modal
- *   isOpen={isModalOpen}
- *   onClose={() => setIsModalOpen(false)}
- *   title="Invite your team"
- *   size="md"
- *   footer={
- *     <div className="flex gap-3">
- *       <Button variant="outline" onClick={() => setIsModalOpen(false)}>Cancel</Button>
- *       <Button variant="solid" onClick={handleExplore}>Explore</Button>
- *     </div>
- *   }
- * >
- *   Elevate user interactions with our versatile modals.
- * </Modal>
- * ```
- */
-declare const Modal: ({ isOpen, onClose, title, children, size, className, closeOnBackdropClick, closeOnEscape, footer, hideCloseButton, }: ModalProps) => react_jsx_runtime.JSX.Element | null;
-
-export { Modal };

package/dist/index.js

@@ -1035,29 +1035,21 @@ var import_react7 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var SIZE_CLASSES5 = {
   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"
@@ -1127,7 +1119,7 @@ var TextArea = (0, import_react7.forwardRef)(
     const sizeClasses = SIZE_CLASSES5[size];
     const stateClasses = STATE_CLASSES3[currentState];
     const textareaClasses = `${BASE_TEXTAREA_CLASSES} ${sizeClasses.textarea} ${stateClasses.base} ${stateClasses.hover} ${stateClasses.focus} ${className}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex flex-col ${sizeClasses.container}`, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex flex-col`, children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         Text_default,
         {
@@ -3738,7 +3730,7 @@ var MenuItem = (0, import_react13.forwardRef)(
           className: `
             w-full flex flex-col gap-0.5 items-center py-1 px-2 rounded-sm font-medium text-xs
             [&>svg]:size-6 cursor-pointer hover:bg-primary-600 hover:text-text
-            focus:outline-none focus:border-2-indicator-info focus:border-2
+            focus:outline-none focus:border-indicator-info focus:border-2
             ${selectedValue === value ? "bg-primary-50 text-primary-950" : "text-text-950"}
             ${className ?? ""}
           `,
@@ -3751,7 +3743,8 @@ var MenuItem = (0, import_react13.forwardRef)(
         {
           "data-variant": "menu2",
           className: `
-            flex flex-row items-center p-4 gap-2 border-b-2 border-transparent text-text-950 text-sx font-bold cursor-pointer
+            flex flex-row items-center p-4 gap-2 border-b-2 border-transparent text-text-950 text-sx font-bold cursor-pointer focus:rounded-sm
+            focus:outline-none focus:border-indicator-info focus:border-2
             ${selectedValue === value ? "border-b-primary-950" : ""}
           `,
           ...commonProps,
@@ -3763,7 +3756,7 @@ var MenuItem = (0, import_react13.forwardRef)(
         {
           "data-variant": "breadcrumb",
           className: `
-            p-2 rounded-lg hover:text-primary-600 cursor-pointer font-bold text-xs
+            p-2 rounded-lg hover:text-primary-600 cursor-pointer font-bold text-xs 
             focus:outline-none focus:border-indicator-info focus:border-2
             ${selectedValue === value ? "text-primary-950" : "text-text-600"}
             ${className ?? ""}