@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/esm/components/table/parts/TableEmptyState.d.ts

@@ -1,177 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const tableEmptyState: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export type TableEmptyStateProps = PropsWithChildren<VariantProps<typeof tableEmptyState>> & {
-    className?: string;
-};
-export interface TableEmptyStateTextProps extends PropsWithChildren {
-    /**
-     * The text's variant. It can be one of two options:
-     * - `title` renders an `h6` element with `bodyStrong` style
-     * - `description` renders a `p` element with `body` style
-     */
-    variant: 'title' | 'description';
-}
-/**
- * The `TableEmptyStateText` component provides styled text elements for empty state messages.
- * Use this component to create consistent text hierarchies within empty states, with support for titles and descriptions.
- * @param {TableEmptyStateTextProps} props - The props for the `TableEmptyStateText` component
- * @see {TableEmptyStateTextProps} for all available props
- * @example
- * ```tsx
- * import { TableEmptyStateText } from '@payfit/unity-components'
- *
- * <TableEmptyStateText variant="title">No results found</TableEmptyStateText>
- * <TableEmptyStateText variant="description">Try adjusting your search filters</TableEmptyStateText>
- * ```
- * @remarks
- * [API](https://unity-components.payfit.io/?path=/story/data-table-tableemptystate--docs) • [Design docs]()
- */
-declare const TableEmptyStateText: import('react').ForwardRefExoticComponent<TableEmptyStateTextProps & import('react').RefAttributes<HTMLElement>>;
-/**
- * The `TableEmptyState` component provides a standardized way to display empty states in tables when there's no data to show.
- * Use this component to improve user experience by providing clear feedback and guidance when a table has no content.
- * @param {TableEmptyStateProps} props - The props for the `TableEmptyState` component
- * @see {@link TableEmptyStateProps} for all available props
- * @example
- * ```tsx
- * import { TableEmptyState } from '@payfit/unity-components'
- *
- * <TableEmptyState>
- *   <img src="/images/empty-state.svg" alt="No data" />
- *   <TableEmptyStateText>No data available</TableEmptyStateText>
- * </TableEmptyState>
- * ```
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tableemptystate--docs|API and Demos} • {@link https://payfit.design|Design docs}
- */
-declare const TableEmptyState: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string;
-    wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string;
-    wrapper: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>> & {
-    children?: import('react').ReactNode | undefined;
-} & {
-    className?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;
-/**
- * A pre-configured loading state for tables.
- * Use this component to indicate that data is being loaded.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateLoading } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateLoading />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateLoading: () => import("react/jsx-runtime").JSX.Element;
-/**
- * A pre-configured empty state for tables with no data.
- * Use this component to indicate that no results were found and provide guidance on how to adjust search or filters.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateNoData } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateNoData />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateNoData: () => import("react/jsx-runtime").JSX.Element;
-/**
- * A pre-configured error state for tables.
- * Use this component to indicate that an error occurred while loading data and provide guidance on how to resolve it.
- * @see {TableEmptyState}
- * @example
- * ```tsx
- * import { TableEmptyStateError } from '@payfit/unity-components'
- *
- * <TableBody renderEmptyState={() => <TableEmptyStateError />}>{[]}</TableBody>
- * ```
- */
-declare const TableEmptyStateError: () => import("react/jsx-runtime").JSX.Element;
-export { TableEmptyState, TableEmptyStateText, TableEmptyStateLoading, TableEmptyStateNoData, TableEmptyStateError, };

package/dist/esm/components/table/parts/TableEmptyState.js

@@ -1,94 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as c } from "react";
-import { useIntl as m } from "react-intl";
-import { tv as y } from "tailwind-variants";
-import { Spinner as u } from "../../spinner/Spinner.js";
-import { Text as f } from "../../text/Text.js";
-import b from "../assets/EmptyStateError.svg.js";
-import x from "../assets/EmptyStateNoData.svg.js";
-const E = y({
-  slots: {
-    base: "uy-flex uy-flex-col uy-items-center uy-justify-center",
-    wrapper: "uy-max-w-[300px] uy-flex uy-flex-col uy-items-center"
-  }
-}), r = d(
-  (t, i) => {
-    const { variant: a, children: o } = t, s = c(() => {
-      switch (a) {
-        case "title":
-          return "bodyStrong";
-        case "description":
-        default:
-          return "body";
-      }
-    }, [a]), l = c(() => {
-      switch (a) {
-        case "title":
-          return "h6";
-        case "description":
-        default:
-          return "p";
-      }
-    }, [a]);
-    return /* @__PURE__ */ e(
-      f,
-      {
-        variant: s,
-        asElement: l,
-        ref: i,
-        className: "uy-text-center",
-        children: o
-      }
-    );
-  }
-);
-r.displayName = "TableEmptyStateText";
-const n = d(
-  ({ children: t, className: i, ...a }, o) => {
-    const { base: s, wrapper: l } = E();
-    return /* @__PURE__ */ e("div", { "data-dd-privacy": "allow", ...a, ref: o, className: s(), children: /* @__PURE__ */ e("div", { className: l({ className: i }), children: t }) });
-  }
-);
-n.displayName = "TableEmptyState";
-const j = () => {
-  const t = m();
-  return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-    u,
-    {
-      size: "medium",
-      label: t.formatMessage({
-        id: "unity:component:table:empty-state:loading:title"
-      })
-    }
-  ) });
-}, D = () => {
-  const t = m();
-  return /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ e(x, {}),
-    /* @__PURE__ */ e(r, { variant: "title", children: t.formatMessage({
-      id: "unity:component:table:empty-state:no-data:title"
-    }) }),
-    /* @__PURE__ */ e(r, { variant: "description", children: t.formatMessage({
-      id: "unity:component:table:empty-state:no-data:description"
-    }) })
-  ] });
-}, z = () => {
-  const t = m();
-  return /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ e(b, {}),
-    /* @__PURE__ */ e(r, { variant: "title", children: t.formatMessage({
-      id: "unity:component:table:empty-state:error:title"
-    }) }),
-    /* @__PURE__ */ e(r, { variant: "description", children: t.formatMessage({
-      id: "unity:component:table:empty-state:error:description"
-    }) })
-  ] });
-};
-export {
-  n as TableEmptyState,
-  z as TableEmptyStateError,
-  j as TableEmptyStateLoading,
-  D as TableEmptyStateNoData,
-  r as TableEmptyStateText,
-  E as tableEmptyState
-};

