analytica-frontend-lib 1.0.21 → 1.0.23

package/dist/IconRoundedButton/IconRoundedButton.mjs

@@ -0,0 +1,43 @@
+// src/components/IconRoundedButton/IconRoundedButton.tsx
+import { jsx } from "react/jsx-runtime";
+var IconRoundedButton = ({
+  icon,
+  className = "",
+  disabled,
+  ...props
+}) => {
+  const baseClasses = [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "w-8",
+    "h-8",
+    "rounded-full",
+    "cursor-pointer",
+    "border",
+    "border-background-200",
+    "bg-background",
+    "text-text-950",
+    "hover:shadow-hard-shadow-1",
+    "focus-visible:outline-none",
+    "focus-visible:shadow-hard-shadow-1",
+    "focus-visible:ring-2",
+    "focus-visible:ring-indicator-info",
+    "focus-visible:ring-offset-0",
+    "disabled:opacity-50",
+    "disabled:cursor-not-allowed"
+  ].join(" ");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: `${baseClasses} ${className}`,
+      disabled,
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon })
+    }
+  );
+};
+export {
+  IconRoundedButton
+};

package/dist/NavButton/NavButton.d.mts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * NavButton component for Analytica Ensino platforms
+ *
+ * Um botão de navegação com ícone e texto para navegação principal.
+ * Ideal para menus de navegação, sidebar, tabs de navegação, etc.
+ * Compatível com Next.js 15 e React 19.
+ * Suporta forwardRef para acesso programático ao elemento DOM.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param label - O texto/label a ser exibido
+ * @param selected - Estado de seleção do botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button estilizado para navegação
+ *
+ * @example
+ * ```tsx
+ * <NavButton
+ *   icon={<HomeIcon />}
+ *   label="Início"
+ *   selected={false}
+ *   onClick={() => navigate('/')}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usando ref para foco programático
+ * const buttonRef = useRef<HTMLButtonElement>(null);
+ *
+ * const handleFocus = () => {
+ *   buttonRef.current?.focus();
+ * };
+ *
+ * <NavButton
+ *   ref={buttonRef}
+ *   icon={<HomeIcon />}
+ *   label="Dashboard"
+ *   selected={isActive}
+ *   onClick={() => setActiveTab('dashboard')}
+ * />
+ * ```
+ */
+declare const NavButton: react.ForwardRefExoticComponent<{
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Texto/label a ser exibido ao lado do ícone */
+    label: string;
+    /** Estado de seleção do botão */
+    selected?: boolean;
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+export { NavButton };

package/dist/NavButton/NavButton.d.ts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * NavButton component for Analytica Ensino platforms
+ *
+ * Um botão de navegação com ícone e texto para navegação principal.
+ * Ideal para menus de navegação, sidebar, tabs de navegação, etc.
+ * Compatível com Next.js 15 e React 19.
+ * Suporta forwardRef para acesso programático ao elemento DOM.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param label - O texto/label a ser exibido
+ * @param selected - Estado de seleção do botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button estilizado para navegação
+ *
+ * @example
+ * ```tsx
+ * <NavButton
+ *   icon={<HomeIcon />}
+ *   label="Início"
+ *   selected={false}
+ *   onClick={() => navigate('/')}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usando ref para foco programático
+ * const buttonRef = useRef<HTMLButtonElement>(null);
+ *
+ * const handleFocus = () => {
+ *   buttonRef.current?.focus();
+ * };
+ *
+ * <NavButton
+ *   ref={buttonRef}
+ *   icon={<HomeIcon />}
+ *   label="Dashboard"
+ *   selected={isActive}
+ *   onClick={() => setActiveTab('dashboard')}
+ * />
+ * ```
+ */
+declare const NavButton: react.ForwardRefExoticComponent<{
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Texto/label a ser exibido ao lado do ícone */
+    label: string;
+    /** Estado de seleção do botão */
+    selected?: boolean;
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+export { NavButton };

package/dist/NavButton/NavButton.js

@@ -0,0 +1,76 @@
+"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/components/NavButton/NavButton.tsx
+var NavButton_exports = {};
+__export(NavButton_exports, {
+  NavButton: () => NavButton
+});
+module.exports = __toCommonJS(NavButton_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var NavButton = (0, import_react.forwardRef)(
+  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
+    const baseClasses = [
+      "flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "gap-0.5",
+      "px-12",
+      "py-1",
+      "rounded-sm",
+      "cursor-pointer",
+      "text-text-950",
+      "text-xs",
+      "font-medium",
+      "hover:text-text",
+      "hover:bg-primary-600",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-offset-0",
+      "focus-visible:ring-indicator-info",
+      "disabled:opacity-50",
+      "disabled:cursor-not-allowed",
+      "disabled:pointer-events-none"
+    ];
+    const stateClasses = selected ? ["bg-primary-50", "text-primary-950"] : [];
+    const allClasses = [...baseClasses, ...stateClasses].join(" ");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: `${allClasses} ${className}`,
+        disabled,
+        "aria-pressed": selected,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "whitespace-nowrap", children: label })
+        ]
+      }
+    );
+  }
+);
+NavButton.displayName = "NavButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavButton
+});

