@rio-cloud/rio-uikit 2.2.1 → 2.3.0-beta.1

package/components/table/TableExpandedRow.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+export type TableExpandedRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<{
+    /**
+     * Parent row key used to associate this expanded row with its parent.
+     */
+    parentKey: string | number;
+    /**
+     * Optional class names only for this expanded row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+} & Partial<RowType>>;
+declare const TableExpandedRow: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableExpandedRowProps<RowType>) => null;
+export default TableExpandedRow;

package/components/table/TableExpandedRow.js

@@ -0,0 +1,5 @@
+const e = (a) => null;
+export {
+  e as default
+};
+//# sourceMappingURL=TableExpandedRow.js.map

package/components/table/TableExpandedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableExpandedRow.js","sources":["../../../src/components/table/TableExpandedRow.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableExpandedRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<\n    {\n        /**\n         * Parent row key used to associate this expanded row with its parent.\n         */\n        parentKey: string | number;\n\n        /**\n         * Optional class names only for this expanded row.\n         */\n        className?: string;\n\n        /**\n         * Disable table hover styling for this row.\n         */\n        noHover?: boolean;\n    } & Partial<RowType>\n>;\n\nconst TableExpandedRow = <RowType extends Record<string, unknown> = Record<string, unknown>>(\n    _props: TableExpandedRowProps<RowType>\n) => null;\n\nexport default TableExpandedRow;\n"],"names":["TableExpandedRow","_props"],"mappings":"AAqBA,MAAMA,IAAmB,CACrBC,MACC;"}

package/components/table/TableExpanderButton.d.ts