package/dist/esm/components/table/parts/TableHeader.d.ts

@@ -1,29 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const tableHeader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export type TableHeaderProps = PropsWithChildren<VariantProps<typeof tableHeader>>;
-/**
- * The `TableHeader` component renders the header section of a table, containing column headers.
- * It automatically processes its children to add row indices and applies appropriate styling.
- * @param {TableHeaderProps} props - The props for the `TableHeader` component
- * @param {ReactNode} props.children - The column headers to render (typically TableColumnHeader components)
- * @example
- * ```tsx
- * import { TableHeader, TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableHeader>
- *   <TableColumnHeader>Name</TableColumnHeader>
- *   <TableColumnHeader>Email</TableColumnHeader>
- *   <TableColumnHeader>Department</TableColumnHeader>
- * </TableHeader>
- * ```
- * @see {@link TableHeaderProps} for all available props
- * @see {@link TableColumnHeader} for the column header component
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tableheader--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableHeader: React.ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableHeader };

package/dist/esm/components/table/parts/TableHeader.js

@@ -1,35 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import r, { forwardRef as u } from "react";
-import { tv as s } from "tailwind-variants";
-const y = s({
-  base: [
-    "uy-h-500 uy-bg-surface-neutral-low uy-rounded-tl-100 uy-rounded-tr-100 uy-overflow-hidden",
-    "uy-sticky uy-top-0 uy-z-[1]",
-    "[&_tr]:uy-border-b [&_tr]:uy-border-solid [&_tr]:uy-border-b-border-neutral-enabled"
-  ]
-}), b = u(
-  ({ children: o, ...d }, a) => {
-    const l = r.Children.map(o, (e, n) => r.isValidElement(e) ? r.cloneElement(
-      e,
-      {
-        rowIndex: n,
-        ...e.props
-      }
-    ) : e);
-    return /* @__PURE__ */ t(
-      "thead",
-      {
-        ref: a,
-        className: y(),
-        "data-dd-privacy": "allow",
-        ...d,
-        children: /* @__PURE__ */ t("tr", { children: l })
-      }
-    );
-  }
-);
-b.displayName = "TableHeader";
-export {
-  b as TableHeader,
-  y as tableHeader
-};

