components-test-pb 0.1.3 → 0.1.6

package/dist/Components/Button/useButtonStyles.styles.js

@@ -1,145 +0,0 @@
-import { makeStyles, makeResetStyles, mergeClasses, shorthands } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const buttonClassNames = {
-    root: 'Button'
-};
-const useRootBaseClassName = makeResetStyles({
-    alignItems: 'center',
-    boxSizing: 'border-box',
-    display: 'inline-flex',
-    justifyContent: 'center',
-    textDecorationLine: 'none',
-    verticalAlign: 'center',
-    margin: 0,
-    overflow: 'hidden',
-    backgroundColor: Tokens.colorNeutralBackground1,
-    color: Tokens.colorNeutralForeground1,
-    border: `${Tokens.strokeWidthThin} solid ${Tokens.colorNeutralStroke1}`,
-    fontFamily: Tokens.fontFamilyBase,
-    outlineStyle: 'none',
-    ':hover': {
-        backgroundColor: Tokens.colorNeutralBackground1Hover,
-        borderColor: Tokens.colorNeutralStroke1Hover,
-        color: Tokens.colorNeutralForeground1,
-        cursor: 'pointer'
-    },
-    ':hover:active,:active:focus-visible': {
-        backgroundColor: Tokens.colorNeutralBackground1Pressed,
-        borderColor: Tokens.colorNeutralStroke1Pressed,
-        color: Tokens.colorNeutralForeground1,
-        outlineStyle: 'none'
-    },
-    padding: '5px 12px',
-    minWidth: '96px',
-    borderRadius: Tokens.borderRadiusMedium,
-    fontSize: Tokens.fontSize300,
-    fontWeight: Tokens.fontWeightRegular,
-    lineHeight: Tokens.lineHeight300,
-    transitionDuration: Tokens.durationNormal,
-    transitionProperty: 'background, border, color',
-    transitionTimingFunction: Tokens.curveEasy
-});
-const useRootStyles = makeStyles({
-    primary: {
-        backgroundColor: Tokens.colorBrandBackground,
-        ...shorthands.borderColor('transparent'),
-        color: Tokens.colorBrandForeground1,
-        ':hover': {
-            backgroundColor: Tokens.colorBrandBackgroundHover,
-            ...shorthands.borderColor('transparent'),
-            color: Tokens.colorBrandForeground1Hover
-        },
-        ':hover:active,:active:focus-visible': {
-            backgroundColor: Tokens.colorBrandBackgroundPressed,
-            ...shorthands.borderColor('transparent'),
-            color: Tokens.colorBrandForeground1Hover
-        },
-    },
-    secondary: {},
-    tertiary: {
-        backgroundColor: 'transparent',
-        ...shorthands.borderColor('transparent'),
-        color: Tokens.colorNeutralForeground1,
-        ':hover': {
-            backgroundColor: 'transparent',
-            ...shorthands.borderColor('transparent'),
-            color: Tokens.colorBrandBackground
-        },
-        ':hover:active,:active:focus-visible': {
-            backgroundColor: 'transparent',
-            ...shorthands.borderColor('transparent'),
-            color: Tokens.colorBrandBackgroundPressed
-        },
-    },
-    circular: { borderRadius: Tokens.borderRadiusCircular },
-    rounded: {},
-    square: { borderRadius: Tokens.borderRadiusNone },
-    small: {
-        minWidth: '64px',
-        padding: '3px 8px',
-        borderRadius: Tokens.borderRadiusMedium,
-        fontSize: Tokens.fontSize200,
-        fontWeight: Tokens.fontWeightRegular,
-        lineHeight: Tokens.lineHeight200
-    },
-    medium: {},
-    large: {
-        minWidth: '96px',
-        padding: '8px 16px',
-        borderRadius: Tokens.borderRadiusMedium,
-        fontSize: Tokens.fontSize400,
-        fontWeight: Tokens.fontWeightMedium,
-        lineHeight: Tokens.lineHeight400
-    }
-});
-const useRootDisabledstyles = makeStyles({
-    base: {
-        backgroundColor: Tokens.colorNeutralBackgroundDisabled,
-        ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
-        color: Tokens.colorNeutralForegroundDisabled,
-        cursor: 'not-allowed',
-        ':hover': {
-            backgroundColor: Tokens.colorNeutralBackgroundDisabled,
-            ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
-            color: Tokens.colorNeutralForegroundDisabled,
-            cursor: 'not-allowed'
-        },
-        ':hover:active,:active:focus-visible': {
-            backgroundColor: Tokens.colorNeutralBackgroundDisabled,
-            ...shorthands.borderColor(Tokens.colorNeutralStrokeDisabled),
-            color: Tokens.colorNeutralForegroundDisabled,
-            cursor: 'not-allowed'
-        }
-    },
-    primary: {
-        ...shorthands.borderColor('transparent'),
-        ':hover': {
-            ...shorthands.borderColor('transparent')
-        },
-        ':hover:active,:active:focus-visible': {
-            ...shorthands.borderColor('transparent')
-        }
-    },
-    secondary: {},
-    tertiary: {
-        backgroundColor: 'transparent',
-        ...shorthands.borderColor('transparent'),
-        ':hover': {
-            backgroundColor: 'transparent',
-            ...shorthands.borderColor('transparent')
-        },
-        ':hover:active,:active:focus-visible': {
-            backgroundColor: 'transparent',
-            ...shorthands.borderColor('transparent')
-        }
-    }
-});
-export const useButtonStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    const rootStyles = useRootStyles();
-    const rootDisabledStyles = useRootDisabledstyles();
-    const { appearance, disabled, disabledFocusable, shape, size } = state;
-    const isDisabled = disabled || disabledFocusable;
-    state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], rootStyles[shape], isDisabled && rootDisabledStyles.base, appearance && isDisabled && rootDisabledStyles[appearance], state.root.className);
-    return state;
-};

package/dist/Components/Table/Table.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableProps } from './Table.types.js';
-export declare const Table: FC<TableProps>;

package/dist/Components/Table/Table.js

@@ -1,8 +0,0 @@
-import { useTable } from './useTable.js';
-import { renderTable } from './renderTable.js';
-import { useTableStyles } from './useTableStyles.styles.js';
-export const Table = (props) => {
-    const state = useTable(props);
-    useTableStyles(state);
-    return renderTable(state);
-};

package/dist/Components/Table/Table.types.d.ts

@@ -1,9 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableSlots = {
-    root: NonNullable<Slot<'table'>>;
-};
-export type TableProps = ComponentProps<TableSlots> & {
-    size?: 'small' | 'medium';
-    sortable?: boolean;
-};
-export type TableState = ComponentState<TableSlots> & Required<Pick<TableProps, 'size' | 'sortable'>>;

package/dist/Components/Table/TableBody.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableBodyProps } from './TableBody.types.js';
-export declare const TableBody: FC<TableBodyProps>;

package/dist/Components/Table/TableBody.js

@@ -1,8 +0,0 @@
-import { useTableBody } from './useTableBody.js';
-import { renderTableBody } from './renderTableBody.js';
-import { useTableBodyStyles } from './useTableBodyStyles.styles.js';
-export const TableBody = (props) => {
-    const state = useTableBody(props);
-    useTableBodyStyles(state);
-    return renderTableBody(state);
-};

package/dist/Components/Table/TableBody.types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableBodySlots = {
-    root: NonNullable<Slot<'tbody'>>;
-};
-export type TableBodyProps = ComponentProps<TableBodySlots>;
-export type TableBodyState = ComponentState<TableBodySlots>;

package/dist/Components/Table/TableBody.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Table/TableCell.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableCellProps } from './TableCell.types.js';
-export declare const TableCell: FC<TableCellProps>;

package/dist/Components/Table/TableCell.js

@@ -1,8 +0,0 @@
-import { useTableCell } from './useTableCell.js';
-import { renderTableCell } from './renderTableCell.js';
-import { useTableCellStyles } from './useTableCellStyles.styles.js';
-export const TableCell = (props) => {
-    const state = useTableCell(props);
-    useTableCellStyles(state);
-    return renderTableCell(state);
-};

package/dist/Components/Table/TableCell.types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableCellSlots = {
-    root: NonNullable<Slot<'td'>>;
-};
-export type TableCellProps = ComponentProps<TableCellSlots>;
-export type TableCellState = ComponentState<TableCellSlots>;

package/dist/Components/Table/TableCell.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Table/TableHeader.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableHeaderProps } from './TableHeader.types.js';
-export declare const TableHeader: FC<TableHeaderProps>;

package/dist/Components/Table/TableHeader.js

@@ -1,8 +0,0 @@
-import { useTableHeader } from './useTableHeader.js';
-import { renderTableHeader } from './renderTableHeader.js';
-import { useTableHeaderStyles } from './useTableHeaderStyles.styles.js';
-export const TableHeader = (props) => {
-    const state = useTableHeader(props);
-    useTableHeaderStyles(state);
-    return renderTableHeader(state);
-};

package/dist/Components/Table/TableHeader.types.d.ts

@@ -1,6 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableHeaderSlots = {
-    root: NonNullable<Slot<'thead'>>;
-};
-export type TableHeaderProps = ComponentProps<TableHeaderSlots>;
-export type TableHeaderState = ComponentState<TableHeaderSlots>;

package/dist/Components/Table/TableHeader.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Table/TableHeaderCell.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableHeaderCellProps } from './TableHeaderCell.types.js';
-export declare const TableHeaderCell: FC<TableHeaderCellProps>;

package/dist/Components/Table/TableHeaderCell.js

@@ -1,8 +0,0 @@
-import { useTableHeaderCell } from './useTableHeaderCell.js';
-import { renderTableHeaderCell } from './renderTableHeaderCell.js';
-import { useTableHeaderCellStyles } from './useTableHeaderCellStyles.styles.js';
-export const TableHeaderCell = (props) => {
-    const state = useTableHeaderCell(props);
-    useTableHeaderCellStyles(state);
-    return renderTableHeaderCell(state);
-};

package/dist/Components/Table/TableHeaderCell.types.d.ts

@@ -1,10 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableHeaderCellSlots = {
-    root: NonNullable<Slot<'th'>>;
-};
-export type TableHeaderCellProps = ComponentProps<TableHeaderCellSlots> & {
-    sortDirection?: 'ascending' | 'descending';
-};
-export type TableHeaderCellState = ComponentState<TableHeaderCellSlots> & {
-    sortDirection?: 'ascending' | 'descending';
-};

package/dist/Components/Table/TableHeaderCell.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Table/TableRow.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from '../../Types/utils/types.js';
-import type { TableRowProps } from './TableRow.types.js';
-export declare const TableRow: FC<TableRowProps>;

package/dist/Components/Table/TableRow.js

@@ -1,8 +0,0 @@
-import { useTableRow } from './useTableRow.js';
-import { renderTableRow } from './renderTableRow.js';
-import { useTableRowStyles } from './useTableRowStyles.styles.js';
-export const TableRow = (props) => {
-    const state = useTableRow(props);
-    useTableRowStyles(state);
-    return renderTableRow(state);
-};

package/dist/Components/Table/TableRow.types.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps, ComponentState, Slot } from '../../Types/compose/types.js';
-export type TableRowSlots = {
-    root: NonNullable<Slot<'tr'>>;
-};
-export type TableRowProps = ComponentProps<TableRowSlots> & {
-    appearance?: 'none' | 'brand';
-};
-export type TableRowState = ComponentState<TableRowSlots> & Required<Pick<TableRowProps, 'appearance'>>;

package/dist/Components/Table/TableRow.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Components/Table/index.d.ts

@@ -1,30 +0,0 @@
-export type { TableSlots, TableProps, TableState } from './Table.types.js';
-export { Table } from './Table.js';
-export { useTable } from './useTable.js';
-export { renderTable } from './renderTable.js';
-export { useTableStyles } from './useTableStyles.styles.js';
-export type { TableHeaderSlots, TableHeaderProps, TableHeaderState } from './TableHeader.types.js';
-export { TableHeader } from './TableHeader.js';
-export { useTableHeader } from './useTableHeader.js';
-export { renderTableHeader } from './renderTableHeader.js';
-export { useTableHeaderStyles } from './useTableHeaderStyles.styles.js';
-export type { TableBodySlots, TableBodyProps, TableBodyState } from './TableBody.types.js';
-export { TableBody } from './TableBody.js';
-export { useTableBody } from './useTableBody.js';
-export { renderTableBody } from './renderTableBody.js';
-export { useTableBodyStyles } from './useTableBodyStyles.styles.js';
-export type { TableRowSlots, TableRowProps, TableRowState } from './TableRow.types.js';
-export { TableRow } from './TableRow.js';
-export { useTableRow } from './useTableRow.js';
-export { renderTableRow } from './renderTableRow.js';
-export { useTableRowStyles } from './useTableRowStyles.styles.js';
-export type { TableHeaderCellSlots, TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types.js';
-export { TableHeaderCell } from './TableHeaderCell.js';
-export { useTableHeaderCell } from './useTableHeaderCell.js';
-export { renderTableHeaderCell } from './renderTableHeaderCell.js';
-export { useTableHeaderCellStyles } from './useTableHeaderCellStyles.styles.js';
-export type { TableCellSlots, TableCellProps, TableCellState } from './TableCell.types.js';
-export { TableCell } from './TableCell.js';
-export { useTableCell } from './useTableCell.js';
-export { renderTableCell } from './renderTableCell.js';
-export { useTableCellStyles } from './useTableCellStyles.styles.js';

package/dist/Components/Table/index.js

@@ -1,24 +0,0 @@
-export { Table } from './Table.js';
-export { useTable } from './useTable.js';
-export { renderTable } from './renderTable.js';
-export { useTableStyles } from './useTableStyles.styles.js';
-export { TableHeader } from './TableHeader.js';
-export { useTableHeader } from './useTableHeader.js';
-export { renderTableHeader } from './renderTableHeader.js';
-export { useTableHeaderStyles } from './useTableHeaderStyles.styles.js';
-export { TableBody } from './TableBody.js';
-export { useTableBody } from './useTableBody.js';
-export { renderTableBody } from './renderTableBody.js';
-export { useTableBodyStyles } from './useTableBodyStyles.styles.js';
-export { TableRow } from './TableRow.js';
-export { useTableRow } from './useTableRow.js';
-export { renderTableRow } from './renderTableRow.js';
-export { useTableRowStyles } from './useTableRowStyles.styles.js';
-export { TableHeaderCell } from './TableHeaderCell.js';
-export { useTableHeaderCell } from './useTableHeaderCell.js';
-export { renderTableHeaderCell } from './renderTableHeaderCell.js';
-export { useTableHeaderCellStyles } from './useTableHeaderCellStyles.styles.js';
-export { TableCell } from './TableCell.js';
-export { useTableCell } from './useTableCell.js';
-export { renderTableCell } from './renderTableCell.js';
-export { useTableCellStyles } from './useTableCellStyles.styles.js';

package/dist/Components/Table/renderTable.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableState } from './Table.types.js';
-export declare const renderTable: (state: TableState) => Element;

package/dist/Components/Table/renderTable.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTable = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/renderTableBody.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableBodyState } from './TableBody.types.js';
-export declare const renderTableBody: (state: TableBodyState) => Element;

package/dist/Components/Table/renderTableBody.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTableBody = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/renderTableCell.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableCellState } from './TableCell.types.js';
-export declare const renderTableCell: (state: TableCellState) => Element;

package/dist/Components/Table/renderTableCell.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTableCell = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/renderTableHeader.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableHeaderState } from './TableHeader.types.js';
-export declare const renderTableHeader: (state: TableHeaderState) => Element;

package/dist/Components/Table/renderTableHeader.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTableHeader = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/renderTableHeaderCell.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableHeaderCellState } from './TableHeaderCell.types.js';
-export declare const renderTableHeaderCell: (state: TableHeaderCellState) => Element;

package/dist/Components/Table/renderTableHeaderCell.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTableHeaderCell = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/renderTableRow.d.ts

@@ -1,3 +0,0 @@
-import type { Element } from '../../Types/utils/types.js';
-import type { TableRowState } from './TableRow.types.js';
-export declare const renderTableRow: (state: TableRowState) => Element;

package/dist/Components/Table/renderTableRow.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "jsx-framework-test-pb/jsx-runtime";
-export const renderTableRow = (state) => {
-    const Root = state.components.root;
-    const { as: _as, ...rootProps } = state.root;
-    return _jsx(Root, { ...rootProps });
-};

package/dist/Components/Table/useTable.d.ts

@@ -1,2 +0,0 @@
-import type { TableProps, TableState } from './Table.types.js';
-export declare const useTable: (props: TableProps) => TableState;

package/dist/Components/Table/useTable.js

@@ -1,9 +0,0 @@
-export const useTable = (props) => {
-    const { size, sortable, ...rest } = props;
-    return {
-        size: size ?? 'medium',
-        sortable: sortable ?? false,
-        components: { root: 'table' },
-        root: { ...rest },
-    };
-};

package/dist/Components/Table/useTableBody.d.ts

@@ -1,2 +0,0 @@
-import type { TableBodyProps, TableBodyState } from './TableBody.types.js';
-export declare const useTableBody: (props: TableBodyProps) => TableBodyState;

package/dist/Components/Table/useTableBody.js

@@ -1,6 +0,0 @@
-export const useTableBody = (props) => {
-    return {
-        components: { root: 'tbody' },
-        root: { ...props },
-    };
-};

package/dist/Components/Table/useTableBodyStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableBodySlots, TableBodyState } from './TableBody.types.js';
-export declare const tableBodyClassNames: SlotClassNames<TableBodySlots>;
-export declare const useTableBodyStyles: (state: TableBodyState) => TableBodyState;

package/dist/Components/Table/useTableBodyStyles.styles.js

@@ -1,12 +0,0 @@
-import { makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-export const tableBodyClassNames = {
-    root: 'TableBody'
-};
-const useRootBaseClassName = makeResetStyles({
-    display: 'table-row-group',
-});
-export const useTableBodyStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    state.root.className = mergeClasses(tableBodyClassNames.root, rootBaseClassName, state.root.className);
-    return state;
-};

package/dist/Components/Table/useTableCell.d.ts

@@ -1,2 +0,0 @@
-import type { TableCellProps, TableCellState } from './TableCell.types.js';
-export declare const useTableCell: (props: TableCellProps) => TableCellState;

package/dist/Components/Table/useTableCell.js

@@ -1,6 +0,0 @@
-export const useTableCell = (props) => {
-    return {
-        components: { root: 'td' },
-        root: { ...props },
-    };
-};

package/dist/Components/Table/useTableCellStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableCellSlots, TableCellState } from './TableCell.types.js';
-export declare const tableCellClassNames: SlotClassNames<TableCellSlots>;
-export declare const useTableCellStyles: (state: TableCellState) => TableCellState;

package/dist/Components/Table/useTableCellStyles.styles.js

@@ -1,17 +0,0 @@
-import { makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const tableCellClassNames = {
-    root: 'TableCell'
-};
-const useRootBaseClassName = makeResetStyles({
-    textAlign: 'left',
-    paddingTop: Tokens.spacingS,
-    paddingBottom: Tokens.spacingS,
-    paddingLeft: Tokens.spacingM,
-    paddingRight: Tokens.spacingM,
-});
-export const useTableCellStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    state.root.className = mergeClasses(tableCellClassNames.root, rootBaseClassName, state.root.className);
-    return state;
-};

package/dist/Components/Table/useTableHeader.d.ts

@@ -1,2 +0,0 @@
-import type { TableHeaderProps, TableHeaderState } from './TableHeader.types.js';
-export declare const useTableHeader: (props: TableHeaderProps) => TableHeaderState;