@@ -0,0 +1,25 @@
+import { MouseEventHandler } from 'react';
+export type TableExpanderButtonProps = {
+    /**
+     * Controls whether the related row is currently expanded.
+     *
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * Disables the expander button.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Callback triggered when the expander button is clicked.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Optional additional class names for the button element.
+     */
+    className?: string;
+};
+declare const TableExpanderButton: (props: TableExpanderButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TableExpanderButton;

package/components/table/TableExpanderButton.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import r from "../button/Button.js";
+import l from "../../utils/classNames.js";
+const p = (e) => {
+  const { expanded: o = !1, disabled: t = !1, onClick: a, className: s } = e;
+  return /* @__PURE__ */ n(
+    r,
+    {
+      bsStyle: "muted",
+      bsSize: "xs",
+      iconOnly: !0,
+      disabled: t,
+      iconName: o ? "rioglyph-chevron-up" : "rioglyph-chevron-down",
+      className: l("table-expander-button", s),
+      onClick: a
+    }
+  );
+};
+export {
+  p as default
+};
+//# sourceMappingURL=TableExpanderButton.js.map

package/components/table/TableExpanderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableExpanderButton.js","sources":["../../../src/components/table/TableExpanderButton.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport Button from '../button/Button';\nimport classNames from '../../utils/classNames';\n\nexport type TableExpanderButtonProps = {\n    /**\n     * Controls whether the related row is currently expanded.\n     *\n     * @default false\n     */\n    expanded?: boolean;\n\n    /**\n     * Disables the expander button.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback triggered when the expander button is clicked.\n     */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n\n    /**\n     * Optional additional class names for the button element.\n     */\n    className?: string;\n};\n\nconst TableExpanderButton = (props: TableExpanderButtonProps) => {\n    const { expanded = false, disabled = false, onClick, className } = props;\n\n    return (\n        <Button\n            bsStyle='muted'\n            bsSize='xs'\n            iconOnly\n            disabled={disabled}\n            iconName={expanded ? 'rioglyph-chevron-up' : 'rioglyph-chevron-down'}\n            className={classNames('table-expander-button', className)}\n            onClick={onClick}\n        />\n    );\n};\n\nexport default TableExpanderButton;\n"],"names":["TableExpanderButton","props","expanded","disabled","onClick","className","jsx","Button","classNames"],"mappings":";;;AA+BA,MAAMA,IAAsB,CAACC,MAAoC;AAC7D,QAAM,EAAE,UAAAC,IAAW,IAAO,UAAAC,IAAW,IAAO,SAAAC,GAAS,WAAAC,MAAcJ;AAEnE,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,UAAQ;AAAA,MACR,UAAAJ;AAAA,MACA,UAAUD,IAAW,wBAAwB;AAAA,MAC7C,WAAWM,EAAW,yBAAyBH,CAAS;AAAA,MACxD,SAAAD;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/components/table/TableFooter.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export type TableFooterProps = PropsWithChildren<{
+    /**
+     * Optional content spanning all footer columns.
+     */
+    content?: ReactNode;
+    /**
+     * Optional class names for footer row.
+     */
+    className?: string;
+}>;
+declare const TableFooter: (_props: TableFooterProps) => null;
+export default TableFooter;

package/components/table/TableFooter.js

@@ -0,0 +1,5 @@
+const e = (o) => null;
+export {
+  e as default
+};
+//# sourceMappingURL=TableFooter.js.map

package/components/table/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nexport type TableFooterProps = PropsWithChildren<{\n    /**\n     * Optional content spanning all footer columns.\n     */\n    content?: ReactNode;\n\n    /**\n     * Optional class names for footer row.\n     */\n    className?: string;\n}>;\n\nconst TableFooter = (_props: TableFooterProps) => null;\n\nexport default TableFooter;\n"],"names":["TableFooter","_props"],"mappings":"AAcA,MAAMA,IAAc,CAACC,MAA6B;"}

package/components/table/TableGroupFooterRow.d.ts

@@ -0,0 +1,18 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export type TableGroupFooterRowProps = PropsWithChildren<{
+    /**
+     * Optional explicit content for the full-width group footer row.
+     * If omitted, `children` are used.
+     */
+    content?: ReactNode;
+    /**
+     * Optional class names only for this group footer row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+}>;
+declare const TableGroupFooterRow: (_props: TableGroupFooterRowProps) => null;
+export default TableGroupFooterRow;

package/components/table/TableGroupFooterRow.js

@@ -0,0 +1,5 @@
+const e = (o) => null;
+export {
+  e as default
+};
+//# sourceMappingURL=TableGroupFooterRow.js.map

package/components/table/TableGroupFooterRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGroupFooterRow.js","sources":["../../../src/components/table/TableGroupFooterRow.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nexport type TableGroupFooterRowProps = PropsWithChildren<{\n    /**\n     * Optional explicit content for the full-width group footer row.\n     * If omitted, `children` are used.\n     */\n    content?: ReactNode;\n\n    /**\n     * Optional class names only for this group footer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n}>;\n\nconst TableGroupFooterRow = (_props: TableGroupFooterRowProps) => null;\n\nexport default TableGroupFooterRow;\n"],"names":["TableGroupFooterRow","_props"],"mappings":"AAoBA,MAAMA,IAAsB,CAACC,MAAqC;"}

package/components/table/TableGroupRow.d.ts

@@ -0,0 +1,24 @@
+import { PropsWithChildren, ReactNode } from 'react';
+export type TableGroupRowProps = PropsWithChildren<{
+    /**
+     * Optional explicit content for the full-width group row.
+     * If omitted, `children` are used.
+     */
+    content?: ReactNode;
+    /**
+     * Keeps the group row sticky at the top of a scrollable table body.
+     *
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Optional class names only for this group row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+}>;
+declare const TableGroupRow: (_props: TableGroupRowProps) => null;
+export default TableGroupRow;

package/components/table/TableGroupRow.js

@@ -0,0 +1,5 @@
+const l = (o) => null;
+export {
+  l as default
+};
+//# sourceMappingURL=TableGroupRow.js.map

package/components/table/TableGroupRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGroupRow.js","sources":["../../../src/components/table/TableGroupRow.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nexport type TableGroupRowProps = PropsWithChildren<{\n    /**\n     * Optional explicit content for the full-width group row.\n     * If omitted, `children` are used.\n     */\n    content?: ReactNode;\n\n    /**\n     * Keeps the group row sticky at the top of a scrollable table body.\n     *\n     * @default false\n     */\n    sticky?: boolean;\n\n    /**\n     * Optional class names only for this group row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n}>;\n\nconst TableGroupRow = (_props: TableGroupRowProps) => null;\n\nexport default TableGroupRow;\n"],"names":["TableGroupRow","_props"],"mappings":"AA2BA,MAAMA,IAAgB,CAACC,MAA+B;"}

package/components/table/TableHeader.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export type TableHeaderProps<RowType extends Record<string, unknown>> = PropsWithChildren<{
+    /**
+     * Additional class names for the header grid wrapper.
+     */
+    className?: string;
+}>;
+declare const TableHeader: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableHeaderProps<RowType>) => null;
+export default TableHeader;

package/components/table/TableHeader.js

@@ -0,0 +1,5 @@
+const a = (e) => null;
+export {
+  a as default
+};
+//# sourceMappingURL=TableHeader.js.map

package/components/table/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableHeaderProps<RowType extends Record<string, unknown>> = PropsWithChildren<{\n    /**\n     * Additional class names for the header grid wrapper.\n     */\n    className?: string;\n}>;\n\nconst TableHeader = <RowType extends Record<string, unknown> = Record<string, unknown>>(\n    _props: TableHeaderProps<RowType>\n) => null;\n\nexport default TableHeader;\n"],"names":["TableHeader","_props"],"mappings":"AASA,MAAMA,IAAc,CAChBC,MACC;"}

package/components/table/TableHeaderColumn.d.ts

@@ -0,0 +1,70 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { TableColumnDefinition, TableVerticalAlign } from './Table.types';
+export type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Omit<TableColumnDefinition<RowType>, 'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label'> & PropsWithChildren<{
+    /**
+     * Column key for leaf header columns.
+     */
+    columnKey?: string;
+    /**
+     * Optional explicit header label.
+     * If omitted, `children` are used.
+     */
+    label?: ReactNode;
+    /**
+     * Optional rioglyph class rendered before the header label in table view.
+     */
+    icon?: string;
+    /**
+     * Optional custom filter control rendered next to the header label.
+     *
+     * Intended for table-specific filter dropdowns such as `TableColumnFilter`.
+     */
+    filter?: ReactNode;
+    /**
+     * Hides the visible label in table view while preserving `label` for
+     * dropdowns, cards, and mobile metadata.
+     *
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * Number of columns this header cell spans.
+     *
+     * @default 1
+     */
+    colSpan?: number;
+    /**
+     * Number of header rows this cell spans.
+     *
+     * @default 1
+     */
+    rowSpan?: number;
+    /**
+     * Additional class names for this header cell only.
+     */
+    className?: string;
+    /**
+     * Additional class names for this header cell only.
+     */
+    headerClassName?: string;
+    /**
+     * Disables column drag-reordering for this header column when `draggableColumns` is enabled on the table.
+     *
+     * @default true
+     */
+    draggable?: boolean;
+    /**
+     * Overrides the table-level `resizeableColumns` setting for this header column.
+     *
+     * When omitted, the table-level setting is used.
+     */
+    resizeable?: boolean;
+    /**
+     * Vertical alignment for this header cell.
+     *
+     * @default 'middle'
+     */
+    verticalAlign?: TableVerticalAlign;
+}>;
+declare const TableHeaderColumn: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableHeaderColumnProps<RowType>) => null;
+export default TableHeaderColumn;

package/components/table/TableHeaderColumn.js

@@ -0,0 +1,5 @@
+const l = (e) => null;
+export {
+  l as default
+};
+//# sourceMappingURL=TableHeaderColumn.js.map

package/components/table/TableHeaderColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderColumn.js","sources":["../../../src/components/table/TableHeaderColumn.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { TableColumnDefinition, TableVerticalAlign } from './Table.types';\n\nexport type TableHeaderColumnProps<RowType extends Record<string, unknown>> = Omit<\n    TableColumnDefinition<RowType>,\n    'className' | 'draggable' | 'filter' | 'headerClassName' | 'icon' | 'key' | 'label'\n> &\n    PropsWithChildren<{\n        /**\n         * Column key for leaf header columns.\n         */\n        columnKey?: string;\n\n        /**\n         * Optional explicit header label.\n         * If omitted, `children` are used.\n         */\n        label?: ReactNode;\n\n        /**\n         * Optional rioglyph class rendered before the header label in table view.\n         */\n        icon?: string;\n\n        /**\n         * Optional custom filter control rendered next to the header label.\n         *\n         * Intended for table-specific filter dropdowns such as `TableColumnFilter`.\n         */\n        filter?: ReactNode;\n\n        /**\n         * Hides the visible label in table view while preserving `label` for\n         * dropdowns, cards, and mobile metadata.\n         *\n         * @default false\n         */\n        hideLabel?: boolean;\n\n        /**\n         * Number of columns this header cell spans.\n         *\n         * @default 1\n         */\n        colSpan?: number;\n\n        /**\n         * Number of header rows this cell spans.\n         *\n         * @default 1\n         */\n        rowSpan?: number;\n\n        /**\n         * Additional class names for this header cell only.\n         */\n        className?: string;\n\n        /**\n         * Additional class names for this header cell only.\n         */\n        headerClassName?: string;\n\n        /**\n         * Disables column drag-reordering for this header column when `draggableColumns` is enabled on the table.\n         *\n         * @default true\n         */\n        draggable?: boolean;\n\n        /**\n         * Overrides the table-level `resizeableColumns` setting for this header column.\n         *\n         * When omitted, the table-level setting is used.\n         */\n        resizeable?: boolean;\n\n        /**\n         * Vertical alignment for this header cell.\n         *\n         * @default 'middle'\n         */\n        verticalAlign?: TableVerticalAlign;\n    }>;\n\nconst TableHeaderColumn = <RowType extends Record<string, unknown> = Record<string, unknown>>(\n    _props: TableHeaderColumnProps<RowType>\n) => null;\n\nexport default TableHeaderColumn;\n"],"names":["TableHeaderColumn","_props"],"mappings":"AAsFA,MAAMA,IAAoB,CACtBC,MACC;"}

package/components/table/TableHeaderRow.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type TableHeaderRowProps = {
+    /**
+     * Header columns rendered inside this header row.
+     */
+    children?: ReactNode;
+};
+declare const TableHeaderRow: (_props: TableHeaderRowProps) => null;
+export default TableHeaderRow;

package/components/table/TableHeaderRow.js

@@ -0,0 +1,5 @@
+const a = (e) => null;
+export {
+  a as default
+};
+//# sourceMappingURL=TableHeaderRow.js.map

package/components/table/TableHeaderRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderRow.js","sources":["../../../src/components/table/TableHeaderRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type TableHeaderRowProps = {\n    /**\n     * Header columns rendered inside this header row.\n     */\n    children?: ReactNode;\n};\n\nconst TableHeaderRow = (_props: TableHeaderRowProps) => null;\n\nexport default TableHeaderRow;\n"],"names":["TableHeaderRow","_props"],"mappings":"AASA,MAAMA,IAAiB,CAACC,MAAgC;"}

package/components/table/TableRow.d.ts

@@ -0,0 +1,19 @@
+import { PropsWithChildren } from 'react';
+export type TableRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<{
+    /**
+     * Disables row interaction such as hover styles, clicks, and keyboard activation.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Optional class names only for this row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+} & Partial<RowType>>;
+declare const TableRow: <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableRowProps<RowType>) => null;
+export default TableRow;

package/components/table/TableRow.js

@@ -0,0 +1,5 @@
+const o = (l) => null;
+export {
+  o as default
+};
+//# sourceMappingURL=TableRow.js.map

package/components/table/TableRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TableRowProps<RowType extends Record<string, unknown>> = PropsWithChildren<\n    {\n        /**\n         * Disables row interaction such as hover styles, clicks, and keyboard activation.\n         *\n         * @default false\n         */\n        disabled?: boolean;\n\n        /**\n         * Optional class names only for this row.\n         */\n        className?: string;\n\n        /**\n         * Disable table hover styling for this row.\n         */\n        noHover?: boolean;\n    } & Partial<RowType>\n>;\n\nconst TableRow = <RowType extends Record<string, unknown> = Record<string, unknown>>(_props: TableRowProps<RowType>) =>\n    null;\n\nexport default TableRow;\n"],"names":["TableRow","_props"],"mappings":"AAuBA,MAAMA,IAAW,CAAoEC,MACjF;"}

