flikkui 0.2.0-beta.4 → 0.2.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flikkui",
-  "version": "0.2.0-beta.4",
+  "version": "0.2.0-beta.5",
   "description": "A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.",
   "type": "module",
   "main": "dist/index.js",

package/dist/components/core/Table/components/TableActions/TableActions.types.d.ts

@@ -1,40 +0,0 @@
-export type ActionVariant = 'default' | 'danger';
-export type ActionPriority = 'high' | 'normal';
-export interface ActionItem<T = any> {
-    /** Unique identifier for the action */
-    id: string;
-    /** Display label for the action */
-    label: string;
-    /** Icon component to display */
-    icon: React.ComponentType<{
-        className?: string;
-    }>;
-    /** Click handler that receives the row data */
-    onClick: (row: T) => void;
-    /** Visual variant for styling (default: 'default') */
-    variant?: ActionVariant;
-    /** Priority level for display ordering (default: 'normal') */
-    priority?: ActionPriority;
-    /** Function to determine if action should be disabled */
-    disabled?: (row: T) => boolean;
-}
-export interface TableActionsProps<T = any> {
-    /** Array of action items to display */
-    actions: ActionItem<T>[];
-    /** Row data to pass to action handlers */
-    row: T;
-    /** Maximum number of actions to show inline before using menu (default: 2) */
-    maxVisibleActions?: number;
-    /** Additional CSS class name */
-    className?: string;
-}
-export interface TableActionsMenuProps<T = any> {
-    /** Array of action items to display in menu */
-    actions: ActionItem<T>[];
-    /** Row data to pass to action handlers */
-    row: T;
-    /** Function to close the menu */
-    onClose: () => void;
-    /** Additional CSS class name */
-    className?: string;
-}

package/dist/components/core/Table/components/TableActions/index.d.ts

@@ -1,3 +0,0 @@
-export { TableActions } from './TableActions';
-export { TableActionsMenu } from './TableActionsMenu';
-export * from './TableActions.types';

package/dist/components/core/Table/components/TableActionsMenu.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { TableActionsMenuProps } from './TableActions/TableActions.types';
-/**
- * TableActionsMenu component for displaying actions in an overflow menu
- */
-export declare const TableActionsMenu: <T>({ actions, row, onClose, className, }: TableActionsMenuProps<T>) => React.JSX.Element;

package/dist/components/core/Table/components/TablePagination/TablePagination.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { TablePaginationProps } from "./TablePagination.types";
-/**
- * TablePagination provides a standardized pagination interface for tables
- * Combines the core Pagination component with page size selection controls
- *
- * @example
- * <Table.Pagination
- *   currentPage={currentPage}
- *   totalItems={data.length}
- *   pageSize={pageSize}
- *   onPageChange={setCurrentPage}
- *   onPageSizeChange={setPageSize}
- *   pageSizeOptions={[10, 25, 50, 100]}
- * />
- */
-export declare const TablePagination: React.FC<TablePaginationProps>;

package/dist/components/core/Table/components/TablePagination/TablePagination.types.d.ts

@@ -1,21 +0,0 @@
-/**
- * TablePagination component props for seamless integration with Table component
- */
-export interface TablePaginationProps {
-    /** Current active page number (1-based) */
-    currentPage: number;
-    /** Total number of items across all pages */
-    totalItems: number;
-    /** Number of items per page */
-    pageSize: number;
-    /** Available page size options */
-    pageSizeOptions?: number[];
-    /** Callback when page changes */
-    onPageChange: (page: number) => void;
-    /** Callback when page size changes */
-    onPageSizeChange: (pageSize: number) => void;
-    /** Whether to show the page size selector */
-    showPageSizeSelector?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}

package/dist/components/core/Table/components/TablePagination/index.d.ts

@@ -1,2 +0,0 @@
-export { TablePagination } from "./TablePagination";
-export type { TablePaginationProps } from "./TablePagination.types";

package/dist/components/core/Table/components/TableSelectionHeader/TableSelectionHeader.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { BulkAction } from "../../Table.types";
-export interface TableSelectionHeaderProps {
-    selectedCount: number;
-    totalCount: number;
-    selectedRows: string[];
-    bulkActions?: BulkAction[];
-    onClearSelection: () => void;
-    className?: string;
-}
-/**
- * Selection header that appears when rows are selected
- * Shows selection count and bulk action buttons
- */
-export declare const TableSelectionHeader: React.FC<TableSelectionHeaderProps>;