package/dist/NavButton/NavButton.mjs

@@ -0,0 +1,51 @@
+// src/components/NavButton/NavButton.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NavButton = forwardRef(
+  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
+    const baseClasses = [
+      "flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "gap-0.5",
+      "px-12",
+      "py-1",
+      "rounded-sm",
+      "cursor-pointer",
+      "text-text-950",
+      "text-xs",
+      "font-medium",
+      "hover:text-text",
+      "hover:bg-primary-600",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-offset-0",
+      "focus-visible:ring-indicator-info",
+      "disabled:opacity-50",
+      "disabled:cursor-not-allowed",
+      "disabled:pointer-events-none"
+    ];
+    const stateClasses = selected ? ["bg-primary-50", "text-primary-950"] : [];
+    const allClasses = [...baseClasses, ...stateClasses].join(" ");
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: `${allClasses} ${className}`,
+        disabled,
+        "aria-pressed": selected,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label })
+        ]
+      }
+    );
+  }
+);
+NavButton.displayName = "NavButton";
+export {
+  NavButton
+};

package/dist/SelectionButton/SelectionButton.d.mts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * SelectionButton component for Analytica Ensino platforms
+ *
+ * Um botão com ícone e texto para ações e navegação com estado de seleção.
+ * Ideal para filtros, tags, categorias, seleção de tipos, etc.
+ * Compatível com Next.js 15 e React 19.
+ * Suporta forwardRef para acesso programático ao elemento DOM.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param label - O texto/label a ser exibido
+ * @param selected - Estado de seleção do botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button estilizado
+ *
+ * @example
+ * ```tsx
+ * <SelectionButton
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={false}
+ *   onClick={() => handleSelection()}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usando ref para foco programático
+ * const buttonRef = useRef<HTMLButtonElement>(null);
+ *
+ * const handleFocus = () => {
+ *   buttonRef.current?.focus();
+ * };
+ *
+ * <SelectionButton
+ *   ref={buttonRef}
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={isSelected}
+ *   onClick={() => setSelected(!isSelected)}
+ * />
+ * ```
+ */
+declare const SelectionButton: react.ForwardRefExoticComponent<{
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Texto/label a ser exibido ao lado do ícone */
+    label: string;
+    /** Estado de seleção do botão */
+    selected?: boolean;
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+export { SelectionButton };

package/dist/SelectionButton/SelectionButton.d.ts

@@ -0,0 +1,58 @@
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * SelectionButton component for Analytica Ensino platforms
+ *
+ * Um botão com ícone e texto para ações e navegação com estado de seleção.
+ * Ideal para filtros, tags, categorias, seleção de tipos, etc.
+ * Compatível com Next.js 15 e React 19.
+ * Suporta forwardRef para acesso programático ao elemento DOM.
+ *
+ * @param icon - O ícone a ser exibido no botão
+ * @param label - O texto/label a ser exibido
+ * @param selected - Estado de seleção do botão
+ * @param className - Classes CSS adicionais
+ * @param props - Todos os outros atributos HTML padrão de button
+ * @returns Um elemento button estilizado
+ *
+ * @example
+ * ```tsx
+ * <SelectionButton
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={false}
+ *   onClick={() => handleSelection()}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Usando ref para foco programático
+ * const buttonRef = useRef<HTMLButtonElement>(null);
+ *
+ * const handleFocus = () => {
+ *   buttonRef.current?.focus();
+ * };
+ *
+ * <SelectionButton
+ *   ref={buttonRef}
+ *   icon={<TagIcon />}
+ *   label="Categoria"
+ *   selected={isSelected}
+ *   onClick={() => setSelected(!isSelected)}
+ * />
+ * ```
+ */
+declare const SelectionButton: react.ForwardRefExoticComponent<{
+    /** Ícone a ser exibido no botão */
+    icon: ReactNode;
+    /** Texto/label a ser exibido ao lado do ícone */
+    label: string;
+    /** Estado de seleção do botão */
+    selected?: boolean;
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+
+export { SelectionButton };

package/dist/SelectionButton/SelectionButton.js

@@ -0,0 +1,81 @@
+"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/components/SelectionButton/SelectionButton.tsx
+var SelectionButton_exports = {};
+__export(SelectionButton_exports, {
+  SelectionButton: () => SelectionButton
+});
+module.exports = __toCommonJS(SelectionButton_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectionButton = (0, import_react.forwardRef)(
+  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
+    const baseClasses = [
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "gap-2",
+      "p-4",
+      "rounded-xl",
+      "cursor-pointer",
+      "border",
+      "border-border-50",
+      "bg-background",
+      "text-sm",
+      "text-text-700",
+      "font-bold",
+      "shadow-soft-shadow-1",
+      "hover:bg-background-100",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-indicator-info",
+      "focus-visible:ring-offset-0",
+      "focus-visible:shadow-none",
+      "active:ring-2",
+      "active:ring-primary-950",
+      "active:ring-offset-0",
+      "active:shadow-none",
+      "disabled:opacity-50",
+      "disabled:cursor-not-allowed"
+    ];
+    const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
+    const allClasses = [...baseClasses, ...stateClasses].join(" ");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: `${allClasses} ${className}`,
+        disabled,
+        "aria-pressed": selected,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+SelectionButton.displayName = "SelectionButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectionButton
+});

package/dist/SelectionButton/SelectionButton.mjs

@@ -0,0 +1,56 @@
+// src/components/SelectionButton/SelectionButton.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectionButton = forwardRef(
+  ({ icon, label, selected = false, className = "", disabled, ...props }, ref) => {
+    const baseClasses = [
+      "inline-flex",
+      "items-center",
+      "justify-start",
+      "gap-2",
+      "p-4",
+      "rounded-xl",
+      "cursor-pointer",
+      "border",
+      "border-border-50",
+      "bg-background",
+      "text-sm",
+      "text-text-700",
+      "font-bold",
+      "shadow-soft-shadow-1",
+      "hover:bg-background-100",
+      "focus-visible:outline-none",
+      "focus-visible:ring-2",
+      "focus-visible:ring-indicator-info",
+      "focus-visible:ring-offset-0",
+      "focus-visible:shadow-none",
+      "active:ring-2",
+      "active:ring-primary-950",
+      "active:ring-offset-0",
+      "active:shadow-none",
+      "disabled:opacity-50",
+      "disabled:cursor-not-allowed"
+    ];
+    const stateClasses = selected ? ["ring-primary-950", "ring-2", "ring-offset-0", "shadow-none"] : [];
+    const allClasses = [...baseClasses, ...stateClasses].join(" ");
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: `${allClasses} ${className}`,
+        disabled,
+        "aria-pressed": selected,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-6 h-6", children: icon }),
+          /* @__PURE__ */ jsx("span", { children: label })
+        ]
+      }
+    );
+  }
+);
+SelectionButton.displayName = "SelectionButton";
+export {
+  SelectionButton
+};

package/dist/Table/Table.d.mts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { HTMLAttributes, TdHTMLAttributes } from 'react';
+
+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 { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/Table/Table.d.ts

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { HTMLAttributes, TdHTMLAttributes } from 'react';
+
+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 { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };