flikkui 0.1.0-beta.8 → 0.2.0-beta.1

package/dist/components/data-display/Table/components/TableActions/TableActions.js

@@ -1,56 +0,0 @@
-import { __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { useMemo } from 'react';
-import { cn } from '../../../../../utils/cn.js';
-import Popover from '../../../../core/Popover/Popover.js';
-import '../../../../core/Popover/PopoverContext.js';
-import Button from '../../../../core/Button/Button.js';
-import { TableActionsMenu } from './TableActionsMenu.js';
-import ForwardRef from '../../../../../node_modules/@heroicons/react/24/outline/esm/EllipsisVerticalIcon.js';
-
-/**
- * TableActions component with smart display logic
- * - ≤2 actions: Show as individual icon buttons
- * - ≥3 actions: Show all actions in overflow menu
- */
-var TableActions = function (_a) {
-    var actions = _a.actions, row = _a.row, _b = _a.maxVisibleActions, maxVisibleActions = _b === void 0 ? 2 : _b, className = _a.className;
-    // Sort actions by priority (high priority first)
-    var sortedActions = useMemo(function () {
-        return __spreadArray([], actions, true).sort(function (a, b) {
-            var priorityOrder = { high: 0, normal: 1 };
-            var aPriority = priorityOrder[a.priority || 'normal'];
-            var bPriority = priorityOrder[b.priority || 'normal'];
-            return aPriority - bPriority;
-        });
-    }, [actions]);
-    // Determine display strategy
-    var shouldUseMenu = actions.length > maxVisibleActions;
-    // Render individual action buttons
-    var renderInlineActions = function (actionsToRender) {
-        return actionsToRender.map(function (action) {
-            var _a;
-            var isDisabled = (_a = action.disabled) === null || _a === void 0 ? void 0 : _a.call(action, row);
-            var Icon = action.icon;
-            return (React__default.createElement(Button, { key: action.id, variant: "link", iconOnly: true, onClick: function () { return action.onClick(row); }, disabled: isDisabled, "aria-label": action.label, className: cn(action.variant === 'danger'
-                    ? "text-red-400 hover:text-red-600"
-                    : "text-neutral-400 hover:text-neutral-700") },
-                React__default.createElement(Icon, { className: "size-4" })));
-        });
-    };
-    // Render overflow menu
-    var renderOverflowMenu = function () {
-        return (React__default.createElement(Popover, { placement: "bottom-end", offset: 4 },
-            React__default.createElement(Popover.Trigger, null,
-                React__default.createElement(Button, { variant: "secondary", size: "sm", iconOnly: true, "aria-label": "More actions", className: "text-text-muted hover:text-text-primary" },
-                    React__default.createElement(ForwardRef, { className: "size-4" }))),
-            React__default.createElement(Popover.Content, { className: "p-0" },
-                React__default.createElement(TableActionsMenu, { actions: sortedActions, row: row, onClose: function () { } }))));
-    };
-    return (React__default.createElement("div", { className: cn("flex items-center justify-end", className) }, shouldUseMenu ? (
-    // All actions in overflow menu
-    renderOverflowMenu()) : (
-    // Show actions inline
-    renderInlineActions(sortedActions))));
-};
-
-export { TableActions };

package/dist/components/data-display/Table/components/TableActions/TableActionsMenu.js

@@ -1,29 +0,0 @@
-import React__default from 'react';
-import { cn } from '../../../../../utils/cn.js';
-import '../../../../../node_modules/tslib/tslib.es6.js';
-
-/**
- * TableActionsMenu component for displaying actions in an overflow menu
- */
-var TableActionsMenu = function (_a) {
-    var actions = _a.actions, row = _a.row, onClose = _a.onClose, className = _a.className;
-    var handleActionClick = function (action) {
-        var _a;
-        if ((_a = action.disabled) === null || _a === void 0 ? void 0 : _a.call(action, row))
-            return;
-        action.onClick(row);
-        onClose();
-    };
-    return (React__default.createElement("div", { className: cn(" min-w-[180px] p-1", className), role: "menu", "aria-label": "Row actions" }, actions.map(function (action, index) {
-        var _a;
-        var isDisabled = (_a = action.disabled) === null || _a === void 0 ? void 0 : _a.call(action, row);
-        var Icon = action.icon;
-        return (React__default.createElement("button", { key: action.id, onClick: function () { return handleActionClick(action); }, disabled: isDisabled, className: cn("w-full flex items-center gap-3 px-3 py-2 text-sm font-medium text-left transition-all duration-300", "hover:bg-neutral-100 focus:bg-neutral-100 focus:outline-none rounded-sm cursor-pointer", action.variant === 'danger'
-                ? "text-danger-600 hover:bg-danger-50 focus:bg-danger-50"
-                : "text-text-primary", isDisabled && "opacity-50 cursor-not-allowed hover:bg-transparent"), role: "menuitem", "aria-label": action.label },
-            React__default.createElement(Icon, { className: "size-4 flex-shrink-0" }),
-            React__default.createElement("span", null, action.label)));
-    })));
-};
-
-export { TableActionsMenu };

package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { TableColumnManagerProps } from "../../Table.types";
-export declare const TableColumnManager: React.NamedExoticComponent<TableColumnManagerProps>;

package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.js

@@ -1,85 +0,0 @@
-import { __assign, __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { useRef, useEffect } from 'react';
-import { tableColumnManagerTheme } from './TableColumnManager.theme.js';
-import { cn } from '../../../../../utils/cn.js';
-import { Checkbox } from '../../../../forms/Checkbox/Checkbox.js';
-import Button from '../../../../core/Button/Button.js';
-import { Sortable, SortableItem } from '../../../../layout/Sortable/Sortable.js';
-
-/**
- * TableColumnManager component for managing column visibility in tables
- * Follows the established library patterns with proper theming and accessibility
- */
-var TableColumnManagerComponent = function (_a) {
-    var columns = _a.columns, visibleColumns = _a.visibleColumns, initialVisibleColumns = _a.initialVisibleColumns, onVisibleColumnsChange = _a.onVisibleColumnsChange, onColumnReorder = _a.onColumnReorder, onColumnOrderReset = _a.onColumnOrderReset, onClose = _a.onClose, className = _a.className, themeOverrides = _a.theme;
-    var dialogRef = useRef(null);
-    // Focus management for accessibility
-    useEffect(function () {
-        var _a;
-        var focusableElements = (_a = dialogRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('button, input, [tabindex]:not([tabindex="-1"])');
-        var firstElement = focusableElements === null || focusableElements === void 0 ? void 0 : focusableElements[0];
-        // Focus first interactive element when dialog opens
-        if (firstElement) {
-            firstElement.focus();
-        }
-    }, []);
-    // Handle keyboard navigation
-    var handleKeyDown = function (event) {
-        if (event.key === "Escape") {
-            event.preventDefault();
-            onClose();
-        }
-    };
-    // Merge theme with overrides
-    var theme = __assign(__assign({}, tableColumnManagerTheme), themeOverrides);
-    var handleToggleColumn = function (columnId) {
-        // Prevent toggling locked columns
-        var column = columns.find(function (col) { return col.id === columnId; });
-        if (column === null || column === void 0 ? void 0 : column.locked) {
-            return;
-        }
-        var newVisibleColumns = visibleColumns.includes(columnId)
-            ? visibleColumns.filter(function (id) { return id !== columnId; })
-            : __spreadArray(__spreadArray([], visibleColumns, true), [columnId], false);
-        onVisibleColumnsChange(newVisibleColumns);
-    };
-    var handleResetToDefault = function () {
-        // Get all locked column IDs to ensure they remain visible
-        var lockedColumnIds = columns.filter(function (col) { return col.locked; }).map(function (col) { return col.id; });
-        // Combine initial visible columns with locked columns (remove duplicates)
-        var resetVisibleColumns = Array.from(new Set(__spreadArray(__spreadArray([], initialVisibleColumns, true), lockedColumnIds, true)));
-        // Reset to initial visible columns with locked columns guaranteed to be visible
-        onVisibleColumnsChange(resetVisibleColumns);
-        // Reset column order to default if handler is provided
-        onColumnOrderReset === null || onColumnOrderReset === void 0 ? void 0 : onColumnOrderReset();
-    };
-    var handleColumnReorder = function (fromIndex, toIndex) {
-        if (onColumnReorder) {
-            onColumnReorder(fromIndex, toIndex);
-        }
-    };
-    return (React__default.createElement("div", { ref: dialogRef, className: cn(theme.container, className), role: "dialog", "aria-labelledby": "column-manager-title", "aria-describedby": "column-manager-description", "aria-modal": "true", onKeyDown: handleKeyDown },
-        React__default.createElement("div", { id: "column-manager-title", className: theme.header }, "Manage Columns"),
-        React__default.createElement("div", { id: "column-manager-description", className: "sr-only" }, "Use checkboxes to control which columns are visible in the table. Locked columns cannot be hidden."),
-        React__default.createElement("div", { className: theme.columnList, role: "group", "aria-label": "Column visibility options" }, onColumnReorder ? (React__default.createElement(Sortable, { onReorder: handleColumnReorder, showDragHandle: true, className: "space-y-0.5" }, columns.map(function (column) {
-            var isVisible = visibleColumns.includes(column.id);
-            var isLocked = column.locked === true;
-            var displayName = typeof column.header === "string" ? column.header : column.id;
-            return (React__default.createElement(SortableItem, { key: column.id, id: column.id, disabled: isLocked, className: cn(theme.columnItem, isLocked && "bg-gray-50") },
-                React__default.createElement(Checkbox, { id: "column-checkbox-".concat(column.id), name: "column-".concat(column.id), value: column.id, checked: isVisible, onChange: function () { return handleToggleColumn(column.id); }, "aria-label": "Toggle visibility for ".concat(displayName, " column"), label: displayName, state: isLocked ? "disabled" : "default" })));
-        }))) : (columns.map(function (column) {
-            var isVisible = visibleColumns.includes(column.id);
-            var isLocked = column.locked === true;
-            var displayName = typeof column.header === "string" ? column.header : column.id;
-            return (React__default.createElement("div", { key: column.id, className: cn(theme.columnItem, isLocked && "bg-gray-50") },
-                React__default.createElement(Checkbox, { id: "column-checkbox-".concat(column.id), name: "column-".concat(column.id), value: column.id, checked: isVisible, onChange: function () { return handleToggleColumn(column.id); }, "aria-label": "Toggle visibility for ".concat(displayName, " column"), label: displayName, state: isLocked ? "disabled" : "default" })));
-        }))),
-        React__default.createElement("div", { className: theme.footer },
-            React__default.createElement(Button, { variant: "secondary", className: "w-full", onClick: handleResetToDefault }, "Reset to Default"))));
-};
-// Set display name for dev tools
-TableColumnManagerComponent.displayName = "TableColumnManager";
-// Memoize component to prevent unnecessary re-renders
-var TableColumnManager = React__default.memo(TableColumnManagerComponent);
-
-export { TableColumnManager };

package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.theme.d.ts

@@ -1,20 +0,0 @@
-export interface TableColumnManagerThemeOverrides {
-    container?: string;
-    content?: string;
-    header?: string;
-    title?: string;
-    description?: string;
-    actions?: string;
-    quickActionButton?: string;
-    quickActionButtonDisabled?: string;
-    columnList?: string;
-    columnItem?: string;
-    columnItemVisible?: string;
-    checkbox?: string;
-    columnLabel?: string;
-    columnIcon?: string;
-    footer?: string;
-    summary?: string;
-    closeButton?: string;
-}
-export declare const tableColumnManagerTheme: Required<TableColumnManagerThemeOverrides>;

package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.theme.js

@@ -1,21 +0,0 @@
-var tableColumnManagerTheme = {
-    container: "w-64 z-50 p-3 overflow-hidden bg-white border border-border rounded-lg shadow-lg",
-    content: "space-y-3",
-    header: "text-xs uppercase font-bold mb-3 text-text-placeholder",
-    title: "text-sm font-medium text-text-primary",
-    description: "text-xs text-text-muted mt-1",
-    actions: "flex items-center gap-2 mb-3",
-    quickActionButton: "text-xs px-2 py-1 text-[var(--color-primary)] hover:text-[var(--color-primary)] hover:bg-[var(--color-primary-50)] rounded transition-colors",
-    quickActionButtonDisabled: "text-xs px-2 py-1 text-text-disabled cursor-not-allowed",
-    columnList: "space-y-2",
-    columnItem: "bg-white hover:bg-[var(--color-neutral-50)] rounded-lg p-1.5 transition-colors",
-    columnItemVisible: "bg-white hover:bg-[var(--color-neutral-50)] rounded-lg p-1.5",
-    checkbox: "",
-    columnLabel: "text-sm text-text-primary",
-    columnIcon: "w-4 h-4 text-text-muted",
-    footer: "mt-3 flex justify-end",
-    summary: "text-xs text-text-muted",
-    closeButton: "text-sm px-3 py-1.5 text-text-primary hover:bg-[var(--color-neutral-50)] rounded-md transition-colors",
-};
-
-export { tableColumnManagerTheme };

package/dist/components/data-display/Table/components/TableColumnManager/index.d.ts

@@ -1 +0,0 @@
-export { TableColumnManager } from './TableColumnManager';

package/dist/components/data-display/Table/components/TablePagination/TablePagination.js

@@ -1,51 +0,0 @@
-import React__default from 'react';
-import Pagination from '../../../../core/Pagination/Pagination.js';
-import { Select } from '../../../../forms/Select/Select.js';
-import '../../../../forms/Select/Select.theme.js';
-import { cn } from '../../../../../utils/cn.js';
-import '../../../../../node_modules/tslib/tslib.es6.js';
-
-/**
- * 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]}
- * />
- */
-var TablePagination = function (_a) {
-    var currentPage = _a.currentPage, totalItems = _a.totalItems, pageSize = _a.pageSize, _b = _a.pageSizeOptions, pageSizeOptions = _b === void 0 ? [10, 25, 50, 100] : _b, onPageChange = _a.onPageChange, onPageSizeChange = _a.onPageSizeChange, _c = _a.showPageSizeSelector, showPageSizeSelector = _c === void 0 ? true : _c, className = _a.className;
-    var totalPages = Math.ceil(totalItems / pageSize);
-    var startItem = (currentPage - 1) * pageSize + 1;
-    var endItem = Math.min(currentPage * pageSize, totalItems);
-    // Create options for the Select component
-    var pageSizeSelectOptions = pageSizeOptions.map(function (option) { return ({
-        id: option,
-        label: option.toString(),
-        value: option,
-    }); });
-    return (React__default.createElement("div", { className: cn("flex items-center justify-between px-4 py-3 border-t border-border bg-white", className) },
-        React__default.createElement("div", { className: "flex items-center gap-4" },
-            showPageSizeSelector && (React__default.createElement("div", { className: "flex items-center gap-2" },
-                React__default.createElement("span", { className: "text-sm text-text-muted" }, "Rows per page:"),
-                React__default.createElement(Select, { value: pageSize, onChange: function (value) { return onPageSizeChange(value); }, options: pageSizeSelectOptions, size: "sm", className: "w-20" }))),
-            React__default.createElement("div", { className: "text-sm text-text-muted" }, totalItems > 0 ? (React__default.createElement(React__default.Fragment, null,
-                "Showing ",
-                startItem.toLocaleString(),
-                " to ",
-                endItem.toLocaleString(),
-                " of",
-                " ",
-                totalItems.toLocaleString(),
-                " results")) : ("No results"))),
-        totalPages > 1 && (React__default.createElement(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: onPageChange, showPrevNext: true, showFirstLast: false, siblingCount: 1 }))));
-};
-TablePagination.displayName = "Table.Pagination";
-
-export { TablePagination };

package/dist/components/data-display/Table/components/TableSelectionHeader/TableSelectionHeader.d.ts

@@ -1,16 +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>;
-export default TableSelectionHeader;

package/dist/components/data-display/Table/components/TableSelectionHeader/TableSelectionHeader.js

@@ -1,29 +0,0 @@
-import React__default from 'react';
-import Button from '../../../../core/Button/Button.js';
-import { cn } from '../../../../../utils/cn.js';
-import '../../../../../node_modules/tslib/tslib.es6.js';
-import ForwardRef from '../../../../../node_modules/@heroicons/react/24/outline/esm/XMarkIcon.js';
-
-/**
- * Selection header that appears when rows are selected
- * Shows selection count and bulk action buttons
- */
-var TableSelectionHeader = function (_a) {
-    var selectedCount = _a.selectedCount, totalCount = _a.totalCount, selectedRows = _a.selectedRows, _b = _a.bulkActions, bulkActions = _b === void 0 ? [] : _b, onClearSelection = _a.onClearSelection, className = _a.className;
-    if (selectedCount === 0)
-        return null;
-    return (React__default.createElement("div", { className: cn("flex items-center justify-between px-3 py-1 rounded-lg shadow-xl bg-neutral-50 z-10", className) },
-        React__default.createElement("div", { className: "flex items-center gap-3" },
-            React__default.createElement("span", { className: "text-text-muted text-sm border-r border-border pr-3" }, selectedCount === totalCount
-                ? "All ".concat(selectedCount, " selected")
-                : "".concat(selectedCount, " selected")),
-            bulkActions.length > 0 && (React__default.createElement("div", { className: "flex items-center gap-2" }, bulkActions.map(function (action) {
-                action.icon;
-                return (React__default.createElement(Button, { key: action.id, variant: "secondary", onClick: function () { return action.onClick(selectedRows); }, className: "text-text-secondary hover:text-text-primary", size: "sm" }, action.label));
-            })))),
-        React__default.createElement(Button, { variant: "link", onClick: onClearSelection, "aria-label": "Clear selection" },
-            React__default.createElement(ForwardRef, { className: "size-4" }),
-            "Clear")));
-};
-
-export { TableSelectionHeader, TableSelectionHeader as default };

package/dist/components/data-display/Table/components/TableSelectionHeader/index.d.ts

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

package/dist/components/data-display/Table/components/core/TableBody.js

@@ -1,32 +0,0 @@
-import { __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { TableRow } from './TableRow.js';
-import { getRowId } from '../../Table.utils.js';
-
-function TableBodyComponent(_a) {
-    var data = _a.data, columns = _a.columns, rowKey = _a.rowKey, expandedRowRender = _a.expandedRowRender, _b = _a.expandedRows, expandedRows = _b === void 0 ? [] : _b, onExpandedRowsChange = _a.onExpandedRowsChange, selectable = _a.selectable, selectionType = _a.selectionType, _c = _a.selectedRows, selectedRows = _c === void 0 ? [] : _c, onSelectionChange = _a.onSelectionChange, freezeFirstColumn = _a.freezeFirstColumn, freezeLastColumn = _a.freezeLastColumn, theme = _a.theme;
-    var handleExpandChange = function (rowId, expanded) {
-        if (!onExpandedRowsChange)
-            return;
-        var newExpandedRows = expanded
-            ? __spreadArray(__spreadArray([], expandedRows, true), [rowId], false) : expandedRows.filter(function (id) { return id !== rowId; });
-        onExpandedRowsChange(newExpandedRows);
-    };
-    var handleSelectionChange = function (rowId, selected) {
-        if (!onSelectionChange)
-            return;
-        var newSelectedRows = selectionType === 'checkbox'
-            ? selected
-                ? __spreadArray(__spreadArray([], selectedRows, true), [rowId], false) : selectedRows.filter(function (id) { return id !== rowId; })
-            : selected ? [rowId] : [];
-        onSelectionChange(newSelectedRows);
-    };
-    return (React__default.createElement("tbody", null, data.map(function (row, index) {
-        var rowId = getRowId(row, index, rowKey);
-        return (React__default.createElement(TableRow, { key: rowId, row: row, rowId: rowId, columns: columns, expandedRowRender: expandedRowRender, isExpanded: expandedRows.includes(rowId), onExpandChange: function (expanded) { return handleExpandChange(rowId, expanded); }, selectable: selectable, selectionType: selectionType, isSelected: selectedRows.includes(rowId), onSelectionChange: function (selected) { return handleSelectionChange(rowId, selected); }, freezeFirstColumn: freezeFirstColumn, freezeLastColumn: freezeLastColumn, theme: theme }));
-    })));
-}
-// Export with proper type annotation
-var TableBody = TableBodyComponent;
-
-export { TableBody };

package/dist/components/data-display/Table/components/core/TableCell.js

@@ -1,47 +0,0 @@
-import React__default from 'react';
-import { cn } from '../../../../../utils/cn.js';
-import '../../../../../node_modules/tslib/tslib.es6.js';
-
-/**
- * Internal TableCell component used by the data-driven API
- * Handles both header and data cells with proper theming and accessibility
- *
- * Features:
- * - Dynamic cell type (th/td) based on isHeader prop
- * - Frozen column support with visual indicators
- * - Custom cell rendering via column.cell function
- * - Tooltip support for truncated content
- * - Alignment and width customization
- * - Full accessibility with proper ARIA attributes
- *
- * @internal This component is used internally by the Table component
- */
-function TableCellComponent(_a) {
-    var column = _a.column, row = _a.row; _a.rowId; var _b = _a.isHeader, isHeader = _b === void 0 ? false : _b, _c = _a.isFrozen, isFrozen = _c === void 0 ? false : _c, _d = _a.isLastFrozen, isLastFrozen = _d === void 0 ? false : _d, theme = _a.theme, children = _a.children;
-    var Cell = isHeader ? 'th' : 'td';
-    // For header cells, render the column header content
-    if (isHeader) {
-        var cellClasses_1 = cn(theme === null || theme === void 0 ? void 0 : theme.headerStyle, isFrozen && (theme === null || theme === void 0 ? void 0 : theme.frozenColumnStyle), isLastFrozen && (theme === null || theme === void 0 ? void 0 : theme.lastFrozenColumnStyle), column.align && "text-".concat(column.align));
-        return (React__default.createElement(Cell, { className: cellClasses_1, "data-frozen": isFrozen ? 'true' : isLastFrozen ? 'last' : undefined, style: { width: column.width }, role: "columnheader", "aria-label": typeof column.header === 'string' ? column.header : column.id }, children || column.header));
-    }
-    // For data cells, extract value using accessor (string key or function)
-    var value = typeof column.accessor === 'function'
-        ? column.accessor(row)
-        : row[column.accessor];
-    // Use custom cell renderer if provided, otherwise display raw value
-    var content = column.cell ? column.cell(row) : value;
-    // Generate tooltip content if tooltip is enabled
-    var tooltipContent = typeof column.tooltip === 'function'
-        ? column.tooltip(row)
-        : column.tooltip
-            ? String(value)
-            : undefined;
-    var cellClasses = cn(theme === null || theme === void 0 ? void 0 : theme.cellStyle, isFrozen && (theme === null || theme === void 0 ? void 0 : theme.frozenColumnStyle), isLastFrozen && (theme === null || theme === void 0 ? void 0 : theme.lastFrozenColumnStyle), column.align && "text-".concat(column.align), column.ellipsis && 'truncate');
-    return (React__default.createElement(Cell, { className: cellClasses, "data-frozen": isFrozen ? 'true' : isLastFrozen ? 'last' : undefined, style: { width: column.width }, title: tooltipContent, role: "cell" }, children || content));
-}
-// Set display name for dev tools
-TableCellComponent.displayName = 'TableCell';
-// Memoize component to prevent unnecessary re-renders when props haven't changed
-var TableCell = React__default.memo(TableCellComponent);
-
-export { TableCell };

package/dist/components/data-display/Table/components/core/TableHeader.js

@@ -1,77 +0,0 @@
-import { __spreadArray } from '../../../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { TableCell } from './TableCell.js';
-import { Checkbox } from '../../../../forms/Checkbox/Checkbox.js';
-import { getRowId } from '../../Table.utils.js';
-
-function TableHeaderComponent(_a) {
-    var columns = _a.columns, _b = _a.sortConfig, sortConfig = _b === void 0 ? [] : _b, onSortChange = _a.onSortChange; _a.filterConfig; _a.onFilterChange; var freezeHeader = _a.freezeHeader, freezeFirstColumn = _a.freezeFirstColumn, freezeLastColumn = _a.freezeLastColumn, expandable = _a.expandable, expandedRowRender = _a.expandedRowRender, selectable = _a.selectable, selectionType = _a.selectionType, _d = _a.selectedRows, selectedRows = _d === void 0 ? [] : _d, onSelectionChange = _a.onSelectionChange; _a.totalRowCount; var theme = _a.theme, _f = _a.data, data = _f === void 0 ? [] : _f, rowKey = _a.rowKey;
-    var handleSort = function (columnId) {
-        if (!onSortChange)
-            return;
-        var currentSort = sortConfig.find(function (sort) { return sort.columnId === columnId; });
-        var newSortConfig = __spreadArray([], sortConfig.filter(function (sort) { return sort.columnId !== columnId; }), true);
-        if (!currentSort) {
-            // Add new sort
-            newSortConfig.push({
-                columnId: columnId,
-                direction: 'asc',
-                priority: sortConfig.length + 1,
-            });
-        }
-        else if (currentSort.direction === 'asc') {
-            // Change to desc
-            newSortConfig.push({
-                columnId: columnId,
-                direction: 'desc',
-                priority: currentSort.priority,
-            });
-        }
-        // If desc, remove sort
-        onSortChange(newSortConfig);
-    };
-    var handleSelectAll = function (checked) {
-        if (!onSelectionChange || selectionType !== 'checkbox')
-            return;
-        if (checked) {
-            // Select all rows - generate row IDs using the same logic as TableBody
-            var allRowIds = data.map(function (row, index) { return getRowId(row, index, rowKey); });
-            onSelectionChange(allRowIds);
-        }
-        else {
-            // Deselect all
-            onSelectionChange([]);
-        }
-    };
-    // Calculate select all checkbox state
-    var dataLength = data.length;
-    var isAllSelected = selectedRows.length === dataLength && dataLength > 0;
-    var isIndeterminate = selectedRows.length > 0 && selectedRows.length < dataLength;
-    return (React__default.createElement("thead", { className: freezeHeader ? theme === null || theme === void 0 ? void 0 : theme.frozenHeaderStyle : '' },
-        React__default.createElement("tr", null,
-            selectable && (React__default.createElement(TableCell, { column: {
-                    id: 'selection',
-                    header: '',
-                    accessor: function () { return ''; },
-                    width: '48px',
-                    align: 'center'
-                }, row: {}, rowId: "", isHeader: true, theme: theme }, selectionType === 'checkbox' && (React__default.createElement(Checkbox, { id: "table-select-all", name: "table-select-all", value: "select-all", checked: isAllSelected, indeterminate: isIndeterminate, onChange: handleSelectAll, "aria-label": "Select all rows" })))),
-            expandable && expandedRowRender && (React__default.createElement(TableCell, { column: {
-                    id: 'expand',
-                    header: '',
-                    accessor: function () { return ''; },
-                    width: '48px',
-                    align: 'center'
-                }, row: {}, rowId: "", isHeader: true, theme: theme })),
-            columns.map(function (column, index) {
-                var currentSort = sortConfig.find(function (sort) { return sort.columnId === column.id; });
-                var isSortable = column.sortable && onSortChange;
-                return (React__default.createElement(TableCell, { key: column.id, column: column, row: {}, rowId: "header", isHeader: true, isFrozen: freezeFirstColumn && index === 0, isLastFrozen: freezeLastColumn && index === columns.length - 1, theme: theme }, isSortable ? (React__default.createElement("button", { onClick: function () { return handleSort(column.id); }, className: "flex items-center gap-1 w-full text-left hover:text-primary-600 transition-colors", "aria-label": "Sort by ".concat(typeof column.header === 'string' ? column.header : column.id) },
-                    column.header,
-                    currentSort && (React__default.createElement("span", { className: "text-xs" }, currentSort.direction === 'asc' ? '↑' : '↓')))) : (column.header)));
-            }))));
-}
-// Export with proper type annotation
-var TableHeader = TableHeaderComponent;
-
-export { TableHeader };

package/dist/components/data-display/Table/components/core/TableRow.js

@@ -1,46 +0,0 @@
-import React__default from 'react';
-import { TableCell } from './TableCell.js';
-import Button from '../../../../core/Button/Button.js';
-import { Checkbox } from '../../../../forms/Checkbox/Checkbox.js';
-import { Radio } from '../../../../forms/Radio/Radio.js';
-import ForwardRef from '../../../../../node_modules/@heroicons/react/24/outline/esm/MinusIcon.js';
-import ForwardRef$1 from '../../../../../node_modules/@heroicons/react/24/outline/esm/PlusIcon.js';
-
-function TableRowComponent(_a) {
-    var row = _a.row, rowId = _a.rowId, columns = _a.columns, expandedRowRender = _a.expandedRowRender, _b = _a.isExpanded, isExpanded = _b === void 0 ? false : _b, onExpandChange = _a.onExpandChange, selectable = _a.selectable, selectionType = _a.selectionType, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, onSelectionChange = _a.onSelectionChange, freezeFirstColumn = _a.freezeFirstColumn, freezeLastColumn = _a.freezeLastColumn, theme = _a.theme;
-    var rowClasses = [
-        (theme === null || theme === void 0 ? void 0 : theme.rowStyle) || "",
-        isSelected ? (theme === null || theme === void 0 ? void 0 : theme.selectedRowStyle) || "" : ""
-    ].filter(Boolean).join(" ");
-    var handleExpandClick = function (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: function () { return ''; },
-                    width: '48px',
-                    align: 'center'
-                }, row: row, rowId: rowId, theme: theme }, selectionType === "checkbox" ? (React__default.createElement(Checkbox, { id: "table-checkbox-".concat(rowId), name: "table-selection-".concat(rowId), value: String(rowId), checked: isSelected, onChange: function (checked) { return onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(checked); }, onClick: function (e) { return e.stopPropagation(); }, "aria-label": "Select row" })) : (React__default.createElement("div", { onClick: function (e) { return e.stopPropagation(); } },
-                React__default.createElement(Radio, { id: "table-radio-".concat(rowId), name: "table-selection", value: String(rowId), checked: isSelected, onChange: function (checked) { return onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(checked); }, "aria-label": "Select row" }))))),
-            expandedRowRender && (React__default.createElement(TableCell, { column: {
-                    id: 'expand',
-                    header: '',
-                    accessor: function () { return ''; },
-                    width: '48px',
-                    align: 'center'
-                }, row: row, rowId: rowId, theme: theme },
-                React__default.createElement(Button, { variant: "clear", size: "sm", onClick: handleExpandClick, "aria-label": isExpanded ? "Collapse row" : "Expand row" }, isExpanded ? React__default.createElement(ForwardRef, { className: "w-4 h-4", strokeWidth: 2 }) : React__default.createElement(ForwardRef$1, { className: "w-4 h-4", strokeWidth: 2 })))),
-            columns.map(function (column, index) { return (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
-var TableRow = TableRowComponent;
-
-export { TableRow };

package/dist/components/data-display/Table/index.d.ts

@@ -1,21 +0,0 @@
-import { TableProps, Column, SortConfig, FilterConfig, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction } from './Table.types';
-import { TableActions } from './components/TableActions/TableActions';
-import { TableActionsMenu } from './components/TableActions/TableActionsMenu';
-import { TablePagination } from './components/TablePagination';
-import { ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps } from './components/TableActions/TableActions.types';
-import { TablePaginationProps } from './components/TablePagination/TablePagination.types';
-interface TableCompound {
-    <T extends Record<string, any>>(props: TableProps<T>): React.ReactElement;
-    Header: React.FC<TableHeaderProps>;
-    Body: React.FC<TableBodyProps>;
-    Row: React.FC<TableRowProps>;
-    Cell: React.FC<TableCellProps>;
-    HeaderCell: React.FC<TableHeaderCellProps>;
-    Actions: typeof TableActions;
-    Pagination: React.FC<TablePaginationProps>;
-}
-declare const Table: TableCompound;
-export { Table };
-export default Table;
-export type { TableProps, Column, SortConfig, FilterConfig, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction, ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps, TablePaginationProps, };
-export { TableActions, TableActionsMenu, TablePagination };

package/dist/components/data-display/Table/index.js

@@ -1,20 +0,0 @@
-import Table$1 from './Table.js';
-import { HeaderCell, Cell, Row, Body, Header } from './components/DeclarativeComponents.js';
-import { TableActions } from './components/TableActions/TableActions.js';
-import 'react';
-import '../../../node_modules/tslib/tslib.es6.js';
-import { TablePagination } from './components/TablePagination/TablePagination.js';
-
-// First import the Table component itself
-// Create a compound component by attaching the subcomponents
-var Table = Object.assign(Table$1, {
-    Header: Header,
-    Body: Body,
-    Row: Row,
-    Cell: Cell,
-    HeaderCell: HeaderCell,
-    Actions: TableActions,
-    Pagination: TablePagination
-});
-
-export { Table, TableActions, TablePagination, Table as default };

package/dist/components/feedback/Alert/Alert.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { AlertProps } from './Alert.types';
-export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/feedback/Alert/Alert.js

@@ -1,36 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { alertTheme } from './Alert.theme.js';
-import ForwardRef from '../../../node_modules/@heroicons/react/24/solid/esm/XCircleIcon.js';
-import ForwardRef$1 from '../../../node_modules/@heroicons/react/24/solid/esm/ExclamationTriangleIcon.js';
-import ForwardRef$2 from '../../../node_modules/@heroicons/react/24/solid/esm/CheckCircleIcon.js';
-import ForwardRef$3 from '../../../node_modules/@heroicons/react/24/solid/esm/InformationCircleIcon.js';
-import ForwardRef$4 from '../../../node_modules/@heroicons/react/24/solid/esm/XMarkIcon.js';
-
-var variantIcons = {
-    info: ForwardRef$3,
-    success: ForwardRef$2,
-    warning: ForwardRef$1,
-    error: ForwardRef,
-};
-var Alert = React__default.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.variant, variant = _c === void 0 ? 'info' : _c, title = _a.title, description = _a.description, _d = _a.dismissible, dismissible = _d === void 0 ? false : _d, icon = _a.icon, _e = _a.showIcon, showIcon = _e === void 0 ? true : _e, onDismiss = _a.onDismiss, className = _a.className, _f = _a.theme, customTheme = _f === void 0 ? {} : _f, children = _a.children, props = __rest(_a, ["variant", "title", "description", "dismissible", "icon", "showIcon", "onDismiss", "className", "theme", "children"]);
-    var IconComponent = variantIcons[variant];
-    var handleDismiss = function () {
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-    };
-    var hasContent = title || description || children;
-    return (React__default.createElement("div", __assign({ ref: ref, className: cn(alertTheme.baseStyle, alertTheme.variants[variant], customTheme.baseStyle, (_b = customTheme.variants) === null || _b === void 0 ? void 0 : _b[variant], className), role: "alert" }, props),
-        showIcon && (React__default.createElement("div", { className: cn(alertTheme.iconStyle, customTheme.iconStyle) }, icon || React__default.createElement(IconComponent, { className: "w-5 h-5" }))),
-        hasContent && (React__default.createElement("div", { className: cn(alertTheme.contentStyle, customTheme.contentStyle) },
-            title && (React__default.createElement("div", { className: cn(alertTheme.titleStyle, customTheme.titleStyle) }, title)),
-            description && (React__default.createElement("div", { className: cn(alertTheme.descriptionStyle, customTheme.descriptionStyle) }, description)),
-            children && (React__default.createElement("div", { className: cn(alertTheme.childrenStyle, customTheme.childrenStyle) }, children)))),
-        dismissible && (React__default.createElement("button", { type: "button", className: cn(alertTheme.closeButtonStyle, customTheme.closeButtonStyle), onClick: handleDismiss, "aria-label": "Dismiss alert" },
-            React__default.createElement(ForwardRef$4, { className: "w-5 h-5" })))));
-});
-Alert.displayName = 'Alert';
-
-export { Alert };