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

package/dist/cjs/components/table/parts/TableCell.d.cts

@@ -1,80 +0,0 @@
-import { default as React } from 'react';
-export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
-    colIndex?: number;
-    rowIndex?: number;
-    align?: 'left' | 'center' | 'right';
-    isRowHeader?: boolean;
-}
-export declare const tableCell: import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * The `TableCell` component renders a cell in the table, containing data.
- * It handles keyboard navigation, focus management, and accessibility attributes.
- * @component
- * @param {TableCellProps} props - The props for the `TableCell` component
- * @param {ReactNode} props.children - The content to render in the cell
- * @param {number} [props.colIndex=0] - The index of the column (automatically set by TableRow)
- * @param {number} [props.rowIndex=0] - The index of the row (automatically set by TableRow)
- * @param {'left' | 'center' | 'right'} [props.align] - The text alignment within the cell
- * @param {boolean} [props.isRowHeader=false] - Whether this cell is a row header (renders as `<th>` instead of `<td>`)
- * @example
- * ```tsx
- * import { TableCell } from '@payfit/unity-components'
- *
- * <TableCell>Cell content</TableCell>
- * ```
- * @example
- * ```tsx
- * // Row header with right alignment
- * import { TableCell } from '@payfit/unity-components'
- *
- * <TableCell isRowHeader align="right">Employee ID</TableCell>
- * ```
- * @see {@link TableCellProps} for all available props
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablecell--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-export { TableCell };

package/dist/cjs/components/table/parts/TableColumnHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),C=require("tailwind-variants"),T=require("../../actionable/Actionable.cjs"),j=require("../Table.context.cjs"),n=C.tv({base:["uy-align-middle uy-leading-100","uy-px-200 uy-py-100 uy-typography-action uy-text-content-neutral","focus-visible:uy-outline-2 focus-visible:-uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"],variants:{align:{left:"uy-text-left",center:"uy-text-center",right:"uy-text-right"}}}),b=g.forwardRef(({children:u,colIndex:a=0,rowIndex:f=0,align:s,onKeyDown:l,onFocus:t,className:o,...i},c)=>{const{keyboardNavigation:m}=j.useTableContext(),{isCellFocused:x,handleCellKeyDown:h,handleCellFocus:d}=m,v=x(f,a),y=e=>{e.key!=="Tab"&&(h(e),l==null||l(e))};return"onPress"in i?r.jsx("th",{ref:c,role:"columnheader","aria-colindex":a+1,className:n({align:s,className:o}),"data-dd-privacy":"allow",onKeyDown:y,onFocus:e=>{d(e),t==null||t(e)},children:r.jsx(T.Actionable,{...i,children:u})}):r.jsx("th",{ref:c,role:"columnheader","aria-colindex":a+1,tabIndex:v?0:-1,className:n({align:s,className:o}),onKeyDown:y,onFocus:e=>{d(e),t==null||t(e)},"data-dd-privacy":"allow",...i,children:u})});b.displayName="TableColumnHeader";exports.TableColumnHeader=b;exports.tableColumnHeader=n;

package/dist/cjs/components/table/parts/TableColumnHeader.d.cts

