@omnitron-dev/prism 0.2.0 → 0.3.1

package/dist/blocks/dashboard-block/dashboard-block.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Dashboard Block Component
+ *
+ * Reusable dashboard widget/card block with header, content, and footer slots.
+ * Supports loading, error states, and collapsible behavior.
+ *
+ * @module blocks/dashboard-block
+ */
+import { type ReactNode } from 'react';
+import type { DashboardBlockProps, DashboardBlockContextValue, DashboardBlockHeaderProps, DashboardBlockContentProps, DashboardBlockFooterProps } from './types.js';
+/**
+ * Hook to access dashboard block context.
+ */
+export declare function useDashboardBlockContext(): DashboardBlockContextValue;
+/**
+ * Dashboard block header component.
+ */
+export declare function DashboardBlockHeader({ title, subtitle, icon, actions, sx }: DashboardBlockHeaderProps): ReactNode;
+/**
+ * Dashboard block content component.
+ */
+export declare function DashboardBlockContent({ children, disablePadding, sx }: DashboardBlockContentProps): ReactNode;
+/**
+ * Dashboard block footer component.
+ */
+export declare function DashboardBlockFooter({ children, divider, sx }: DashboardBlockFooterProps): ReactNode;
+/**
+ * Dashboard Block - Reusable dashboard widget/card.
+ *
+ * Features:
+ * - Header with title, subtitle, icon, and actions
+ * - Content area with optional padding
+ * - Footer slot with optional divider
+ * - Loading and error states
+ * - Collapsible behavior (controlled or uncontrolled)
+ * - Three size presets (small, medium, large)
+ * - Three variants (default, outlined, filled)
+ *
+ * @example
+ * ```tsx
+ * <DashboardBlock
+ *   title="Revenue Overview"
+ *   subtitle="Last 30 days"
+ *   icon={<BarChartIcon />}
+ *   actions={<IconButton><MoreIcon /></IconButton>}
+ *   collapsible
+ * >
+ *   <RevenueChart />
+ * </DashboardBlock>
+ * ```
+ */
+export declare function DashboardBlock({ title, subtitle, icon, actions, children, footer, variant, size, loading, loadingConfig, error, errorConfig, empty, emptyConfig, labels, catchErrors, collapsible, defaultCollapsed, collapsed: controlledCollapsed, onCollapseChange, disablePadding, footerDivider, sx, slotProps, }: DashboardBlockProps): ReactNode;
+//# sourceMappingURL=dashboard-block.d.ts.map

package/dist/blocks/dashboard-block/dashboard-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-block.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-block/dashboard-block.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,KAAK,SAAS,EAAmD,MAAM,OAAO,CAAC;AAYxF,OAAO,KAAK,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EAG1B,MAAM,YAAY,CAAC;AAcpB;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,0BAA0B,CAMrE;AAqCD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAmFjH;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,cAAsB,EAAE,EAAE,EAAE,EAAE,0BAA0B,GAAG,SAAS,CAsBrH;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,OAAc,EAAE,EAAE,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAuB3G;AAmFD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,OAAmB,EACnB,IAAe,EACf,OAAe,EACf,aAAa,EACb,KAAa,EACb,WAAW,EACX,KAAa,EACb,WAAW,EACX,MAAkB,EAClB,WAAkB,EAClB,WAAmB,EACnB,gBAAwB,EACxB,SAAS,EAAE,mBAAmB,EAC9B,gBAAgB,EAChB,cAAsB,EACtB,aAAoB,EACpB,EAAE,EACF,SAAS,GACV,EAAE,mBAAmB,GAAG,SAAS,CA4HjC"}

