cekat-ui 1.3.4 → 1.3.5

package/dist/index.d.mts

@@ -1,12 +1,23 @@
 import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
 import { ButtonRenderProps } from 'react-aria-components';
+import { CellProps as CellProps_2 } from 'react-aria-components';
 import { ClassValue } from 'clsx';
+import { ColumnProps as ColumnProps_2 } from 'react-aria-components';
+import { ColumnResizerProps as ColumnResizerProps_2 } from 'react-aria-components';
 import { default as default_2 } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Key } from 'react-aria-components';
 import { PressEvent } from 'react-aria-components';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import { ResizableTableContainerProps } from 'react-aria-components';
+import { RowProps as RowProps_2 } from 'react-aria-components';
+import { SelectionIndicator } from 'react-aria-components';
+import { TableBodyProps as TableBodyProps_2 } from 'react-aria-components';
+import { TableFooterProps as TableFooterProps_2 } from 'react-aria-components';
+import { TableHeaderProps as TableHeaderProps_2 } from 'react-aria-components';
+import { TableLoadMoreItemProps as TableLoadMoreItemProps_2 } from 'react-aria-components';
+import { TableProps as TableProps_2 } from 'react-aria-components';
 
 export declare const Alert: {
     ({ title, description, color, layout, background, icon, iconVariant, showIcon, primaryAction, secondaryAction, actionVariant, actions, onClose, closeLabel, className, ...props }: AlertProps): JSX_2.Element;
@@ -267,6 +278,24 @@ declare interface CardNumberInputProps {
     wrapperClassName?: InputProps['wrapperClassName'];
 }
 
+/**
+ * `min-h-[42px]`, never `h-[42px]` — a fixed height plus no truncation would
+ * silently clip content, so rows grow instead. No `overflow-hidden` either:
+ * it would clip focus rings on interactive children, the exact failure this
+ * component exists to prevent.
+ *
+ * Renders as a real `<td>` (`table-cell`), not `display:flex` — Figma's CSS
+ * export specifies flex directly on the cell, but that breaks the table's
+ * row/column layout. The flex/gap/align-items/padding from that spec live on
+ * an inner wrapper `<div>` instead, which achieves the same visual result.
+ */
+export declare const Cell: React_2.ForwardRefExoticComponent<CellProps & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare interface CellProps extends CellProps_2, StickyProps {
+}
+
+export declare const cellTruncate = "block truncate";
+
 export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface CheckboxProps {
@@ -283,6 +312,38 @@ declare type CheckboxSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+/**
+ * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
+ * plain boolean — the unsorted glyph stays visible at all times (not
+ * hover-revealed) so keyboard users can discover sortable columns.
+ */
+export declare const Column: React_2.ForwardRefExoticComponent<ColumnProps & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare interface ColumnProps extends ColumnProps_2, StickyProps {
+    /** Horizontal alignment of the column's header content. Not an RAC prop. */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Extra header control — a "⋮" menu trigger, a filter icon button, etc.
+     * Rendered as a DOM sibling of the sort trigger content (never nested
+     * inside it), and its pointer/keyboard events are stopped from bubbling
+     * to the column header — same isolation as `ColumnResizer` — so opening
+     * the menu doesn't also fire a sort. Not an RAC prop.
+     */
+    actions?: React_2.ReactNode;
+}
+
+/**
+ * RAC 1.20.0 has no `allowsResizing` prop on `Column` (verified against
+ * types, not docs — see .audit/table-rac-verification.md). A column becomes
+ * resizable simply by rendering this inside it, alongside `width`/
+ * `minWidth`/`maxWidth`. Render it as a sibling of the sort trigger's
+ * content, not inside it, so a resize drag never fires a sort.
+ */
+export declare const ColumnResizer: React_2.ForwardRefExoticComponent<ColumnResizerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ColumnResizerProps extends ColumnResizerProps_2 {
+}
+
 export declare function Dropdown({ trigger, label, icon, avatarSrc, avatarInitials, header, items, open: openProp, defaultOpen, onOpenChange, disabled, align, className, menuClassName, }: DropdownProps): JSX_2.Element;
 
 export declare interface DropdownHeader {
@@ -330,6 +391,22 @@ export declare interface DropdownProps {
 
 export declare type DropdownTriggerType = 'button' | 'icon' | 'avatar';
 
+/**
+ * Standalone, not table-scoped — search results and filtered lists need it
+ * too. Structure follows the shipped "No Data Found" design (Figma
+ * 1880:13957), not the Untitled UI variant: no decorative background
+ * pattern, since that pattern is untokenized and absent from the product.
+ */
+export declare const EmptyState: React_2.ForwardRefExoticComponent<EmptyStateProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface EmptyStateProps {
+    icon?: React_2.ReactNode;
+    title: string;
+    description?: string;
+    actions?: React_2.ReactNode;
+    className?: string;
+}
+
 export declare const Input: InputCompound;
 
 /**
@@ -544,6 +621,13 @@ declare type RadioSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+export declare const Row: <T extends object>(props: RowProps<T> & {
+    ref?: React_2.Ref<HTMLTableRowElement>;
+}) => React_2.ReactElement;
+
+export declare interface RowProps<T extends object> extends RowProps_2<T> {
+}
+
 export declare function SaleAmountInput({ size, label, required, hint, error, disabled, value, placeholder, currency, onCurrencyChange, rightIcon, onChange, className, wrapperClassName, }: SaleAmountInputProps): JSX_2.Element;
 
 declare interface SaleAmountInputProps {
@@ -563,6 +647,25 @@ declare interface SaleAmountInputProps {
     wrapperClassName?: InputProps['wrapperClassName'];
 }
 
+export { SelectionIndicator }
+
+/**
+ * Shared by `Column` and `Cell`. Freezes the element during horizontal scroll
+ * — `'left'` pins it to the left edge, `'right'` to the right. Requires an
+ * explicit `width` on the column (a sticky element needs a fixed position,
+ * not an intrinsic one) and, if more than one column is frozen on the same
+ * edge, a `stickyOffset` accounting for the others' widths (e.g. `44` to sit
+ * right after a 44px frozen checkbox column). Set the *same* `sticky`/
+ * `stickyOffset` on every `Cell` in a frozen column — the header and body
+ * freeze independently, since a `<td>` doesn't inherit sticky positioning
+ * from its `<th>`. Neither prop is part of RAC.
+ */
+declare interface StickyProps {
+    sticky?: 'left' | 'right';
+    /** Pixel offset from the frozen edge. Default `0`. */
+    stickyOffset?: number;
+}
+
 /**
  * Renders on react-aria-components' `<Tab>`, so it only works inside a `TabList` (which
  * supplies the `<Tabs>` context). `active`/`onClick` stay the public API — `TabList` reads
@@ -704,6 +807,48 @@ export declare interface TabBrowserProps extends Omit<React_2.ButtonHTMLAttribut
  */
 export declare type TabBrowserType = 'default' | 'max-width';
 
+export declare const Table: React_2.ForwardRefExoticComponent<TableProps & React_2.RefAttributes<HTMLTableElement>>;
+
+export declare const TableBody: <T extends object>(props: TableBodyProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableBodyProps<T extends object> extends TableBodyProps_2<T> {
+}
+
+/**
+ * `TableContainer` IS `ResizableTableContainer`, not a wrapper around it.
+ * RAC's `width`/`minWidth`/`maxWidth` column props only take effect inside
+ * this component, and it is the scroll container the sticky header
+ * positions against — so there is no unstyled variant to fall back to.
+ */
+export declare const TableContainer: React_2.ForwardRefExoticComponent<TableContainerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TableContainerProps extends ResizableTableContainerProps {
+}
+
+export declare const TableFooter: <T extends object>(props: TableFooterProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableFooterProps<T extends object> extends TableFooterProps_2<T> {
+}
+
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableHeaderProps<T extends object> extends TableHeaderProps_2<T> {
+}
+
+export declare const TableLoadMoreItem: React_2.ForwardRefExoticComponent<TableLoadMoreItemProps & React_2.RefAttributes<HTMLTableRowElement>>;
+
+export declare interface TableLoadMoreItemProps extends TableLoadMoreItemProps_2 {
+}
+
+export declare interface TableProps extends TableProps_2 {
+}
+
 /**
  * Backed by react-aria-components' `<Tabs>` for roving-tabindex arrow-key navigation and
  * focus management. Selection still lives with the caller: each `Tab` child's own

package/dist/index.d.ts

@@ -1,12 +1,23 @@
 import { ButtonProps as ButtonProps_2 } from 'react-aria-components';
 import { ButtonRenderProps } from 'react-aria-components';
+import { CellProps as CellProps_2 } from 'react-aria-components';
 import { ClassValue } from 'clsx';
+import { ColumnProps as ColumnProps_2 } from 'react-aria-components';
+import { ColumnResizerProps as ColumnResizerProps_2 } from 'react-aria-components';
 import { default as default_2 } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Key } from 'react-aria-components';
 import { PressEvent } from 'react-aria-components';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
+import { ResizableTableContainerProps } from 'react-aria-components';
+import { RowProps as RowProps_2 } from 'react-aria-components';
+import { SelectionIndicator } from 'react-aria-components';
+import { TableBodyProps as TableBodyProps_2 } from 'react-aria-components';
+import { TableFooterProps as TableFooterProps_2 } from 'react-aria-components';
+import { TableHeaderProps as TableHeaderProps_2 } from 'react-aria-components';
+import { TableLoadMoreItemProps as TableLoadMoreItemProps_2 } from 'react-aria-components';
+import { TableProps as TableProps_2 } from 'react-aria-components';
 
 export declare const Alert: {
     ({ title, description, color, layout, background, icon, iconVariant, showIcon, primaryAction, secondaryAction, actionVariant, actions, onClose, closeLabel, className, ...props }: AlertProps): JSX_2.Element;
@@ -267,6 +278,24 @@ declare interface CardNumberInputProps {
     wrapperClassName?: InputProps['wrapperClassName'];
 }
 
+/**
+ * `min-h-[42px]`, never `h-[42px]` — a fixed height plus no truncation would
+ * silently clip content, so rows grow instead. No `overflow-hidden` either:
+ * it would clip focus rings on interactive children, the exact failure this
+ * component exists to prevent.
+ *
+ * Renders as a real `<td>` (`table-cell`), not `display:flex` — Figma's CSS
+ * export specifies flex directly on the cell, but that breaks the table's
+ * row/column layout. The flex/gap/align-items/padding from that spec live on
+ * an inner wrapper `<div>` instead, which achieves the same visual result.
+ */
+export declare const Cell: React_2.ForwardRefExoticComponent<CellProps & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare interface CellProps extends CellProps_2, StickyProps {
+}
+
+export declare const cellTruncate = "block truncate";
+
 export declare const Checkbox: React_2.ForwardRefExoticComponent<CheckboxProps & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface CheckboxProps {
@@ -283,6 +312,38 @@ declare type CheckboxSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+/**
+ * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
+ * plain boolean — the unsorted glyph stays visible at all times (not
+ * hover-revealed) so keyboard users can discover sortable columns.
+ */
+export declare const Column: React_2.ForwardRefExoticComponent<ColumnProps & React_2.RefAttributes<HTMLTableCellElement>>;
+
+export declare interface ColumnProps extends ColumnProps_2, StickyProps {
+    /** Horizontal alignment of the column's header content. Not an RAC prop. */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Extra header control — a "⋮" menu trigger, a filter icon button, etc.
+     * Rendered as a DOM sibling of the sort trigger content (never nested
+     * inside it), and its pointer/keyboard events are stopped from bubbling
+     * to the column header — same isolation as `ColumnResizer` — so opening
+     * the menu doesn't also fire a sort. Not an RAC prop.
+     */
+    actions?: React_2.ReactNode;
+}
+
+/**
+ * RAC 1.20.0 has no `allowsResizing` prop on `Column` (verified against
+ * types, not docs — see .audit/table-rac-verification.md). A column becomes
+ * resizable simply by rendering this inside it, alongside `width`/
+ * `minWidth`/`maxWidth`. Render it as a sibling of the sort trigger's
+ * content, not inside it, so a resize drag never fires a sort.
+ */
+export declare const ColumnResizer: React_2.ForwardRefExoticComponent<ColumnResizerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ColumnResizerProps extends ColumnResizerProps_2 {
+}
+
 export declare function Dropdown({ trigger, label, icon, avatarSrc, avatarInitials, header, items, open: openProp, defaultOpen, onOpenChange, disabled, align, className, menuClassName, }: DropdownProps): JSX_2.Element;
 
 export declare interface DropdownHeader {
@@ -330,6 +391,22 @@ export declare interface DropdownProps {
 
 export declare type DropdownTriggerType = 'button' | 'icon' | 'avatar';
 
+/**
+ * Standalone, not table-scoped — search results and filtered lists need it
+ * too. Structure follows the shipped "No Data Found" design (Figma
+ * 1880:13957), not the Untitled UI variant: no decorative background
+ * pattern, since that pattern is untokenized and absent from the product.
+ */
+export declare const EmptyState: React_2.ForwardRefExoticComponent<EmptyStateProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface EmptyStateProps {
+    icon?: React_2.ReactNode;
+    title: string;
+    description?: string;
+    actions?: React_2.ReactNode;
+    className?: string;
+}
+
 export declare const Input: InputCompound;
 
 /**
@@ -544,6 +621,13 @@ declare type RadioSize = 'sm' | 'md'
 /** @deprecated `lg` is no longer a distinct size — it now renders identically to `md` and will be removed in a future major version. Migrate to `md`. */
 | 'lg';
 
+export declare const Row: <T extends object>(props: RowProps<T> & {
+    ref?: React_2.Ref<HTMLTableRowElement>;
+}) => React_2.ReactElement;
+
+export declare interface RowProps<T extends object> extends RowProps_2<T> {
+}
+
 export declare function SaleAmountInput({ size, label, required, hint, error, disabled, value, placeholder, currency, onCurrencyChange, rightIcon, onChange, className, wrapperClassName, }: SaleAmountInputProps): JSX_2.Element;
 
 declare interface SaleAmountInputProps {
@@ -563,6 +647,25 @@ declare interface SaleAmountInputProps {
     wrapperClassName?: InputProps['wrapperClassName'];
 }
 
+export { SelectionIndicator }
+
+/**
+ * Shared by `Column` and `Cell`. Freezes the element during horizontal scroll
+ * — `'left'` pins it to the left edge, `'right'` to the right. Requires an
+ * explicit `width` on the column (a sticky element needs a fixed position,
+ * not an intrinsic one) and, if more than one column is frozen on the same
+ * edge, a `stickyOffset` accounting for the others' widths (e.g. `44` to sit
+ * right after a 44px frozen checkbox column). Set the *same* `sticky`/
+ * `stickyOffset` on every `Cell` in a frozen column — the header and body
+ * freeze independently, since a `<td>` doesn't inherit sticky positioning
+ * from its `<th>`. Neither prop is part of RAC.
+ */
+declare interface StickyProps {
+    sticky?: 'left' | 'right';
+    /** Pixel offset from the frozen edge. Default `0`. */
+    stickyOffset?: number;
+}
+
 /**
  * Renders on react-aria-components' `<Tab>`, so it only works inside a `TabList` (which
  * supplies the `<Tabs>` context). `active`/`onClick` stay the public API — `TabList` reads
@@ -704,6 +807,48 @@ export declare interface TabBrowserProps extends Omit<React_2.ButtonHTMLAttribut
  */
 export declare type TabBrowserType = 'default' | 'max-width';
 
+export declare const Table: React_2.ForwardRefExoticComponent<TableProps & React_2.RefAttributes<HTMLTableElement>>;
+
+export declare const TableBody: <T extends object>(props: TableBodyProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableBodyProps<T extends object> extends TableBodyProps_2<T> {
+}
+
+/**
+ * `TableContainer` IS `ResizableTableContainer`, not a wrapper around it.
+ * RAC's `width`/`minWidth`/`maxWidth` column props only take effect inside
+ * this component, and it is the scroll container the sticky header
+ * positions against — so there is no unstyled variant to fall back to.
+ */
+export declare const TableContainer: React_2.ForwardRefExoticComponent<TableContainerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface TableContainerProps extends ResizableTableContainerProps {
+}
+
+export declare const TableFooter: <T extends object>(props: TableFooterProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableFooterProps<T extends object> extends TableFooterProps_2<T> {
+}
+
+export declare const TableHeader: <T extends object>(props: TableHeaderProps<T> & {
+    ref?: React_2.Ref<HTMLTableSectionElement>;
+}) => React_2.ReactElement;
+
+export declare interface TableHeaderProps<T extends object> extends TableHeaderProps_2<T> {
+}
+
+export declare const TableLoadMoreItem: React_2.ForwardRefExoticComponent<TableLoadMoreItemProps & React_2.RefAttributes<HTMLTableRowElement>>;
+
+export declare interface TableLoadMoreItemProps extends TableLoadMoreItemProps_2 {
+}
+
+export declare interface TableProps extends TableProps_2 {
+}
+
 /**
  * Backed by react-aria-components' `<Tabs>` for roving-tabindex arrow-key navigation and
  * focus management. Selection still lives with the caller: each `Tab` child's own