package/components/table/TableSpacerRow.d.ts

@@ -0,0 +1,12 @@
+export type TableSpacerRowProps = {
+    /**
+     * Optional class names only for this spacer row.
+     */
+    className?: string;
+    /**
+     * Disable table hover styling for this row.
+     */
+    noHover?: boolean;
+};
+declare const TableSpacerRow: (_props: TableSpacerRowProps) => null;
+export default TableSpacerRow;

package/components/table/TableSpacerRow.js

@@ -0,0 +1,5 @@
+const e = (a) => null;
+export {
+  e as default
+};
+//# sourceMappingURL=TableSpacerRow.js.map

package/components/table/TableSpacerRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSpacerRow.js","sources":["../../../src/components/table/TableSpacerRow.tsx"],"sourcesContent":["export type TableSpacerRowProps = {\n    /**\n     * Optional class names only for this spacer row.\n     */\n    className?: string;\n\n    /**\n     * Disable table hover styling for this row.\n     */\n    noHover?: boolean;\n};\n\nconst TableSpacerRow = (_props: TableSpacerRowProps) => null;\n\nexport default TableSpacerRow;\n"],"names":["TableSpacerRow","_props"],"mappings":"AAYA,MAAMA,IAAiB,CAACC,MAAgC;"}

package/components/table/TableToolbar.d.ts

@@ -1,9 +1,31 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export type TableToolbarProps = {
     /**
      * Optional class names for the wrapper element.
      */
     className?: string;
 };
+export type TableToolbarColumnAlignment = 'left' | 'right';
+export type TableToolbarColumnProps = {
+    /**
+     * Controls whether the column is rendered in the left or right toolbar group.
+     *
+     * @default 'left'
+     */
+    alignment?: TableToolbarColumnAlignment;
+    /**
+     * Optional label rendered above the column content.
+     */
+    label?: ReactNode;
+    /**
+     * Optional class names for the column wrapper.
+     */
+    className?: string;
+    /**
+     * Adds the default toolbar separator styling for the column.
+     */
+    separator?: boolean;
+};
+export declare const TableToolbarColumn: ({ label, className, separator, children, }: PropsWithChildren<TableToolbarColumnProps>) => import("react/jsx-runtime").JSX.Element;
 declare const TableToolbar: ({ className, children }: PropsWithChildren<TableToolbarProps>) => import("react/jsx-runtime").JSX.Element;
 export default TableToolbar;

package/components/table/TableToolbar.js

@@ -1,7 +1,41 @@
-import { jsx as s } from "react/jsx-runtime";
-import l from "../../utils/classNames.js";
-const e = ({ className: a, children: o }) => /* @__PURE__ */ s("div", { className: l("table-toolbar", a), children: o });
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Children as b, isValidElement as c, Fragment as u } from "react";
+import n from "../../utils/classNames.js";
+const p = ({
+  label: o,
+  className: t,
+  separator: l,
+  children: r
+}) => /* @__PURE__ */ i("div", { className: n("table-toolbar-column", l && "table-toolbar-column-separator", t), children: [
+  o ? /* @__PURE__ */ e("label", { className: "table-toolbar-label", children: o }) : null,
+  r
+] }), h = (o) => c(o) && o.type === p, m = (o) => {
+  const t = [];
+  for (const l of b.toArray(o)) {
+    if (c(l) && l.type === u) {
+      const r = m(l.props.children);
+      if (!r)
+        return null;
+      t.push(...r);
+      continue;
+    }
+    if (!h(l))
+      return null;
+    t.push(l);
+  }
+  return t;
+}, C = ({ className: o, children: t }) => {
+  const l = m(t);
+  if (!l?.length)
+    return /* @__PURE__ */ e("div", { className: n("table-toolbar", o), children: t });
+  const r = l.filter((a) => a.props.alignment !== "right"), s = l.filter((a) => a.props.alignment === "right");
+  return /* @__PURE__ */ e("div", { className: n("table-toolbar", o), children: /* @__PURE__ */ i("div", { className: "table-toolbar-container", children: [
+    r.length > 0 && /* @__PURE__ */ e("div", { className: "table-toolbar-group-left", children: r }),
+    s.length > 0 && /* @__PURE__ */ e("div", { className: "table-toolbar-group-right", children: s })
+  ] }) });
+};
 export {
-  e as default
+  p as TableToolbarColumn,
+  C as default
 };
 //# sourceMappingURL=TableToolbar.js.map

