@brycks/core-front 0.12.0 → 0.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brycks/core-front",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "description": "Brycks Design System - A modern, calm, and tactile UI component library",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -8,54 +8,54 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     },
     "./tokens": {
+      "types": "./dist/tokens.d.ts",
       "import": "./dist/tokens.js",
-      "require": "./dist/tokens.cjs",
-      "types": "./dist/tokens.d.ts"
+      "require": "./dist/tokens.cjs"
     },
     "./themes": {
+      "types": "./dist/themes.d.ts",
       "import": "./dist/themes.js",
-      "require": "./dist/themes.cjs",
-      "types": "./dist/themes.d.ts"
+      "require": "./dist/themes.cjs"
     },
     "./hooks": {
+      "types": "./dist/hooks.d.ts",
       "import": "./dist/hooks.js",
-      "require": "./dist/hooks.cjs",
-      "types": "./dist/hooks.d.ts"
+      "require": "./dist/hooks.cjs"
     },
     "./components/layout": {
+      "types": "./dist/components/layout.d.ts",
       "import": "./dist/components/layout.js",
-      "require": "./dist/components/layout.cjs",
-      "types": "./dist/components/layout.d.ts"
+      "require": "./dist/components/layout.cjs"
     },
     "./components/form": {
+      "types": "./dist/components/form.d.ts",
       "import": "./dist/components/form.js",
-      "require": "./dist/components/form.cjs",
-      "types": "./dist/components/form.d.ts"
+      "require": "./dist/components/form.cjs"
     },
     "./components/feedback": {
+      "types": "./dist/components/feedback.d.ts",
       "import": "./dist/components/feedback.js",
-      "require": "./dist/components/feedback.cjs",
-      "types": "./dist/components/feedback.d.ts"
+      "require": "./dist/components/feedback.cjs"
     },
     "./components/navigation": {
+      "types": "./dist/components/navigation.d.ts",
       "import": "./dist/components/navigation.js",
-      "require": "./dist/components/navigation.cjs",
-      "types": "./dist/components/navigation.d.ts"
+      "require": "./dist/components/navigation.cjs"
     },
     "./components/data": {
+      "types": "./dist/components/data.d.ts",
       "import": "./dist/components/data.js",
-      "require": "./dist/components/data.cjs",
-      "types": "./dist/components/data.d.ts"
+      "require": "./dist/components/data.cjs"
     },
     "./components/utility": {
+      "types": "./dist/components/utility.d.ts",
       "import": "./dist/components/utility.js",
-      "require": "./dist/components/utility.cjs",
-      "types": "./dist/components/utility.d.ts"
+      "require": "./dist/components/utility.cjs"
     },
     "./styles.css": "./dist/styles.css"
   },
@@ -80,6 +80,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.18.0",
+    "@microsoft/api-extractor": "^7.58.12",
     "@types/node": "^25.0.9",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",

package/dist/data.d.ts