package/dist/Components/Table/useTableHeader.js

@@ -1,6 +0,0 @@
-export const useTableHeader = (props) => {
-    return {
-        components: { root: 'thead' },
-        root: { ...props },
-    };
-};

package/dist/Components/Table/useTableHeaderCell.d.ts

@@ -1,2 +0,0 @@
-import type { TableHeaderCellProps, TableHeaderCellState } from './TableHeaderCell.types.js';
-export declare const useTableHeaderCell: (props: TableHeaderCellProps) => TableHeaderCellState;

package/dist/Components/Table/useTableHeaderCell.js

@@ -1,12 +0,0 @@
-export const useTableHeaderCell = (props) => {
-    const { sortDirection, ...rest } = props;
-    const root = { ...rest };
-    if (sortDirection) {
-        root['aria-sort'] = sortDirection;
-    }
-    return {
-        sortDirection,
-        components: { root: 'th' },
-        root,
-    };
-};

package/dist/Components/Table/useTableHeaderCellStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableHeaderCellSlots, TableHeaderCellState } from './TableHeaderCell.types.js';
-export declare const tableHeaderCellClassNames: SlotClassNames<TableHeaderCellSlots>;
-export declare const useTableHeaderCellStyles: (state: TableHeaderCellState) => TableHeaderCellState;

package/dist/Components/Table/useTableHeaderCellStyles.styles.js

@@ -1,27 +0,0 @@
-import { makeStyles, makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-import { Tokens } from '../../Theme/tokens.js';
-export const tableHeaderCellClassNames = {
-    root: 'TableHeaderCell'
-};
-const useRootBaseClassName = makeResetStyles({
-    fontWeight: Tokens.fontWeightSemibold,
-    textAlign: 'left',
-    paddingTop: Tokens.spacingS,
-    paddingBottom: Tokens.spacingS,
-    paddingLeft: Tokens.spacingM,
-    paddingRight: Tokens.spacingM,
-});
-const useRootStyles = makeStyles({
-    ascending: {
-        cursor: 'pointer',
-    },
-    descending: {
-        cursor: 'pointer',
-    },
-});
-export const useTableHeaderCellStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    const rootStyles = useRootStyles();
-    state.root.className = mergeClasses(tableHeaderCellClassNames.root, rootBaseClassName, state.sortDirection && rootStyles[state.sortDirection], state.root.className);
-    return state;
-};

package/dist/Components/Table/useTableHeaderStyles.styles.d.ts

@@ -1,4 +0,0 @@
-import { SlotClassNames } from '../../Types/compose/types.js';
-import { TableHeaderSlots, TableHeaderState } from './TableHeader.types.js';
-export declare const tableHeaderClassNames: SlotClassNames<TableHeaderSlots>;
-export declare const useTableHeaderStyles: (state: TableHeaderState) => TableHeaderState;

package/dist/Components/Table/useTableHeaderStyles.styles.js

@@ -1,12 +0,0 @@
-import { makeResetStyles, mergeClasses } from 'css-engine-test-pb';
-export const tableHeaderClassNames = {
-    root: 'TableHeader'
-};
-const useRootBaseClassName = makeResetStyles({
-    display: 'table-header-group',
-});
-export const useTableHeaderStyles = (state) => {
-    const rootBaseClassName = useRootBaseClassName();
-    state.root.className = mergeClasses(tableHeaderClassNames.root, rootBaseClassName, state.root.className);
-    return state;
-};

package/dist/Components/Table/useTableRow.d.ts

@@ -1,2 +0,0 @@
-import type { TableRowProps, TableRowState } from './TableRow.types.js';
-export declare const useTableRow: (props: TableRowProps) => TableRowState;

package/dist/Components/Table/useTableRow.js

@@ -1,8 +0,0 @@
-export const useTableRow = (props) => {
-    const { appearance, ...rest } = props;
-    return {
-        appearance: appearance ?? 'none',
-        components: { root: 'tr' },
-        root: { ...rest },
-    };
-};