package/components/table/TableToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableToolbar.js","sources":["../../../src/components/table/TableToolbar.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TableToolbarProps = {\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nconst TableToolbar = ({ className, children }: PropsWithChildren<TableToolbarProps>) => (\n    <div className={classNames('table-toolbar', className)}>{children}</div>\n);\n\nexport default TableToolbar;\n"],"names":["TableToolbar","className","children","jsx","classNames"],"mappings":";;AAWA,MAAMA,IAAe,CAAC,EAAE,WAAAC,GAAW,UAAAC,EAAA,MAC/B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAW,iBAAiBH,CAAS,GAAI,UAAAC,EAAA,CAAS;"}
+{"version":3,"file":"TableToolbar.js","sources":["../../../src/components/table/TableToolbar.tsx"],"sourcesContent":["import { Children, Fragment, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TableToolbarProps = {\n    /**\n     * Optional class names for the wrapper element.\n     */\n    className?: string;\n};\n\nexport type TableToolbarColumnAlignment = 'left' | 'right';\n\nexport type TableToolbarColumnProps = {\n    /**\n     * Controls whether the column is rendered in the left or right toolbar group.\n     *\n     * @default 'left'\n     */\n    alignment?: TableToolbarColumnAlignment;\n\n    /**\n     * Optional label rendered above the column content.\n     */\n    label?: ReactNode;\n\n    /**\n     * Optional class names for the column wrapper.\n     */\n    className?: string;\n\n    /**\n     * Adds the default toolbar separator styling for the column.\n     */\n    separator?: boolean;\n};\n\nexport const TableToolbarColumn = ({\n    label,\n    className,\n    separator,\n    children,\n}: PropsWithChildren<TableToolbarColumnProps>) => (\n    <div className={classNames('table-toolbar-column', separator && 'table-toolbar-column-separator', className)}>\n        {label ? <label className='table-toolbar-label'>{label}</label> : null}\n        {children}\n    </div>\n);\n\ntype TableToolbarColumnElement = ReactElement<PropsWithChildren<TableToolbarColumnProps>, typeof TableToolbarColumn>;\n\nconst isTableToolbarColumnElement = (child: ReactNode): child is TableToolbarColumnElement =>\n    isValidElement(child) && child.type === TableToolbarColumn;\n\nconst collectToolbarColumns = (children: ReactNode): TableToolbarColumnElement[] | null => {\n    const columns: TableToolbarColumnElement[] = [];\n\n    for (const child of Children.toArray(children)) {\n        if (isValidElement(child) && child.type === Fragment) {\n            const fragmentColumns = collectToolbarColumns(child.props.children);\n\n            if (!fragmentColumns) {\n                return null;\n            }\n\n            columns.push(...fragmentColumns);\n            continue;\n        }\n\n        if (!isTableToolbarColumnElement(child)) {\n            return null;\n        }\n\n        columns.push(child);\n    }\n\n    return columns;\n};\n\nconst TableToolbar = ({ className, children }: PropsWithChildren<TableToolbarProps>) => {\n    const toolbarColumns = collectToolbarColumns(children);\n\n    if (!toolbarColumns?.length) {\n        return <div className={classNames('table-toolbar', className)}>{children}</div>;\n    }\n\n    const leftColumns = toolbarColumns.filter(column => column.props.alignment !== 'right');\n    const rightColumns = toolbarColumns.filter(column => column.props.alignment === 'right');\n\n    return (\n        <div className={classNames('table-toolbar', className)}>\n            <div className='table-toolbar-container'>\n                {leftColumns.length > 0 && <div className='table-toolbar-group-left'>{leftColumns}</div>}\n                {rightColumns.length > 0 && <div className='table-toolbar-group-right'>{rightColumns}</div>}\n            </div>\n        </div>\n    );\n};\n\nexport default TableToolbar;\n"],"names":["TableToolbarColumn","label","className","separator","children","jsxs","classNames","jsx","isTableToolbarColumnElement","child","isValidElement","collectToolbarColumns","columns","Children","Fragment","fragmentColumns","TableToolbar","toolbarColumns","leftColumns","column","rightColumns"],"mappings":";;;AAqCO,MAAMA,IAAqB,CAAC;AAAA,EAC/B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAC,EAAC,SAAI,WAAWC,EAAW,wBAAwBH,KAAa,kCAAkCD,CAAS,GACtG,UAAA;AAAA,EAAAD,IAAQ,gBAAAM,EAAC,SAAA,EAAM,WAAU,uBAAuB,aAAM,IAAW;AAAA,EACjEH;AAAA,EAAA,CACL,GAKEI,IAA8B,CAACC,MACjCC,EAAeD,CAAK,KAAKA,EAAM,SAAST,GAEtCW,IAAwB,CAACP,MAA4D;AACvF,QAAMQ,IAAuC,CAAA;AAE7C,aAAWH,KAASI,EAAS,QAAQT,CAAQ,GAAG;AAC5C,QAAIM,EAAeD,CAAK,KAAKA,EAAM,SAASK,GAAU;AAClD,YAAMC,IAAkBJ,EAAsBF,EAAM,MAAM,QAAQ;AAElE,UAAI,CAACM;AACD,eAAO;AAGX,MAAAH,EAAQ,KAAK,GAAGG,CAAe;AAC/B;AAAA,IACJ;AAEA,QAAI,CAACP,EAA4BC,CAAK;AAClC,aAAO;AAGX,IAAAG,EAAQ,KAAKH,CAAK;AAAA,EACtB;AAEA,SAAOG;AACX,GAEMI,IAAe,CAAC,EAAE,WAAAd,GAAW,UAAAE,QAAqD;AACpF,QAAMa,IAAiBN,EAAsBP,CAAQ;AAErD,MAAI,CAACa,GAAgB;AACjB,6BAAQ,OAAA,EAAI,WAAWX,EAAW,iBAAiBJ,CAAS,GAAI,UAAAE,GAAS;AAG7E,QAAMc,IAAcD,EAAe,OAAO,OAAUE,EAAO,MAAM,cAAc,OAAO,GAChFC,IAAeH,EAAe,OAAO,OAAUE,EAAO,MAAM,cAAc,OAAO;AAEvF,SACI,gBAAAZ,EAAC,OAAA,EAAI,WAAWD,EAAW,iBAAiBJ,CAAS,GACjD,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,2BACV,UAAA;AAAA,IAAAa,EAAY,SAAS,KAAK,gBAAAX,EAAC,OAAA,EAAI,WAAU,4BAA4B,UAAAW,GAAY;AAAA,IACjFE,EAAa,SAAS,uBAAM,OAAA,EAAI,WAAU,6BAA6B,UAAAA,EAAA,CAAa;AAAA,EAAA,EAAA,CACzF,EAAA,CACJ;AAER;"}

package/components/table/TableViewToggles.d.ts

@@ -45,16 +45,34 @@ export type TableViewTogglesProps = {
     onViewTypeChange: (viewType: TableViewTogglesViewType) => void;
     /**
      * Optional tooltip content for table view button.
+     *
+     * @deprecated Use `tableViewLabel` instead.
      */
     tableViewTooltipContent?: string | ReactNode;
+    /**
+     * Optional label content for the table view select item.
+     */
+    tableViewLabel?: string | ReactNode;
     /**
      * Optional tooltip content for single card view button.
+     *
+     * @deprecated Use `singleCardViewLabel` instead.
      */
     singleCardViewTooltipContent?: string | ReactNode;
+    /**
+     * Optional label content for the single card view select item.
+     */
+    singleCardViewLabel?: string | ReactNode;
     /**
      * Optional tooltip content for multi card view button.
+     *
+     * @deprecated Use `multiCardsViewLabel` instead.
      */
     multiCardsViewTooltipContent?: string | ReactNode;
+    /**
+     * Optional label content for the multi cards view select item.
+     */
+    multiCardsViewLabel?: string | ReactNode;
     /**
      * Disables all buttons.
      *