package/dist/components/core/Table/components/TableSelectionHeader/index.d.ts

@@ -1,3 +0,0 @@
-export { TableSelectionHeader } from './TableSelectionHeader';
-export type { TableSelectionHeaderProps } from './TableSelectionHeader';
-export type { BulkAction } from '../../Table.types';

package/dist/components/core/Table/components/core/TableRow.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { InternalTableRowProps } from "../../Table.types";
-export declare const TableRow: <T extends Record<string, any>>(props: InternalTableRowProps<T>) => React.ReactElement;

package/dist/components/core/Table/components/core/TableRow.js

@@ -1,44 +0,0 @@
-import React__default from 'react';
-import { TableCell } from './TableCell.js';
-import { Button } from '../../../Button/Button.js';
-import { Checkbox } from '../../../../forms/Checkbox/Checkbox.js';
-import { Radio } from '../../../../forms/Radio/Radio.js';
-import { MinusIcon, PlusIcon } from '@heroicons/react/24/outline';
-
-function TableRowComponent({ row, rowId, columns, expandedRowRender, isExpanded = false, onExpandChange, selectable, selectionType, isSelected = false, onSelectionChange, freezeFirstColumn, freezeLastColumn, theme, }) {
-    const rowClasses = [
-        (theme === null || theme === void 0 ? void 0 : theme.rowStyle) || "",
-        isSelected ? (theme === null || theme === void 0 ? void 0 : theme.selectedRowStyle) || "" : ""
-    ].filter(Boolean).join(" ");
-    const handleExpandClick = (e) => {
-        e.stopPropagation();
-        onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange(!isExpanded);
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("tr", { className: rowClasses, "data-selected": isSelected, role: "row", "aria-selected": selectable ? isSelected : undefined, "aria-expanded": Boolean(expandedRowRender) ? isExpanded : undefined },
-            selectable && (React__default.createElement(TableCell, { column: {
-                    id: 'selection',
-                    header: '',
-                    accessor: () => '',
-                    width: '48px',
-                    align: 'center'
-                }, row: row, rowId: rowId, theme: theme }, selectionType === "checkbox" ? (React__default.createElement(Checkbox, { id: `table-checkbox-${rowId}`, name: `table-selection-${rowId}`, value: String(rowId), checked: isSelected, onChange: (checked) => onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(checked), onClick: (e) => e.stopPropagation(), "aria-label": "Select row" })) : (React__default.createElement("div", { onClick: (e) => e.stopPropagation() },
-                React__default.createElement(Radio, { id: `table-radio-${rowId}`, name: "table-selection", value: String(rowId), checked: isSelected, onChange: (checked) => onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(checked), "aria-label": "Select row" }))))),
-            expandedRowRender && (React__default.createElement(TableCell, { column: {
-                    id: 'expand',
-                    header: '',
-                    accessor: () => '',
-                    width: '48px',
-                    align: 'center'
-                }, row: row, rowId: rowId, theme: theme },
-                React__default.createElement(Button, { color: "primary", variant: "ghost", size: "sm", onClick: handleExpandClick, "aria-label": isExpanded ? "Collapse row" : "Expand row" }, isExpanded ? React__default.createElement(MinusIcon, { className: "w-4 h-4", strokeWidth: 2 }) : React__default.createElement(PlusIcon, { className: "w-4 h-4", strokeWidth: 2 })))),
-            columns.map((column, index) => (React__default.createElement(TableCell, { key: column.id, column: column, row: row, rowId: rowId, isFrozen: freezeFirstColumn && index === 0, isLastFrozen: freezeLastColumn && index === columns.length - 1, theme: theme })))),
-        isExpanded && expandedRowRender && (React__default.createElement("tr", null,
-            React__default.createElement("td", { colSpan: columns.length +
-                    (selectable ? 1 : 0) +
-                    1 }, expandedRowRender(row))))));
-}
-// Export with proper type annotation
-const TableRow = TableRowComponent;
-
-export { TableRow };

package/dist/components/core/Table/components/core/index.d.ts

@@ -1,4 +0,0 @@
-export { TableHeader } from './TableHeader';
-export { TableBody } from './TableBody';
-export { TableRow } from './TableRow';
-export { TableCell } from './TableCell';