@@ -1,387 +0,0 @@
-import { CSSProperties } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import { TdHTMLAttributes } from 'react';
-import { ThHTMLAttributes } from 'react';
-
-export declare const InfoItem: ForwardRefExoticComponent<InfoItemProps & RefAttributes<HTMLDivElement>>;
-
-export declare type InfoItemLayout = 'vertical' | 'horizontal' | 'inline';
-
-export declare interface InfoItemProps extends HTMLAttributes<HTMLDivElement> {
-    /** Label text */
-    label: ReactNode;
-    /** Value to display */
-    value?: ReactNode;
-    /** Children (alternative to value prop) */
-    children?: ReactNode;
-    /** Layout direction */
-    layout?: InfoItemLayout;
-    /** Size variant */
-    size?: InfoItemSize;
-    /** Hide if value is empty */
-    hideEmpty?: boolean;
-    /** Custom label width (for horizontal layout) */
-    labelWidth?: string | number;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare type InfoItemSize = 'sm' | 'md' | 'lg';
-
-export declare const InfoList: ForwardRefExoticComponent<InfoListProps & RefAttributes<HTMLDListElement>>;
-
-/**
- * InfoList Component
- *
- * A container for multiple InfoItem components.
- * Provides consistent spacing and layout for info items.
- */
-export declare interface InfoListProps extends HTMLAttributes<HTMLDListElement> {
-    /** Gap between items */
-    gap?: 'sm' | 'md' | 'lg';
-    /** Number of columns */
-    columns?: 1 | 2 | 3 | 4;
-    /** Children (InfoItem components) */
-    children: ReactNode;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare const List: ForwardRefExoticComponent<ListProps & RefAttributes<HTMLUListElement>>;
-
-export declare const ListDivider: ForwardRefExoticComponent<ListDividerProps & RefAttributes<HTMLLIElement>>;
-
-export declare interface ListDividerProps extends HTMLAttributes<HTMLLIElement> {
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const ListHeader: ForwardRefExoticComponent<ListHeaderProps & RefAttributes<HTMLLIElement>>;
-
-export declare interface ListHeaderProps extends HTMLAttributes<HTMLLIElement> {
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const ListItem: ForwardRefExoticComponent<ListItemProps & RefAttributes<HTMLLIElement>>;
-
-export declare interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
-    /** Icon or avatar on the left */
-    leftElement?: ReactNode;
-    /** Element on the right (badge, button, etc.) */
-    rightElement?: ReactNode;
-    /** Secondary text below the main content */
-    secondary?: ReactNode;
-    /** Whether the item is selected */
-    selected?: boolean;
-    /** Whether the item is disabled */
-    disabled?: boolean;
-    /** Whether the item is clickable */
-    clickable?: boolean;
-    /** Custom class name */
-    className?: string;
-}
-
-export declare interface ListProps extends HTMLAttributes<HTMLUListElement> {
-    /** List size */
-    size?: ListSize;
-    /** List variant */
-    variant?: ListVariant;
-    /** Whether list items are interactive */
-    interactive?: boolean;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare type ListSize = 'sm' | 'md' | 'lg';
-
-export declare type ListVariant = 'default' | 'bordered' | 'separated';
-
-export declare const PieChart: ForwardRefExoticComponent<PieChartProps & RefAttributes<HTMLDivElement>>;
-
-export declare type PieChartLegend = 'right' | 'bottom' | 'none';
-
-export declare interface PieChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    /** Fatias do gráfico */
-    data: PieSlice[];
-    /** Diâmetro do gráfico em px */
-    size?: number;
-    /** Espessura do anel em px. `0` = pizza cheia; padrão = rosca */
-    thickness?: number;
-    /** Posição da legenda */
-    legend?: PieChartLegend;
-    /** Rótulo no centro da rosca (ignorado quando `thickness = 0`) */
-    centerLabel?: ReactNode;
-    /** Conteúdo central; por padrão, a soma dos valores */
-    centerValue?: ReactNode;
-    /** Formata valores na legenda, no centro e no resumo acessível */
-    valueFormatter?: (value: number) => string;
-    /** Exibe a participação percentual de cada fatia na legenda */
-    showShare?: boolean;
-    /** Texto quando não há dado positivo */
-    emptyText?: string;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare interface PieSlice {
-    /** Chave estável da fatia */
-    id: string;
-    /** Rótulo legível (aparece na legenda e no leitor de tela) */
-    label: string;
-    /** Valor absoluto — negativos são ignorados */
-    value: number;
-    /** Cor da fatia; use um token (`var(--brycks-*)`). Sem cor, entra na paleta padrão. */
-    color?: string;
-}
-
-export declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
-
-export declare const TableBody: ForwardRefExoticComponent<TableBodyProps & RefAttributes<HTMLTableSectionElement>>;
-
-export declare interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const TableCaption: ForwardRefExoticComponent<TableCaptionProps & RefAttributes<HTMLTableCaptionElement>>;
-
-export declare interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
-    /** Caption placement */
-    placement?: 'top' | 'bottom';
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const TableCell: ForwardRefExoticComponent<TableCellProps & RefAttributes<HTMLTableCellElement>>;
-
-export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-    /** Whether to truncate text */
-    truncate?: boolean;
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
-
-export declare interface TableEmptyProps {
-    /** Number of columns to span (match the table's column count) */
-    colSpan: number;
-    /** Icon or illustration */
-    icon?: ReactNode;
-    /** Title text */
-    title?: ReactNode;
-    /** Description text */
-    description?: ReactNode;
-    /** Action element (button, link) */
-    action?: ReactNode;
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
-
-export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
-    /** Custom class name */
-    className?: string;
-}
-
-export declare const TableHead: ForwardRefExoticComponent<TableHeadProps & RefAttributes<HTMLTableSectionElement>>;
-
-export declare const TableHeader: ForwardRefExoticComponent<TableHeaderProps & RefAttributes<HTMLTableCellElement>>;
-
-export declare interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
-    /** Whether the column is sortable */
-    sortable?: boolean;
-    /** Sort direction */
-    sortDirection?: 'asc' | 'desc' | null;
-    /** Callback when sort is requested */
-    onSort?: () => void;
-    /** Text alignment */
-    align?: 'left' | 'center' | 'right';
-    /** Custom class name */
-    className?: string;
-}
-
-export declare interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
-    /** Whether the header is sticky */
-    sticky?: boolean;
-    /** Custom class name */
-    className?: string;
-}
-
-export declare interface TableProps extends HTMLAttributes<HTMLTableElement> {
-    /** Table size */
-    size?: TableSize;
-    /** Table variant */
-    variant?: TableVariant;
-    /** Whether the table has a sticky header */
-    stickyHeader?: boolean;
-    /** Whether the table is in a loading state */
-    loading?: boolean;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare const TableRow: ForwardRefExoticComponent<TableRowProps & RefAttributes<HTMLTableRowElement>>;
-
-export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
-    /** Whether the row is selected */
-    selected?: boolean;
-    /** Whether the row is clickable */
-    clickable?: boolean;
-    /** Custom class name */
-    className?: string;
-}
-
-export declare type TableSize = 'sm' | 'md' | 'lg';
-
-export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
-
-export declare namespace TableSkeleton {
-    var displayName: string;
-}
-
-export declare interface TableSkeletonProps {
-    /** Number of skeleton rows */
-    rows?: number;
-    /** Number of columns per row (match the table's column count) */
-    columns: number;
-    /** Custom class name applied to each row */
-    className?: string;
-}
-
-export declare type TableVariant = 'default' | 'bordered';
-
-export declare interface TreeNode {
-    /** Unique identifier */
-    id: string;
-    /** Display label */
-    label: string;
-    /** Optional icon */
-    icon?: ReactNode;
-    /** Child nodes */
-    children?: TreeNode[];
-    /** Whether the node is disabled */
-    disabled?: boolean;
-    /** Additional data */
-    data?: unknown;
-}
-
-export declare const TreeView: ForwardRefExoticComponent<TreeViewProps & RefAttributes<HTMLUListElement>>;
-
-export declare interface TreeViewProps {
-    /** Tree data */
-    data: TreeNode[];
-    /** Selected node IDs (controlled) */
-    selectedIds?: string[];
-    /** Default selected node IDs (uncontrolled) */
-    defaultSelectedIds?: string[];
-    /** Expanded node IDs (controlled) */
-    expandedIds?: string[];
-    /** Default expanded node IDs (uncontrolled) */
-    defaultExpandedIds?: string[];
-    /** Callback when selection changes */
-    onSelectionChange?: (selectedIds: string[]) => void;
-    /** Callback when expansion changes */
-    onExpansionChange?: (expandedIds: string[]) => void;
-    /** Callback when a node is clicked */
-    onNodeClick?: (node: TreeNode) => void;
-    /** Whether to allow multi-selection */
-    multiSelect?: boolean;
-    /** Component size */
-    size?: TreeViewSize;
-    /** Whether to show connecting lines */
-    showLines?: boolean;
-    /** Custom node renderer */
-    renderNode?: (node: TreeNode, isSelected: boolean, isExpanded: boolean) => ReactNode;
-    /** Label for accessibility */
-    'aria-label'?: string;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare type TreeViewSize = 'sm' | 'md' | 'lg';
-
-export declare const VariableHeightVirtualList: <T>(props: VariableHeightVirtualListProps<T> & {
-    ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;
-
-export declare interface VariableHeightVirtualListProps<T> {
-    /** Array of items to render */
-    items: T[];
-    /** Function to estimate item height (used for initial layout) */
-    estimateItemHeight: (index: number) => number;
-    /** Visible height of the container */
-    height: number;
-    /** Optional width of the container */
-    width?: number | string;
-    /** Number of extra items to render above/below viewport */
-    overscan?: number;
-    /** Render function for each item */
-    renderItem: (item: T, index: number, measureRef: (el: HTMLElement | null) => void) => ReactNode;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export declare const VirtualList: <T>(props: VirtualListProps<T> & {
-    ref?: React.ForwardedRef<VirtualListHandle>;
-}) => React.ReactElement;
-
-export declare interface VirtualListHandle {
-    /** Scroll to a specific index */
-    scrollToIndex: (index: number, align?: 'start' | 'center' | 'end') => void;
-    /** Scroll to a specific offset */
-    scrollToOffset: (offset: number) => void;
-    /** Get current scroll position */
-    getScrollTop: () => number;
-}
-
-export declare interface VirtualListProps<T> {
-    /** Array of items to render */
-    items: T[];
-    /** Height of each item in pixels */
-    itemHeight: number;
-    /** Visible height of the container */
-    height: number;
-    /** Optional width of the container */
-    width?: number | string;
-    /** Number of extra items to render above/below viewport for smoother scrolling */
-    overscan?: number;
-    /** Render function for each item */
-    renderItem: (item: T, index: number, style: CSSProperties) => ReactNode;
-    /** Callback when scroll position changes */
-    onScroll?: (scrollTop: number) => void;
-    /** Callback when reaching the end of the list */
-    onEndReached?: () => void;
-    /** Threshold in pixels before end to trigger onEndReached */
-    endReachedThreshold?: number;
-    /** Initial scroll position */
-    initialScrollTop?: number;
-    /** Custom class name */
-    className?: string;
-    /** Test ID */
-    testId?: string;
-}
-
-export { }