@@ -1,89 +0,0 @@
-import { default as React } from 'react';
-import { ActionableProps } from '../../actionable/Actionable.cjs';
-type BaseTableColumnHeaderProps = {
-    colIndex?: number;
-    rowIndex?: number;
-    align?: 'left' | 'center' | 'right';
-};
-type StaticTableColumnHeaderProps = BaseTableColumnHeaderProps & React.ThHTMLAttributes<HTMLTableCellElement>;
-type InteractiveTableColumnHeaderProps = BaseTableColumnHeaderProps & ActionableProps;
-export type TableColumnHeaderProps = (StaticTableColumnHeaderProps & {
-    onPress?: never;
-}) | InteractiveTableColumnHeaderProps;
-export declare const tableColumnHeader: import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}, {
-    align: {
-        left: string;
-        center: string;
-        right: string;
-    };
-}>, unknown, unknown, undefined>>;
-/**
- * The `TableColumnHeader` component renders a header cell in the table's header row.
- * It can be either static or interactive (clickable) and supports text alignment.
- * @param {TableColumnHeaderProps} props - The props for the `TableColumnHeader` component
- * @param {ReactNode} props.children - The content to render in the header cell
- * @param {number} [props.colIndex=0] - The index of the column (automatically set by TableHeader)
- * @param {number} [props.rowIndex=0] - The index of the row (automatically set by TableHeader)
- * @param {'left' | 'center' | 'right'} [props.align] - The text alignment within the header cell
- * @param {Function} [props.onPress] - Optional callback for when the header is clicked (makes the header interactive)
- * @example
- * ```tsx
- * import { TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableColumnHeader>Name</TableColumnHeader>
- * ```
- * @example
- * ```tsx
- * // Interactive header with center alignment
- * import { TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableColumnHeader
- *   align="center"
- *   onPress={() => console.log('Header clicked')}
- * >
- *   Department
- * </TableColumnHeader>
- * ```
- * @see {@link TableColumnHeaderProps} for all available props
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table-tablecolumnheader--docs|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-export { TableColumnHeader };

package/dist/cjs/components/table/parts/TableEmptyState.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),m=require("react-intl"),u=require("tailwind-variants"),y=require("../../spinner/Spinner.cjs"),d=require("../../text/Text.cjs"),x=require("../assets/EmptyStateError.svg.cjs"),b=require("../assets/EmptyStateNoData.svg.cjs"),p=u.tv({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=s.forwardRef((e,i)=>{const{variant:a,children:o}=e,l=s.useMemo(()=>{switch(a){case"title":return"bodyStrong";case"description":default:return"body"}},[a]),c=s.useMemo(()=>{switch(a){case"title":return"h6";case"description":default:return"p"}},[a]);return t.jsx(d.Text,{variant:l,asElement:c,ref:i,className:"uy-text-center",children:o})});r.displayName="TableEmptyStateText";const n=s.forwardRef(({children:e,className:i,...a},o)=>{const{base:l,wrapper:c}=p();return t.jsx("div",{"data-dd-privacy":"allow",...a,ref:o,className:l(),children:t.jsx("div",{className:c({className:i}),children:e})})});n.displayName="TableEmptyState";const E=()=>{const e=m.useIntl();return t.jsx(n,{children:t.jsx(y.Spinner,{size:"medium",label:e.formatMessage({id:"unity:component:table:empty-state:loading:title"})})})},S=()=>{const e=m.useIntl();return t.jsxs(n,{children:[t.jsx(b,{}),t.jsx(r,{variant:"title",children:e.formatMessage({id:"unity:component:table:empty-state:no-data:title"})}),t.jsx(r,{variant:"description",children:e.formatMessage({id:"unity:component:table:empty-state:no-data:description"})})]})},T=()=>{const e=m.useIntl();return t.jsxs(n,{children:[t.jsx(x,{}),t.jsx(r,{variant:"title",children:e.formatMessage({id:"unity:component:table:empty-state:error:title"})}),t.jsx(r,{variant:"description",children:e.formatMessage({id:"unity:component:table:empty-state:error:description"})})]})};exports.TableEmptyState=n;exports.TableEmptyStateError=T;exports.TableEmptyStateLoading=E;exports.TableEmptyStateNoData=S;exports.TableEmptyStateText=r;exports.tableEmptyState=p;

package/dist/cjs/components/table/parts/TableEmptyState.d.cts

@@ -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/cjs/components/table/parts/TableHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),c=require("tailwind-variants"),b=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=b(d),o=c.tv({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"]}),u=d.forwardRef(({children:e,...l},n)=>{const s=t.default.Children.map(e,(r,i)=>t.default.isValidElement(r)?t.default.cloneElement(r,{rowIndex:i,...r.props}):r);return a.jsx("thead",{ref:n,className:o(),"data-dd-privacy":"allow",...l,children:a.jsx("tr",{children:s})})});u.displayName="TableHeader";exports.TableHeader=u;exports.tableHeader=o;

package/dist/cjs/components/table/parts/TableHeader.d.cts

@@ -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/cjs/components/table/parts/TablePagination.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),q=require("react-aria"),I=require("react-intl"),O=require("tailwind-variants"),R=require("../../pagination/Pagination.cjs"),T=require("../../select/parts/SelectOption.cjs"),L=require("../../select/Select.cjs"),m=O.tv({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"]}),A=[{value:"10",label:"10"},{value:"50",label:"50"},{value:"100",label:"100"},{value:"200",label:"200"}],f=y.forwardRef((P,h)=>{const{pageCount:t,rowCount:l,currentPage:u,rowsPerPage:n=10,defaultPage:c,pageSizeOptions:j=A,defaultPageSize:x=n,onPageChange:v,onNextPress:S,onPreviousPress:N,onPageSizeChange:o,itemLabel:g="unity:component:table:pagination:item",...w}=P,a=q.useId(),s=I.useIntl(),[M,$]=y.useState(x),z={pageCount:t,defaultPage:c,currentPage:u,onPageChange:v,onNextPress:S,onPreviousPress:N},r=Math.max(((u??c??1)-1)*n+1,1),d=Math.min(r+n-1,l),p={singular:s.formatMessage({id:g,defaultMessage:"items"},{count:1}),plural:s.formatMessage({id:g,defaultMessage:"items"},{count:2})};return e.jsxs("div",{"data-dd-privacy":"allow",...w,ref:h,className:m(),"data-unity-slot":"table-pagination",children:[e.jsx("div",{className:"uy-justify-self-start",children:e.jsx("span",{id:`table-pagination-${a}-label`,className:"uy-typography-body uy-text-content-neutral",children:s.formatMessage({id:"unity:component:table:pagination:label",defaultMessage:`${r}-${d} out of ${l*t} items`},{pageCount:t,startRow:r,endRow:d,totalRows:l*t,itemLabel:p.plural})})}),e.jsx("div",{className:"uy-justify-self-center",children:t>1&&e.jsx(R.Pagination,{...z,"aria-labelledby":`table-pagination-${a}-label`})}),e.jsx("div",{className:"uy-justify-self-end",children:e.jsxs("form",{className:"uy-flex uy-gap-100 uy-items-center",children:[e.jsx("label",{className:"uy-shrink-0",id:`table-pagination-${a}-pagesize-label`,htmlFor:`table-pagination-${a}-pagesize-select`,children:s.formatMessage({id:"unity:component:table:pagination:page-size-control-label",defaultMessage:"Items per page"},{itemLabel:p.plural})}),e.jsx("div",{className:"uy-grow-0 uy-w-1000",children:e.jsx(L.Select,{id:`table-pagination-${a}-pagesize-select`,items:j,placeholder:"",value:`${M}`,onChange:i=>{const b=parseInt(i,10);o==null||o(b),$(b)},"aria-labelledby":`table-pagination-${a}-pagesize-label`,children:i=>e.jsx(T.SelectOption,{id:i.value,children:i.label})})})]})})]})});f.displayName="TablePagination";exports.TablePagination=f;exports.tablePagination=m;

package/dist/cjs/components/table/parts/TablePagination.d.cts

@@ -1,135 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { PaginationProps } from '../../pagination/Pagination.cjs';
-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/cjs/components/table/parts/TableRow.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),f=require("tailwind-variants"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=y(t),l=f.tv({base:["uy-group uy-h-500","uy-bg-surface-neutral uy-border-b uy-border-solid uy-border-b-border-neutral-enabled","uy-transition-colors uy-duration-200 uy-ease-in-out","hover:uy-border-b-border-neutral-hover hover:uy-bg-surface-neutral-low-hover","aria-[selected=true]:uy-bg-surface-neutral-selected aria-[selected=true]:uy-border-b-border-neutral-selected","focus-visible:uy-outline-2 focus-visible:-uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"]}),s=t.forwardRef(({children:e,rowIndex:u=0,onKeyDown:a,isSelected:o,...i},n)=>{const d=t.Children.map(e,(r,b)=>p.default.isValidElement(r)?t.cloneElement(r,{rowIndex:u,colIndex:b,...r.props}):r);return c.jsx("tr",{ref:n,role:"row",className:l(),"aria-rowindex":u+1,"aria-selected":o,onKeyDown:r=>{a==null||a(r)},"data-dd-privacy":"mask","data-selectable":o!==void 0,...i,children:d})});s.displayName="TableRow";exports.TableRow=s;exports.tableRow=l;

package/dist/cjs/components/table/parts/TableRow.d.cts

@@ -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 };

package/dist/cjs/components/tabs/Tabs.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("react"),b=require("react-aria-components"),u=require("./Tabs.context.cjs"),d=require("./Tabs.variant.cjs"),r=c.forwardRef(({children:t,variant:e,scrollable:a=!1,...n},o)=>{const{base:i}=d.tabsVariant({variant:e,scrollable:a});return s.jsx(u.TabsProvider,{variant:e,scrollable:a,children:s.jsx(b.Tabs,{"data-dd-privacy":"allow",ref:o,className:i(),...n,children:t})})});r.displayName="Tabs";exports.Tabs=r;

package/dist/cjs/components/tabs/Tabs.context.d.cts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { tabsVariant } from './Tabs.variant.cjs';
-interface TabsContextValue {
-    variant: VariantProps<typeof tabsVariant>['variant'];
-    scrollable: boolean;
-}
-export declare const TabsContext: import('react').Context<TabsContextValue>;
-export declare function TabsProvider({ children, variant, scrollable, }: PropsWithChildren<TabsContextValue>): import("react/jsx-runtime").JSX.Element;
-export declare function useTabsContext(): TabsContextValue;
-export {};

package/dist/cjs/components/tabs/Tabs.d.cts

@@ -1,12 +0,0 @@
-import { TabsProps as AriaTabsProps } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
-import { tabsVariant } from './Tabs.variant.cjs';
-export interface TabsProps extends Omit<AriaTabsProps, 'isDisabled' | 'orientation' | 'className' | 'style' | 'disabledKeys' | 'keyboardActivation' | 'slot'>, VariantProps<typeof tabsVariant> {
-    /** set to true to make the tabs scrollable */
-    scrollable?: boolean;
-}
-/**
- * Tabs allow users to explore and switch between different views.
- */
-declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
-export { Tabs };

package/dist/cjs/components/tabs/Tabs.variant.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{base:"uy-w-full",tabList:"uy-flex",tab:["uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',"hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"]},variants:{variant:{primary:{tab:"data-[selected]:after:uy-bg-border-form-active"},neutral:{tab:"data-[selected]:after:uy-bg-content-neutral"}},scrollable:{true:{tabList:""},false:{base:"",tabList:"uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled"}}},defaultVariants:{variant:"primary",scrollable:!1}});exports.tabsVariant=t;