package/dist/blocks/dashboard-block/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Dashboard Block
+ *
+ * Reusable dashboard widget/card block with header, content, and footer slots.
+ *
+ * @module blocks/dashboard-block
+ */
+export { DashboardBlock, DashboardBlockHeader, DashboardBlockContent, DashboardBlockFooter, useDashboardBlockContext, } from './dashboard-block.js';
+export { useDashboardBlock } from './use-dashboard-block.js';
+export type { UseDashboardBlockReturn, UseDashboardBlockOptions, DashboardBlockState, DashboardBlockActions, } from './use-dashboard-block.js';
+export type { DashboardBlockProps, DashboardBlockVariant, DashboardBlockSize, DashboardBlockHeaderProps, DashboardBlockContentProps, DashboardBlockFooterProps, DashboardBlockContextValue, LoadingConfig, ErrorConfig, EmptyConfig, DashboardBlockLabels, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/dashboard-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-block/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EACV,uBAAuB,EACvB,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,0BAA0B,EAC1B,yBAAyB,EACzB,0BAA0B,EAC1B,aAAa,EACb,WAAW,EACX,WAAW,EACX,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/blocks/dashboard-block/types.d.ts

@@ -0,0 +1,182 @@
+/**
+ * Dashboard Block Types
+ *
+ * Type definitions for the dashboard block component.
+ *
+ * @module blocks/dashboard-block/types
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+/**
+ * Dashboard block variant types.
+ */
+export type DashboardBlockVariant = 'default' | 'outlined' | 'filled';
+/**
+ * Dashboard block size presets.
+ */
+export type DashboardBlockSize = 'small' | 'medium' | 'large';
+/**
+ * Loading state configuration.
+ */
+export interface LoadingConfig {
+    /** Show skeleton loading */
+    skeleton?: boolean;
+    /** Number of skeleton rows */
+    skeletonRows?: number;
+    /** Custom loading component */
+    loadingComponent?: ReactNode;
+}
+/**
+ * Error state configuration.
+ */
+export interface ErrorConfig {
+    /** Error message */
+    message?: string;
+    /** Retry callback */
+    onRetry?: () => void;
+    /** Custom error component */
+    errorComponent?: ReactNode;
+}
+/**
+ * Dashboard block header props.
+ */
+export interface DashboardBlockHeaderProps {
+    /** Block title */
+    title: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Icon element */
+    icon?: ReactNode;
+    /** Actions slot (buttons, menu, etc.) */
+    actions?: ReactNode;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Dashboard block content props.
+ */
+export interface DashboardBlockContentProps {
+    /** Content children */
+    children?: ReactNode;
+    /** Disable default padding */
+    disablePadding?: boolean;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Dashboard block footer props.
+ */
+export interface DashboardBlockFooterProps {
+    /** Footer content */
+    children?: ReactNode;
+    /** Show divider above footer */
+    divider?: boolean;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * The block's empty state — shown when the data loaded and there is none.
+ * Never for a failure: an error has its own state, and a list that failed to
+ * load must not look like a list that is empty.
+ */
+export interface EmptyConfig {
+    title?: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    action?: ReactNode;
+    /** Replaces the default empty state entirely */
+    emptyComponent?: ReactNode;
+}
+/**
+ * The block's own words, for an application that does not speak English. Every
+ * string the block renders or announces is here.
+ */
+export interface DashboardBlockLabels {
+    /** Shown when the block fails and `errorConfig.message` says nothing more specific; also after a render crash inside it */
+    error?: string;
+    retry?: string;
+    expand?: string;
+    collapse?: string;
+}
+/**
+ * Dashboard block props.
+ */
+export interface DashboardBlockProps {
+    /** Block title */
+    title?: string;
+    /** Optional subtitle */
+    subtitle?: string;
+    /** Icon element */
+    icon?: ReactNode;
+    /** Actions slot */
+    actions?: ReactNode;
+    /** Content children */
+    children?: ReactNode;
+    /** Footer content */
+    footer?: ReactNode;
+    /** Block variant */
+    variant?: DashboardBlockVariant;
+    /** Block size */
+    size?: DashboardBlockSize;
+    /** Loading state */
+    loading?: boolean;
+    /** Loading configuration */
+    loadingConfig?: LoadingConfig;
+    /** Error state */
+    error?: boolean;
+    /** Error configuration */
+    errorConfig?: ErrorConfig;
+    /** Empty state — the data loaded and there is none. Loading and error take precedence. */
+    empty?: boolean;
+    /** Empty state configuration */
+    emptyConfig?: EmptyConfig;
+    /** The block's strings, translated by the caller */
+    labels?: DashboardBlockLabels;
+    /**
+     * Keep a render crash inside the block (default true): the block shows its
+     * error state with a retry, and the page around it goes on working.
+     */
+    catchErrors?: boolean;
+    /** Collapsible block */
+    collapsible?: boolean;
+    /** Initial collapsed state */
+    defaultCollapsed?: boolean;
+    /** Controlled collapsed state */
+    collapsed?: boolean;
+    /** Collapse change handler */
+    onCollapseChange?: (collapsed: boolean) => void;
+    /** Disable default content padding */
+    disablePadding?: boolean;
+    /** Show footer divider */
+    footerDivider?: boolean;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+    /** Header slot props */
+    slotProps?: {
+        header?: Partial<DashboardBlockHeaderProps>;
+        content?: Partial<DashboardBlockContentProps>;
+        footer?: Partial<DashboardBlockFooterProps>;
+    };
+}
+/**
+ * Dashboard block context value.
+ */
+export interface DashboardBlockContextValue {
+    /** Current collapsed state */
+    collapsed: boolean;
+    /** Toggle collapse */
+    toggleCollapse: () => void;
+    /** Set collapsed state */
+    setCollapsed: (collapsed: boolean) => void;
+    /** Current loading state */
+    loading: boolean;
+    /** Current error state */
+    error: boolean;
+    /** Block variant */
+    variant: DashboardBlockVariant;
+    /** Block size */
+    size: DashboardBlockSize;
+    /** The block's strings */
+    labels: DashboardBlockLabels;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/blocks/dashboard-block/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-block/types.ts"],"names":[],"mappings":"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"}

package/dist/blocks/dashboard-block/use-dashboard-block.d.ts

@@ -0,0 +1,95 @@
+/**
+ * Dashboard Block Hook
+ *
+ * Hook for managing dashboard block state and behavior.
+ *
+ * @module blocks/dashboard-block/use-dashboard-block
+ */
+import type { DashboardBlockProps } from './types.js';
+/**
+ * Dashboard block state.
+ */
+export interface DashboardBlockState {
+    /** Current collapsed state */
+    collapsed: boolean;
+    /** Current loading state */
+    loading: boolean;
+    /** Current error state */
+    error: boolean;
+    /** Error message */
+    errorMessage?: string;
+}
+/**
+ * Dashboard block actions.
+ */
+export interface DashboardBlockActions {
+    /** Toggle collapse state */
+    toggleCollapse: () => void;
+    /** Set collapsed state */
+    setCollapsed: (collapsed: boolean) => void;
+    /** Expand block */
+    expand: () => void;
+    /** Collapse block */
+    collapse: () => void;
+    /** Set loading state */
+    setLoading: (loading: boolean) => void;
+    /** Set error state */
+    setError: (error: boolean, message?: string) => void;
+    /** Clear error state */
+    clearError: () => void;
+    /** Reset to initial state */
+    reset: () => void;
+}
+/**
+ * Dashboard block hook return value.
+ */
+export interface UseDashboardBlockReturn {
+    /** Current state */
+    state: DashboardBlockState;
+    /** Actions to modify state */
+    actions: DashboardBlockActions;
+    /** Props to spread on DashboardBlock */
+    blockProps: Pick<DashboardBlockProps, 'collapsed' | 'onCollapseChange' | 'loading' | 'error' | 'errorConfig'>;
+}
+/**
+ * Options for useDashboardBlock hook.
+ */
+export interface UseDashboardBlockOptions {
+    /** Initial collapsed state */
+    defaultCollapsed?: boolean;
+    /** Initial loading state */
+    defaultLoading?: boolean;
+    /** Retry callback for error state */
+    onRetry?: () => void;
+}
+/**
+ * Hook for managing dashboard block state.
+ *
+ * Provides controlled state management for DashboardBlock component,
+ * including collapse, loading, and error states.
+ *
+ * @example
+ * ```tsx
+ * function MyWidget() {
+ *   const { state, actions, blockProps } = useDashboardBlock({
+ *     defaultCollapsed: false,
+ *     onRetry: () => fetchData(),
+ *   });
+ *
+ *   useEffect(() => {
+ *     actions.setLoading(true);
+ *     fetchData()
+ *       .then(() => actions.setLoading(false))
+ *       .catch((err) => actions.setError(true, err.message));
+ *   }, []);
+ *
+ *   return (
+ *     <DashboardBlock title="My Widget" {...blockProps}>
+ *       <Content />
+ *     </DashboardBlock>
+ *   );
+ * }
+ * ```
+ */
+export declare function useDashboardBlock(options?: UseDashboardBlockOptions): UseDashboardBlockReturn;
+//# sourceMappingURL=use-dashboard-block.d.ts.map

package/dist/blocks/dashboard-block/use-dashboard-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dashboard-block.d.ts","sourceRoot":"","sources":["../../../src/blocks/dashboard-block/use-dashboard-block.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,8BAA8B;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,0BAA0B;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,4BAA4B;IAC5B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,0BAA0B;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,mBAAmB;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,sBAAsB;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,wBAAwB;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,oBAAoB;IACpB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,8BAA8B;IAC9B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,wCAAwC;IACxC,UAAU,EAAE,IAAI,CAAC,mBAAmB,EAAE,WAAW,GAAG,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC,CAAC;CAC/G;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,wBAA6B,GAAG,uBAAuB,CAkFjG"}

package/dist/blocks/data-grid-block/data-grid-block.d.ts

@@ -0,0 +1,81 @@
+/**
+ * DataGrid Block Component
+ *
+ * Advanced data table block with toolbar, pagination, sorting, filtering,
+ * row actions, and server-side data support.
+ *
+ * @module blocks/data-grid-block
+ */
+import { type ReactNode } from 'react';
+import type { DataGridBlockProps, DataGridBlockContextValue, UseDataGridBlockOptions, UseDataGridBlockReturn } from './types.js';
+/**
+ * Hook to access data grid block context.
+ */
+export declare function useDataGridBlockContext(): DataGridBlockContextValue;
+/**
+ * DataGridBlock - Advanced data table with common patterns.
+ *
+ * Features:
+ * - Custom toolbar with search, filters, export, and column visibility
+ * - Row actions column (inline or dropdown menu)
+ * - Server-side pagination, sorting, and filtering support
+ * - Custom empty state
+ * - Loading and error states
+ * - Selection handling
+ * - Density customization
+ *
+ * @example
+ * ```tsx
+ * <DataGridBlock
+ *   columns={[
+ *     { field: 'name', headerName: 'Name', flex: 1 },
+ *     { field: 'email', headerName: 'Email', flex: 1 },
+ *     { field: 'status', headerName: 'Status', width: 120 },
+ *   ]}
+ *   rows={users}
+ *   loading={isLoading}
+ *   rowActions={[
+ *     { key: 'edit', label: 'Edit', icon: <EditIcon />, onClick: handleEdit },
+ *     { key: 'delete', label: 'Delete', icon: <DeleteIcon />, color: 'error', onClick: handleDelete },
+ *   ]}
+ *   toolbar={{
+ *     quickFilter: { placeholder: 'Search users...' },
+ *     export: { csv: true },
+ *   }}
+ *   pagination={{
+ *     mode: 'server',
+ *     rowCount: totalCount,
+ *   }}
+ *   onPaginationChange={handlePaginationChange}
+ * />
+ * ```
+ */
+export declare function DataGridBlock<R extends Record<string, unknown> = Record<string, unknown>>({ columns, rows, loading, error, errorMessage, onRetry, rowActions, rowActionsWidth, toolbar, pagination, selection, empty, density: defaultDensity, autoHeight, height, hideFooter, rowHeight, getRowId, onRowClick, onRowDoubleClick, onSelectionChange, onPaginationChange, onSortChange, onFilterChange, paginationModel: controlledPaginationModel, sortModel: controlledSortModel, filterModel: controlledFilterModel, selectionModel: controlledSelectionModel, columnVisibilityModel, onColumnVisibilityChange, slots, slotProps, disableColumnMenu, disableColumnFilter, disableColumnSelector, disableRowSelectionOnClick, disableVirtualization, sx, }: DataGridBlockProps<R>): ReactNode;
+/**
+ * Hook for managing DataGridBlock with server-side data fetching.
+ *
+ * @example
+ * ```tsx
+ * const { rows, loading, error, total, paginationModel, onPaginationChange, refresh } =
+ *   useDataGridBlock({
+ *     fetcher: async ({ page, pageSize, sortModel, filterModel }) => {
+ *       const response = await api.getUsers({ page, pageSize, sort: sortModel[0] });
+ *       return { rows: response.data, total: response.total };
+ *     },
+ *   });
+ *
+ * return (
+ *   <DataGridBlock
+ *     columns={columns}
+ *     rows={rows}
+ *     loading={loading}
+ *     error={!!error}
+ *     pagination={{ mode: 'server', rowCount: total }}
+ *     paginationModel={paginationModel}
+ *     onPaginationChange={onPaginationChange}
+ *   />
+ * );
+ * ```
+ */
+export declare function useDataGridBlock<R extends Record<string, unknown> = Record<string, unknown>>(options: UseDataGridBlockOptions<R>): UseDataGridBlockReturn<R>;
+//# sourceMappingURL=data-grid-block.d.ts.map

package/dist/blocks/data-grid-block/data-grid-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-block.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-grid-block/data-grid-block.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EACL,KAAK,SAAS,EASf,MAAM,OAAO,CAAC;AA8Bf,OAAO,KAAK,EACV,kBAAkB,EAClB,yBAAyB,EAEzB,uBAAuB,EACvB,sBAAsB,EAEvB,MAAM,YAAY,CAAC;AAQpB;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,yBAAyB,CAMnE;AA4VD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACzF,OAAO,EACP,IAAI,EACJ,OAAe,EACf,KAAa,EACb,YAAY,EACZ,OAAO,EACP,UAAU,EACV,eAAoB,EACpB,OAAO,EACP,UAAU,EACV,SAAS,EACT,KAAK,EACL,OAAO,EAAE,cAA2B,EACpC,UAAkB,EAClB,MAAY,EACZ,UAAkB,EAClB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,eAAe,EAAE,yBAAyB,EAC1C,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,wBAAwB,EACxC,qBAAqB,EACrB,wBAAwB,EACxB,KAAK,EACL,SAAS,EACT,iBAAyB,EACzB,mBAA2B,EAC3B,qBAA6B,EAC7B,0BAAiC,EACjC,qBAA6B,EAC7B,EAAE,GACH,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,SAAS,CAqNnC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC1F,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,GAClC,sBAAsB,CAAC,CAAC,CAAC,CA8H3B"}

package/dist/blocks/data-grid-block/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * DataGrid Block
+ *
+ * Advanced data table block with toolbar, pagination, sorting, filtering,
+ * row actions, and server-side data support.
+ *
+ * @module blocks/data-grid-block
+ */
+export { DataGridBlock, useDataGridBlock, useDataGridBlockContext } from './data-grid-block.js';
+export type { DataGridBlockProps, DataGridBlockContextValue, DataGridRowAction, DataGridToolbarConfig, DataGridPaginationConfig, DataGridSelectionConfig, DataGridEmptyConfig, QuickFilterConfig, ExportConfig, ColumnVisibilityConfig, UseDataGridBlockOptions, UseDataGridBlockReturn, DataGridFetchParams, DataGridFetchResult, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/data-grid-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/data-grid-block/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEhG,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,YAAY,CAAC"}