package/dist/esm/components/table/parts/TablePagination.d.ts

@@ -1,135 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { PaginationProps } from '../../pagination/Pagination.js';
-export declare const tablePagination: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-type PageSizeOption = {
-    value: string;
-    label: string;
-};
-export interface TablePaginationProps extends PropsWithChildren<VariantProps<typeof tablePagination>> {
-    /**
-     * The total number of pages to display
-     */
-    pageCount: number;
-    /**
-     * Represents the total number of rows that are available or being counted.
-     * This variable typically holds a numeric value to indicate the total count of rows
-     * relevant for a specific process, dataset, or operation.
-     */
-    rowCount: number;
-    /**
-     * The number of rows per page
-     */
-    rowsPerPage: number;
-    /**
-     * Represents the current page being viewed or processed in a paginated dataset.
-     * This variable may be optional depending on the application logic and usage context,
-     * and can hold either a numeric value indicating the current page or remain undefined
-     * if not explicitly set.
-     */
-    currentPage?: number;
-    /**
-     * The initial page to display when in uncontrolled mode
-     */
-    defaultPage?: number;
-    /**
-     * Represents the default number of items to display per page in a paginated view.
-     * The value is expected to correspond to one of the selectable options available via `PageSizeOption`.
-     * This property is optional and can be left undefined, in which case a default behavior may apply.
-     */
-    defaultPageSize?: PageSizeOption['value'];
-    /**
-     * A callback function that is triggered when a page is hovered over in the pagination component.
-     *
-     * This function is intended for handling hover events on individual pagination controls or elements.
-     * It is derived from the `onPageHover` property in the `Pagination` component.
-     */
-    onPageHover?: PaginationProps['onPageHover'];
-    /**
-     * Callback fired when the page changes
-     * @param page - The new page number
-     * @param previous - The previous page number
-     * @param direction - The direction of navigation (1 for forward, -1 for backward)
-     */
-    onPageChange?: PaginationProps['onPageChange'];
-    /**
-     * Optional callback for next button press
-     */
-    onNextPress?: PaginationProps['onNextPress'];
-    /**
-     * Optional callback for previous button press
-     */
-    onPreviousPress?: PaginationProps['onPreviousPress'];
-    /**
-     * The options for the number of rows per page selection dropdown.
-     * If not provided, the default options will be used.
-     * @default [
-     *   { value: '10', label: '10' },
-     *   { value: '50', label: '50' },
-     *   { value: '100', label: '100' },
-     *   { value: '200', label: '200' },
-     * ]
-     */
-    pageSizeOptions?: PageSizeOption[];
-    /**
-     * Callback fired when the number of rows per page changes
-     * @param pageSize - The new number of rows per page
-     */
-    onPageSizeChange?: (pageSize: number) => void;
-    /**
-     * The label name that each row in the table represents
-     * @default 'unity:component:table:pagination:item'
-     */
-    itemLabel?: string;
-}
-/**
- * The `TablePagination` component provides pagination controls for tables with large datasets.
- * It displays the current range of items being shown, pagination controls, and a dropdown to change the number of rows per page.
- * @note This is a **stateless** component, meaning that it does not manage its own state, and you have to provide the necessary callbacks to handle page changes and row count changes.
- * @param {TablePaginationProps} props - The props for the `TablePagination` component
- * @param {number} props.pageCount - The total number of pages
- * @param {number} props.rowCount - The total number of rows in the dataset
- * @param {number} props.rowsPerPage - The number of rows per page
- * @param {number} [props.currentPage] - The current page (for controlled pagination)
- * @param {number} [props.defaultPage] - The initial page (for uncontrolled pagination)
- * @param {PageSizeOption[]} [props.pageSizeOptions] - Options for the number of rows per page dropdown
- * @param {string} [props.defaultPageSize] - The default number of rows per page
- * @param {Function} [props.onPageChange] - Callback when the page changes
- * @param {Function} [props.onPageSizeChange] - Callback when the number of rows per page changes
- * @param {string} [props.itemLabel] - Label for the items being paginated
- * @example
- * ```tsx
- * import { TablePagination } from '@payfit/unity-components'
- *
- * <TablePagination
- *   pageCount={10}
- *   rowCount={100}
- *   rowsPerPage={10}
- *   currentPage={1}
- *   onPageChange={(page) => console.log(`Page changed to ${page}`)}
- * />
- * ```
- * @example
- * ```tsx
- * // With custom page size options
- * import { TablePagination } from '@payfit/unity-components'
- *
- * <TablePagination
- *   pageCount={5}
- *   rowCount={50}
- *   rowsPerPage={10}
- *   pageSizeOptions={[
- *     { value: '5', label: '5' },
- *     { value: '10', label: '10' },
- *     { value: '25', label: '25' },
- *   ]}
- *   onPageSizeChange={(size) => console.log(`Page size changed to ${size}`)}
- * />
- * ```
- * @see {@link TablePaginationProps} for all available props
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tableheader--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TablePagination: import('react').ForwardRefExoticComponent<TablePaginationProps & import('react').RefAttributes<HTMLDivElement>>;
-export { TablePagination };

package/dist/esm/components/table/parts/TablePagination.js

@@ -1,139 +0,0 @@
-import { jsxs as b, jsx as e } from "react/jsx-runtime";
-import { forwardRef as x, useState as I } from "react";
-import { useId as j } from "react-aria";
-import { useIntl as L } from "react-intl";
-import { tv as O } from "tailwind-variants";
-import { Pagination as R } from "../../pagination/Pagination.js";
-import { SelectOption as T } from "../../select/parts/SelectOption.js";
-import { Select as C } from "../../select/Select.js";
-const E = O({
-  base: [
-    "uy-bg-surface-neutral-low",
-    "uy-sticky uy-bottom-0",
-    "uy-grid uy-grid-cols-3 uy-items-center",
-    "uy-ps-200 uy-py-100 uy-pe-100"
-  ]
-}), _ = [
-  { value: "10", label: "10" },
-  { value: "50", label: "50" },
-  { value: "100", label: "100" },
-  { value: "200", label: "200" }
-], k = x(
-  (y, f) => {
-    const {
-      pageCount: t,
-      rowCount: s,
-      currentPage: u,
-      rowsPerPage: n = 10,
-      defaultPage: p,
-      pageSizeOptions: h = _,
-      defaultPageSize: P = n,
-      onPageChange: v,
-      onNextPress: N,
-      onPreviousPress: w,
-      onPageSizeChange: o,
-      itemLabel: c = "unity:component:table:pagination:item",
-      ...M
-    } = y, a = j(), l = L(), [$, z] = I(P), S = {
-      pageCount: t,
-      defaultPage: p,
-      currentPage: u,
-      onPageChange: v,
-      onNextPress: N,
-      onPreviousPress: w
-    }, r = Math.max(((u ?? p ?? 1) - 1) * n + 1, 1), m = Math.min(r + n - 1, s), g = {
-      singular: l.formatMessage(
-        {
-          id: c,
-          defaultMessage: "items"
-        },
-        { count: 1 }
-      ),
-      plural: l.formatMessage(
-        {
-          id: c,
-          defaultMessage: "items"
-        },
-        { count: 2 }
-      )
-    };
-    return /* @__PURE__ */ b(
-      "div",
-      {
-        "data-dd-privacy": "allow",
-        ...M,
-        ref: f,
-        className: E(),
-        "data-unity-slot": "table-pagination",
-        children: [
-          /* @__PURE__ */ e("div", { className: "uy-justify-self-start", children: /* @__PURE__ */ e(
-            "span",
-            {
-              id: `table-pagination-${a}-label`,
-              className: "uy-typography-body uy-text-content-neutral",
-              children: l.formatMessage(
-                {
-                  id: "unity:component:table:pagination:label",
-                  defaultMessage: `${r}-${m} out of ${s * t} items`
-                },
-                {
-                  pageCount: t,
-                  startRow: r,
-                  endRow: m,
-                  totalRows: s * t,
-                  itemLabel: g.plural
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "uy-justify-self-center", children: t > 1 && /* @__PURE__ */ e(
-            R,
-            {
-              ...S,
-              "aria-labelledby": `table-pagination-${a}-label`
-            }
-          ) }),
-          /* @__PURE__ */ e("div", { className: "uy-justify-self-end", children: /* @__PURE__ */ b("form", { className: "uy-flex uy-gap-100 uy-items-center", children: [
-            /* @__PURE__ */ e(
-              "label",
-              {
-                className: "uy-shrink-0",
-                id: `table-pagination-${a}-pagesize-label`,
-                htmlFor: `table-pagination-${a}-pagesize-select`,
-                children: l.formatMessage(
-                  {
-                    id: "unity:component:table:pagination:page-size-control-label",
-                    defaultMessage: "Items per page"
-                  },
-                  {
-                    itemLabel: g.plural
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: "uy-grow-0 uy-w-1000", children: /* @__PURE__ */ e(
-              C,
-              {
-                id: `table-pagination-${a}-pagesize-select`,
-                items: h,
-                placeholder: "",
-                value: `${$}`,
-                onChange: (i) => {
-                  const d = parseInt(i, 10);
-                  o == null || o(d), z(d);
-                },
-                "aria-labelledby": `table-pagination-${a}-pagesize-label`,
-                children: (i) => /* @__PURE__ */ e(T, { id: i.value, children: i.label })
-              }
-            ) })
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-k.displayName = "TablePagination";
-export {
-  k as TablePagination,
-  E as tablePagination
-};

package/dist/esm/components/table/parts/TableRow.d.ts

@@ -1,40 +0,0 @@
-import { default as React } from 'react';
-export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
-    rowIndex?: number;
-    isSelected?: boolean;
-}
-export declare const tableRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-/**
- * The `TableRow` component renders a row in the table, containing cells of data.
- * It automatically processes its children to add row and column indices and handles selection state.
- * @param {TableRowProps} props - The props for the `TableRow` component
- * @param {ReactNode} props.children - The cells to render (typically TableCell components)
- * @param {number} [props.rowIndex=0] - The index of the row (automatically set by TableBody)
- * @param {boolean} [props.isSelected] - Whether the row is selected
- * @example
- * ```tsx
- * import { TableRow, TableCell } from '@payfit/unity-components'
- *
- * <TableRow>
- *   <TableCell isRowHeader>John Doe</TableCell>
- *   <TableCell>john.doe@example.com</TableCell>
- *   <TableCell>Engineering</TableCell>
- * </TableRow>
- * ```
- * @example
- * ```tsx
- * // With selection
- * import { TableRow, TableCell } from '@payfit/unity-components'
- *
- * <TableRow isSelected={true}>
- *   <TableCell>Selected row content</TableCell>
- * </TableRow>
- * ```
- * @see {@link TableRowProps} for all available props
- * @see {@link TableCell} for the cell component
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablerow--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-export { TableRow };