@react-md/core 1.0.0-next.14 → 1.0.0-next.16

package/dist/table/TableContainerProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableContainerProvider.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type RefObject } from \"react\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface TableContainerContext {\n  exists: boolean;\n  containerRef: RefObject<HTMLDivElement>;\n}\n\nconst context = createContext<Readonly<TableContainerContext>>({\n  exists: false,\n  containerRef: { current: null },\n});\ncontext.displayName = \"TableContainer\";\n\n/**\n * **Client Component**\n *\n * @internal\n * @since 6.0.0\n */\nexport const { Provider: TableContainerProvider } = context;\n\n/**\n * This is used to implement the sticky header and footer intersection observer\n * behavior.\n *\n * @internal\n * @since 6.0.0\n */\nexport function useTableContainer(): Readonly<TableContainerContext> {\n  return useContext(context);\n}\n"],"names":["createContext","useContext","context","exists","containerRef","current","displayName","Provider","TableContainerProvider","useTableContainer"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAwB,QAAQ;AAWlE,MAAMC,wBAAUF,cAA+C;IAC7DG,QAAQ;IACRC,cAAc;QAAEC,SAAS;IAAK;AAChC;AACAH,QAAQI,WAAW,GAAG;AAEtB;;;;;CAKC,GACD,OAAO,MAAM,EAAEC,UAAUC,sBAAsB,EAAE,GAAGN,QAAQ;AAE5D;;;;;;CAMC,GACD,OAAO,SAASO;IACd,OAAOR,WAAWC;AACpB"}
+{"version":3,"sources":["../../src/table/TableContainerProvider.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext, type RefObject } from \"react\";\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport interface TableContainerContext {\n  exists: boolean;\n  containerRef: RefObject<HTMLDivElement>;\n}\n\nconst context = createContext<Readonly<TableContainerContext>>({\n  exists: false,\n  containerRef: { current: null },\n});\ncontext.displayName = \"TableContainer\";\n\n/**\n * **Client Component**\n *\n * @internal\n * @since 6.0.0\n */\nexport const { Provider: TableContainerProvider } = context;\n\n/**\n * This is used to implement the sticky header and footer intersection observer\n * behavior.\n *\n * @internal\n * @since 6.0.0\n */\nexport function useTableContainer(): Readonly<TableContainerContext> {\n  return useContext(context);\n}\n"],"names":["createContext","useContext","context","exists","containerRef","current","displayName","Provider","TableContainerProvider","useTableContainer"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAwB,QAAQ;AAWlE,MAAMC,wBAAUF,cAA+C;IAC7DG,QAAQ;IACRC,cAAc;QAAEC,SAAS;IAAK;AAChC;AACAH,QAAQI,WAAW,GAAG;AAEtB;;;;;CAKC,GACD,OAAO,MAAM,EAAEC,UAAUC,sBAAsB,EAAE,GAAGN,QAAQ;AAE5D;;;;;;CAMC,GACD,OAAO,SAASO;IACd,OAAOR,WAAWC;AACpB"}

package/dist/table/TableFooter.d.ts

@@ -1,28 +1,19 @@
 import { type HTMLAttributes } from "react";
-import { type TableCellConfig } from "./TableConfigurationProvider.js";
-import { type IsStickyTableSectionActive, type TableStickySectionProps } from "./types.js";
-/**
- * @since 6.0.0
- */
-export declare const isTableFooterStickyActive: IsStickyTableSectionActive;
-/**
- * @since 6.0.0 Added support for "sticky-active" state.
- */
-export interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement>, Pick<TableCellConfig, "lineWrap">, TableStickySectionProps {
+import { type TableSectionConfiguration } from "./types.js";
+export interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement>, TableSectionConfiguration {
     /**
-     * This is a rename of the `disableHover` of the `TableConfig` since table
-     * footers are not hoverable by default. This prop can be enabled to add the
-     * row hover color within table footers, but it is not really recommended.
+     * NOTE: It is recommended to use the `StickyTableSection` component instead
+     * of enabling this prop since it supports dynamically adding styles while the
+     * header covering table rows.
+     *
+     * Set this to `true` to enable the sticky behavior.
      *
      * @defaultValue `false`
      */
-    hoverable?: boolean;
-    /** @defaultValue {@link isTableFooterStickyActive} */
-    isStickyActive?: IsStickyTableSectionActive;
+    sticky?: boolean;
 }
 /**
  * **Client Component**
- * TODO: Create separate useStickyTableFooter + StickyTableFooter component
  *
  * Creates a `<tfoot>` element with some basic styles. This component will
  * disable the hover effect and line wrapping by default, but the hover effect

package/dist/table/TableFooter.js

@@ -1,96 +1,33 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo, useState } from "react";
-import { useEnsuredRef } from "../useEnsuredRef.js";
-import { useIntersectionObserver } from "../useIntersectionObserver.js";
-import { TableConfigProvider, useTableConfig } from "./TableConfigurationProvider.js";
-import { useTableContainer } from "./TableContainerProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { TableConfigProvider } from "./TableConfigurationProvider.js";
 import { tableFooter } from "./tableFooterStyles.js";
-/**
- * @since 6.0.0
- */ export const isTableFooterStickyActive = (entry, isInTableContainer)=>{
-    const { intersectionRatio, boundingClientRect, isIntersecting } = entry;
-    if (isInTableContainer) {
-        return !isIntersecting;
-    }
-    return intersectionRatio < 1 && boundingClientRect.top >= 0;
-};
+import { useTableSectionConfig } from "./useTableSectionConfig.js";
 /**
  * **Client Component**
- * TODO: Create separate useStickyTableFooter + StickyTableFooter component
  *
  * Creates a `<tfoot>` element with some basic styles. This component will
  * disable the hover effect and line wrapping by default, but the hover effect
  * and line-wrapping can be re-enabled if desired through the `hoverable` and
  * `disableNoWrap` props.
  */ export const TableFooter = /*#__PURE__*/ forwardRef(function TableFooter(props, propRef) {
-    const { className, hoverable = false, lineWrap: propLineWrap, children, sticky = false, stickyOptions, isStickyActive = isTableFooterStickyActive, disableStickyStyles = false, stickyActiveClassName, ...remaining } = props;
-    // update the table configuration with the custom overrides for the `<tfoot>`
-    const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } = useTableConfig({
-        lineWrap: propLineWrap,
-        disableHover: !hoverable
-    });
-    const configuration = useMemo(()=>({
-            dense,
-            header: false,
-            hAlign,
-            vAlign,
-            lineWrap,
-            disableBorders,
-            disableHover
-        }), [
-        dense,
-        hAlign,
-        vAlign,
+    const { className, hoverable, lineWrap, children, ...remaining } = props;
+    const config = useTableSectionConfig({
+        type: "footer",
         lineWrap,
-        disableBorders,
-        disableHover
-    ]);
-    const [tfootRef, tfootRefCallback] = useEnsuredRef(propRef);
-    const { exists, containerRef } = useTableContainer();
-    const [stickyActive, setStickyActive] = useState(false);
-    const targetRef = useIntersectionObserver({
-        ref: exists ? undefined : tfootRefCallback,
-        root: containerRef,
-        disabled: !sticky || disableStickyStyles,
-        threshold: exists ? 0 : 1,
-        getRootMargin: useCallback(()=>{
-            const topOffset = exists && tfootRef.current ? tfootRef.current.offsetHeight - 1 : 1;
-            return `0px 0px -${topOffset}px 0px`;
-        }, [
-            exists,
-            tfootRef
-        ]),
-        onUpdate: useCallback(([entry])=>{
-            setStickyActive(isStickyActive(entry, exists));
-        }, [
-            exists,
-            isStickyActive
-        ]),
-        // allow the user defined sticky options to override the default behavior
-        ...stickyOptions
+        hoverable
     });
-    return /*#__PURE__*/ _jsxs(TableConfigProvider, {
-        value: configuration,
-        children: [
-            exists && sticky && !disableStickyStyles && // rendering a `<tbody>` since it is valid to have 0-many in a table
-            // https://html.spec.whatwg.org/multipage/tables.html#the-table-element
-            /*#__PURE__*/ _jsx("tbody", {
-                "aria-hidden": true,
-                ref: targetRef
+    return /*#__PURE__*/ _jsx(TableConfigProvider, {
+        value: config,
+        children: /*#__PURE__*/ _jsx("tfoot", {
+            ...remaining,
+            ref: propRef,
+            className: tableFooter({
+                className
             }),
-            /*#__PURE__*/ _jsx("tfoot", {
-                ...remaining,
-                ref: exists ? tfootRefCallback : targetRef,
-                className: tableFooter({
-                    className,
-                    sticky,
-                    stickyActive,
-                    stickyActiveClassName
-                }),
-                children: children
-            })
-        ]
+            children: children
+        })
     });
 });
 

package/dist/table/TableFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableFooter.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIntersectionObserver } from \"../useIntersectionObserver.js\";\nimport {\n  TableConfigProvider,\n  useTableConfig,\n  type TableCellConfig,\n  type TableConfigContext,\n} from \"./TableConfigurationProvider.js\";\nimport { useTableContainer } from \"./TableContainerProvider.js\";\nimport { tableFooter } from \"./tableFooterStyles.js\";\nimport {\n  type IsStickyTableSectionActive,\n  type TableStickySectionProps,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport const isTableFooterStickyActive: IsStickyTableSectionActive = (\n  entry,\n  isInTableContainer\n) => {\n  const { intersectionRatio, boundingClientRect, isIntersecting } = entry;\n  if (isInTableContainer) {\n    return !isIntersecting;\n  }\n\n  return intersectionRatio < 1 && boundingClientRect.top >= 0;\n};\n/**\n * @since 6.0.0 Added support for \"sticky-active\" state.\n */\nexport interface TableFooterProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    Pick<TableCellConfig, \"lineWrap\">,\n    TableStickySectionProps {\n  /**\n   * This is a rename of the `disableHover` of the `TableConfig` since table\n   * footers are not hoverable by default. This prop can be enabled to add the\n   * row hover color within table footers, but it is not really recommended.\n   *\n   * @defaultValue `false`\n   */\n  hoverable?: boolean;\n\n  /** @defaultValue {@link isTableFooterStickyActive} */\n  isStickyActive?: IsStickyTableSectionActive;\n}\n\n/**\n * **Client Component**\n * TODO: Create separate useStickyTableFooter + StickyTableFooter component\n *\n * Creates a `<tfoot>` element with some basic styles. This component will\n * disable the hover effect and line wrapping by default, but the hover effect\n * and line-wrapping can be re-enabled if desired through the `hoverable` and\n * `disableNoWrap` props.\n */\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  TableFooterProps\n>(function TableFooter(props, propRef) {\n  const {\n    className,\n    hoverable = false,\n    lineWrap: propLineWrap,\n    children,\n    sticky = false,\n    stickyOptions,\n    isStickyActive = isTableFooterStickyActive,\n    disableStickyStyles = false,\n    stickyActiveClassName,\n    ...remaining\n  } = props;\n\n  // update the table configuration with the custom overrides for the `<tfoot>`\n  const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } =\n    useTableConfig({\n      lineWrap: propLineWrap,\n      disableHover: !hoverable,\n    });\n\n  const configuration = useMemo<TableConfigContext>(\n    () => ({\n      dense,\n      header: false,\n      hAlign,\n      vAlign,\n      lineWrap,\n      disableBorders,\n      disableHover,\n    }),\n    [dense, hAlign, vAlign, lineWrap, disableBorders, disableHover]\n  );\n\n  const [tfootRef, tfootRefCallback] = useEnsuredRef(propRef);\n  const { exists, containerRef } = useTableContainer();\n  const [stickyActive, setStickyActive] = useState(false);\n  const targetRef = useIntersectionObserver<\n    HTMLTableSectionElement | HTMLElement\n  >({\n    ref: exists ? undefined : tfootRefCallback,\n    root: containerRef,\n    disabled: !sticky || disableStickyStyles,\n    threshold: exists ? 0 : 1,\n    getRootMargin: useCallback(() => {\n      const topOffset =\n        exists && tfootRef.current ? tfootRef.current.offsetHeight - 1 : 1;\n\n      return `0px 0px -${topOffset}px 0px`;\n    }, [exists, tfootRef]),\n    onUpdate: useCallback(\n      ([entry]) => {\n        setStickyActive(isStickyActive(entry, exists));\n      },\n      [exists, isStickyActive]\n    ),\n    // allow the user defined sticky options to override the default behavior\n    ...stickyOptions,\n  });\n\n  return (\n    <TableConfigProvider value={configuration}>\n      {exists && sticky && !disableStickyStyles && (\n        // rendering a `<tbody>` since it is valid to have 0-many in a table\n        // https://html.spec.whatwg.org/multipage/tables.html#the-table-element\n        <tbody aria-hidden ref={targetRef} />\n      )}\n      <tfoot\n        {...remaining}\n        ref={exists ? tfootRefCallback : targetRef}\n        className={tableFooter({\n          className,\n          sticky,\n          stickyActive,\n          stickyActiveClassName,\n        })}\n      >\n        {children}\n      </tfoot>\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","useCallback","useMemo","useState","useEnsuredRef","useIntersectionObserver","TableConfigProvider","useTableConfig","useTableContainer","tableFooter","isTableFooterStickyActive","entry","isInTableContainer","intersectionRatio","boundingClientRect","isIntersecting","top","TableFooter","props","propRef","className","hoverable","lineWrap","propLineWrap","children","sticky","stickyOptions","isStickyActive","disableStickyStyles","stickyActiveClassName","remaining","dense","hAlign","vAlign","disableHover","disableBorders","configuration","header","tfootRef","tfootRefCallback","exists","containerRef","stickyActive","setStickyActive","targetRef","ref","undefined","root","disabled","threshold","getRootMargin","topOffset","current","offsetHeight","onUpdate","value","tbody","aria-hidden","tfoot"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,QAAQ,QAEH,QAAQ;AACf,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SACEC,mBAAmB,EACnBC,cAAc,QAGT,kCAAkC;AACzC,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,WAAW,QAAQ,yBAAyB;AAMrD;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEC,OACAC;IAEA,MAAM,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,cAAc,EAAE,GAAGJ;IAClE,IAAIC,oBAAoB;QACtB,OAAO,CAACG;IACV;IAEA,OAAOF,oBAAoB,KAAKC,mBAAmBE,GAAG,IAAI;AAC5D,EAAE;AAqBF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAAcjB,WAGzB,SAASiB,YAAYC,KAAK,EAAEC,OAAO;IACnC,MAAM,EACJC,SAAS,EACTC,YAAY,KAAK,EACjBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,KAAK,EACdC,aAAa,EACbC,iBAAiBjB,yBAAyB,EAC1CkB,sBAAsB,KAAK,EAC3BC,qBAAqB,EACrB,GAAGC,WACJ,GAAGZ;IAEJ,6EAA6E;IAC7E,MAAM,EAAEa,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAEX,QAAQ,EAAEY,YAAY,EAAEC,cAAc,EAAE,GACrE5B,eAAe;QACbe,UAAUC;QACVW,cAAc,CAACb;IACjB;IAEF,MAAMe,gBAAgBlC,QACpB,IAAO,CAAA;YACL6B;YACAM,QAAQ;YACRL;YACAC;YACAX;YACAa;YACAD;QACF,CAAA,GACA;QAACH;QAAOC;QAAQC;QAAQX;QAAUa;QAAgBD;KAAa;IAGjE,MAAM,CAACI,UAAUC,iBAAiB,GAAGnC,cAAce;IACnD,MAAM,EAAEqB,MAAM,EAAEC,YAAY,EAAE,GAAGjC;IACjC,MAAM,CAACkC,cAAcC,gBAAgB,GAAGxC,SAAS;IACjD,MAAMyC,YAAYvC,wBAEhB;QACAwC,KAAKL,SAASM,YAAYP;QAC1BQ,MAAMN;QACNO,UAAU,CAACvB,UAAUG;QACrBqB,WAAWT,SAAS,IAAI;QACxBU,eAAejD,YAAY;YACzB,MAAMkD,YACJX,UAAUF,SAASc,OAAO,GAAGd,SAASc,OAAO,CAACC,YAAY,GAAG,IAAI;YAEnE,OAAO,CAAC,SAAS,EAAEF,UAAU,MAAM,CAAC;QACtC,GAAG;YAACX;YAAQF;SAAS;QACrBgB,UAAUrD,YACR,CAAC,CAACU,MAAM;YACNgC,gBAAgBhB,eAAehB,OAAO6B;QACxC,GACA;YAACA;YAAQb;SAAe;QAE1B,yEAAyE;QACzE,GAAGD,aAAa;IAClB;IAEA,qBACE,MAACpB;QAAoBiD,OAAOnB;;YACzBI,UAAUf,UAAU,CAACG,uBACpB,oEAAoE;YACpE,uEAAuE;0BACvE,KAAC4B;gBAAMC,aAAW;gBAACZ,KAAKD;;0BAE1B,KAACc;gBACE,GAAG5B,SAAS;gBACbe,KAAKL,SAASD,mBAAmBK;gBACjCxB,WAAWX,YAAY;oBACrBW;oBACAK;oBACAiB;oBACAb;gBACF;0BAECL;;;;AAIT,GAAG"}
+{"version":3,"sources":["../../src/table/TableFooter.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { tableFooter } from \"./tableFooterStyles.js\";\nimport { type TableSectionConfiguration } from \"./types.js\";\nimport { useTableSectionConfig } from \"./useTableSectionConfig.js\";\n\nexport interface TableFooterProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    TableSectionConfiguration {\n  /**\n   * NOTE: It is recommended to use the `StickyTableSection` component instead\n   * of enabling this prop since it supports dynamically adding styles while the\n   * header covering table rows.\n   *\n   * Set this to `true` to enable the sticky behavior.\n   *\n   * @defaultValue `false`\n   */\n  sticky?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * Creates a `<tfoot>` element with some basic styles. This component will\n * disable the hover effect and line wrapping by default, but the hover effect\n * and line-wrapping can be re-enabled if desired through the `hoverable` and\n * `disableNoWrap` props.\n */\nexport const TableFooter = forwardRef<\n  HTMLTableSectionElement,\n  TableFooterProps\n>(function TableFooter(props, propRef) {\n  const { className, hoverable, lineWrap, children, ...remaining } = props;\n\n  const config = useTableSectionConfig({\n    type: \"footer\",\n    lineWrap,\n    hoverable,\n  });\n\n  return (\n    <TableConfigProvider value={config}>\n      <tfoot\n        {...remaining}\n        ref={propRef}\n        className={tableFooter({ className })}\n      >\n        {children}\n      </tfoot>\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","TableConfigProvider","tableFooter","useTableSectionConfig","TableFooter","props","propRef","className","hoverable","lineWrap","children","remaining","config","type","value","tfoot","ref"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,WAAW,QAAQ,yBAAyB;AAErD,SAASC,qBAAqB,QAAQ,6BAA6B;AAiBnE;;;;;;;CAOC,GACD,OAAO,MAAMC,4BAAcJ,WAGzB,SAASI,YAAYC,KAAK,EAAEC,OAAO;IACnC,MAAM,EAAEC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GAAGN;IAEnE,MAAMO,SAAST,sBAAsB;QACnCU,MAAM;QACNJ;QACAD;IACF;IAEA,qBACE,KAACP;QAAoBa,OAAOF;kBAC1B,cAAA,KAACG;YACE,GAAGJ,SAAS;YACbK,KAAKV;YACLC,WAAWL,YAAY;gBAAEK;YAAU;sBAElCG;;;AAIT,GAAG"}

package/dist/table/TableHeader.d.ts

@@ -1,28 +1,19 @@
 import { type HTMLAttributes } from "react";
-import { type TableCellConfig } from "./TableConfigurationProvider.js";
-import { type IsStickyTableSectionActive, type TableStickySectionProps } from "./types.js";
-/**
- * @since 6.0.0
- */
-export declare const isTableHeaderStickyActive: IsStickyTableSectionActive;
-/**
- * @since 6.0.0 Added support for "sticky-active" state.
- */
-export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement>, Pick<TableCellConfig, "lineWrap">, TableStickySectionProps {
+import { type TableSectionConfiguration } from "./types.js";
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement>, TableSectionConfiguration {
     /**
-     * This is a rename of the `disableHover` of the `TableConfig` since table
-     * headers are not hoverable by default. This prop can be enabled to add the
-     * row hover color within table headers, but it is not really recommended.
+     * NOTE: It is recommended to use the `StickyTableSection` component instead
+     * of enabling this prop since it supports dynamically adding styles while the
+     * header covering table rows.
+     *
+     * Set this to `true` to enable the sticky behavior.
      *
      * @defaultValue `false`
      */
-    hoverable?: boolean;
-    /** @defaultValue {@link isTableHeaderStickyActive} */
-    isStickyActive?: IsStickyTableSectionActive;
+    sticky?: boolean;
 }
 /**
  * **Client Component**
- * TODO: Create separate useStickyTableHeader + StickyTableHeader component
  *
  * Creates a `<thead>` element with some basic styles. This component will also
  * update the table configuration so that all the `TableCell` children will

package/dist/table/TableHeader.js

@@ -1,19 +1,11 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useMemo, useState } from "react";
-import { useEnsuredRef } from "../useEnsuredRef.js";
-import { useIntersectionObserver } from "../useIntersectionObserver.js";
-import { TableConfigProvider, useTableConfig } from "./TableConfigurationProvider.js";
-import { useTableContainer } from "./TableContainerProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { TableConfigProvider } from "./TableConfigurationProvider.js";
 import { tableHeader } from "./tableHeaderStyles.js";
-/**
- * @since 6.0.0
- */ export const isTableHeaderStickyActive = (entry)=>{
-    return entry.intersectionRatio < 1 && entry.boundingClientRect.bottom <= window.innerHeight;
-};
+import { useTableSectionConfig } from "./useTableSectionConfig.js";
 /**
  * **Client Component**
- * TODO: Create separate useStickyTableHeader + StickyTableHeader component
  *
  * Creates a `<thead>` element with some basic styles. This component will also
  * update the table configuration so that all the `TableCell` children will
@@ -22,84 +14,25 @@ import { tableHeader } from "./tableHeaderStyles.js";
  * line-wrapping can be re-enabled if desired through the `hoverable` and
  * `disableNoWrap` props.
  */ export const TableHeader = /*#__PURE__*/ forwardRef(function TableHeader(props, propRef) {
-    const { className, hoverable = false, lineWrap: propLineWrap, children, sticky = false, stickyOptions, isStickyActive = isTableHeaderStickyActive, disableStickyStyles = false, stickyActiveClassName, ...remaining } = props;
-    // update the table configuration with the custom overrides for the `<thead>`
-    const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } = useTableConfig({
-        lineWrap: propLineWrap,
-        disableHover: !hoverable
-    });
-    const configuration = useMemo(()=>({
-            dense,
-            header: true,
-            hAlign,
-            vAlign,
-            lineWrap,
-            disableBorders,
-            disableHover
-        }), [
-        dense,
-        hAlign,
-        vAlign,
+    const { className, sticky, lineWrap, hoverable, children, ...remaining } = props;
+    const config = useTableSectionConfig({
+        type: "header",
         lineWrap,
-        disableBorders,
-        disableHover
-    ]);
-    const [theadRef, theadRefCallback] = useEnsuredRef(propRef);
-    const { exists, containerRef } = useTableContainer();
-    const [stickyActive, setStickyActive] = useState(false);
-    const targetRef = useIntersectionObserver({
-        ref: exists ? undefined : theadRefCallback,
-        root: containerRef,
-        disabled: !sticky || disableStickyStyles,
-        threshold: exists ? 0 : 1,
-        getRootMargin: useCallback(()=>{
-            const thead = theadRef.current;
-            if (!thead) {
-                return;
-            }
-            let topOffset;
-            if (exists) {
-                topOffset = thead.offsetHeight - 1;
-            } else {
-                const top = parseFloat(window.getComputedStyle(thead).top);
-                topOffset = Number.isNaN(top) ? 1 : top + 1;
-            }
-            return `-${topOffset}px 0px 0px`;
-        }, [
-            exists,
-            theadRef
-        ]),
-        onUpdate: useCallback(([entry])=>{
-            setStickyActive(isStickyActive(entry, exists));
-        }, [
-            exists,
-            isStickyActive
-        ]),
-        // allow the user defined sticky options to override the default behavior
-        ...stickyOptions
+        hoverable
     });
-    return /*#__PURE__*/ _jsxs(TableConfigProvider, {
-        value: configuration,
-        children: [
-            /*#__PURE__*/ _jsx("thead", {
-                ...remaining,
-                ref: exists ? theadRefCallback : targetRef,
-                className: tableHeader({
-                    className,
-                    dense,
-                    sticky,
-                    stickyActive,
-                    stickyActiveClassName
-                }),
-                children: children
+    const { dense } = config;
+    return /*#__PURE__*/ _jsx(TableConfigProvider, {
+        value: config,
+        children: /*#__PURE__*/ _jsx("thead", {
+            ...remaining,
+            ref: propRef,
+            className: tableHeader({
+                className,
+                dense,
+                sticky
             }),
-            exists && sticky && !disableStickyStyles && // rendering a `<tbody>` since it is valid to have 0-many in a table
-            // https://html.spec.whatwg.org/multipage/tables.html#the-table-element
-            /*#__PURE__*/ _jsx("tbody", {
-                "aria-hidden": true,
-                ref: targetRef
-            })
-        ]
+            children: children
+        })
     });
 });
 

package/dist/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableHeader.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  useCallback,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n} from \"react\";\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIntersectionObserver } from \"../useIntersectionObserver.js\";\nimport {\n  TableConfigProvider,\n  useTableConfig,\n  type TableCellConfig,\n  type TableConfigContext,\n} from \"./TableConfigurationProvider.js\";\nimport { useTableContainer } from \"./TableContainerProvider.js\";\nimport { tableHeader } from \"./tableHeaderStyles.js\";\nimport {\n  type IsStickyTableSectionActive,\n  type TableStickySectionProps,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport const isTableHeaderStickyActive: IsStickyTableSectionActive = (\n  entry\n) => {\n  return (\n    entry.intersectionRatio < 1 &&\n    entry.boundingClientRect.bottom <= window.innerHeight\n  );\n};\n\n/**\n * @since 6.0.0 Added support for \"sticky-active\" state.\n */\nexport interface TableHeaderProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    Pick<TableCellConfig, \"lineWrap\">,\n    TableStickySectionProps {\n  /**\n   * This is a rename of the `disableHover` of the `TableConfig` since table\n   * headers are not hoverable by default. This prop can be enabled to add the\n   * row hover color within table headers, but it is not really recommended.\n   *\n   * @defaultValue `false`\n   */\n  hoverable?: boolean;\n\n  /** @defaultValue {@link isTableHeaderStickyActive} */\n  isStickyActive?: IsStickyTableSectionActive;\n}\n\n/**\n * **Client Component**\n * TODO: Create separate useStickyTableHeader + StickyTableHeader component\n *\n * Creates a `<thead>` element with some basic styles. This component will also\n * update the table configuration so that all the `TableCell` children will\n * automatically become `<th>` elements instead of the normal `<td>` as well as\n * disabling the hover effect and line wrapping. The hover effect and\n * line-wrapping can be re-enabled if desired through the `hoverable` and\n * `disableNoWrap` props.\n */\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  TableHeaderProps\n>(function TableHeader(props, propRef) {\n  const {\n    className,\n    hoverable = false,\n    lineWrap: propLineWrap,\n    children,\n    sticky = false,\n    stickyOptions,\n    isStickyActive = isTableHeaderStickyActive,\n    disableStickyStyles = false,\n    stickyActiveClassName,\n    ...remaining\n  } = props;\n\n  // update the table configuration with the custom overrides for the `<thead>`\n  const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } =\n    useTableConfig({\n      lineWrap: propLineWrap,\n      disableHover: !hoverable,\n    });\n\n  const configuration = useMemo<TableConfigContext>(\n    () => ({\n      dense,\n      header: true,\n      hAlign,\n      vAlign,\n      lineWrap,\n      disableBorders,\n      disableHover,\n    }),\n    [dense, hAlign, vAlign, lineWrap, disableBorders, disableHover]\n  );\n\n  const [theadRef, theadRefCallback] = useEnsuredRef(propRef);\n  const { exists, containerRef } = useTableContainer();\n  const [stickyActive, setStickyActive] = useState(false);\n  const targetRef = useIntersectionObserver({\n    ref: exists ? undefined : theadRefCallback,\n    root: containerRef,\n    disabled: !sticky || disableStickyStyles,\n    threshold: exists ? 0 : 1,\n    getRootMargin: useCallback(() => {\n      const thead = theadRef.current;\n      if (!thead) {\n        return;\n      }\n\n      let topOffset: number;\n      if (exists) {\n        topOffset = thead.offsetHeight - 1;\n      } else {\n        const top = parseFloat(window.getComputedStyle(thead).top);\n        topOffset = Number.isNaN(top) ? 1 : top + 1;\n      }\n\n      return `-${topOffset}px 0px 0px`;\n    }, [exists, theadRef]),\n    onUpdate: useCallback(\n      ([entry]) => {\n        setStickyActive(isStickyActive(entry, exists));\n      },\n      [exists, isStickyActive]\n    ),\n    // allow the user defined sticky options to override the default behavior\n    ...stickyOptions,\n  });\n\n  return (\n    <TableConfigProvider value={configuration}>\n      <thead\n        {...remaining}\n        ref={exists ? theadRefCallback : targetRef}\n        className={tableHeader({\n          className,\n          dense,\n          sticky,\n          stickyActive,\n          stickyActiveClassName,\n        })}\n      >\n        {children}\n      </thead>\n      {exists && sticky && !disableStickyStyles && (\n        // rendering a `<tbody>` since it is valid to have 0-many in a table\n        // https://html.spec.whatwg.org/multipage/tables.html#the-table-element\n        <tbody aria-hidden ref={targetRef} />\n      )}\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","useCallback","useMemo","useState","useEnsuredRef","useIntersectionObserver","TableConfigProvider","useTableConfig","useTableContainer","tableHeader","isTableHeaderStickyActive","entry","intersectionRatio","boundingClientRect","bottom","window","innerHeight","TableHeader","props","propRef","className","hoverable","lineWrap","propLineWrap","children","sticky","stickyOptions","isStickyActive","disableStickyStyles","stickyActiveClassName","remaining","dense","hAlign","vAlign","disableHover","disableBorders","configuration","header","theadRef","theadRefCallback","exists","containerRef","stickyActive","setStickyActive","targetRef","ref","undefined","root","disabled","threshold","getRootMargin","thead","current","topOffset","offsetHeight","top","parseFloat","getComputedStyle","Number","isNaN","onUpdate","value","tbody","aria-hidden"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,QAAQ,QAEH,QAAQ;AACf,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SACEC,mBAAmB,EACnBC,cAAc,QAGT,kCAAkC;AACzC,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,WAAW,QAAQ,yBAAyB;AAMrD;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEC;IAEA,OACEA,MAAMC,iBAAiB,GAAG,KAC1BD,MAAME,kBAAkB,CAACC,MAAM,IAAIC,OAAOC,WAAW;AAEzD,EAAE;AAsBF;;;;;;;;;;CAUC,GACD,OAAO,MAAMC,4BAAcjB,WAGzB,SAASiB,YAAYC,KAAK,EAAEC,OAAO;IACnC,MAAM,EACJC,SAAS,EACTC,YAAY,KAAK,EACjBC,UAAUC,YAAY,EACtBC,QAAQ,EACRC,SAAS,KAAK,EACdC,aAAa,EACbC,iBAAiBjB,yBAAyB,EAC1CkB,sBAAsB,KAAK,EAC3BC,qBAAqB,EACrB,GAAGC,WACJ,GAAGZ;IAEJ,6EAA6E;IAC7E,MAAM,EAAEa,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAEX,QAAQ,EAAEY,YAAY,EAAEC,cAAc,EAAE,GACrE5B,eAAe;QACbe,UAAUC;QACVW,cAAc,CAACb;IACjB;IAEF,MAAMe,gBAAgBlC,QACpB,IAAO,CAAA;YACL6B;YACAM,QAAQ;YACRL;YACAC;YACAX;YACAa;YACAD;QACF,CAAA,GACA;QAACH;QAAOC;QAAQC;QAAQX;QAAUa;QAAgBD;KAAa;IAGjE,MAAM,CAACI,UAAUC,iBAAiB,GAAGnC,cAAce;IACnD,MAAM,EAAEqB,MAAM,EAAEC,YAAY,EAAE,GAAGjC;IACjC,MAAM,CAACkC,cAAcC,gBAAgB,GAAGxC,SAAS;IACjD,MAAMyC,YAAYvC,wBAAwB;QACxCwC,KAAKL,SAASM,YAAYP;QAC1BQ,MAAMN;QACNO,UAAU,CAACvB,UAAUG;QACrBqB,WAAWT,SAAS,IAAI;QACxBU,eAAejD,YAAY;YACzB,MAAMkD,QAAQb,SAASc,OAAO;YAC9B,IAAI,CAACD,OAAO;gBACV;YACF;YAEA,IAAIE;YACJ,IAAIb,QAAQ;gBACVa,YAAYF,MAAMG,YAAY,GAAG;YACnC,OAAO;gBACL,MAAMC,MAAMC,WAAWzC,OAAO0C,gBAAgB,CAACN,OAAOI,GAAG;gBACzDF,YAAYK,OAAOC,KAAK,CAACJ,OAAO,IAAIA,MAAM;YAC5C;YAEA,OAAO,CAAC,CAAC,EAAEF,UAAU,UAAU,CAAC;QAClC,GAAG;YAACb;YAAQF;SAAS;QACrBsB,UAAU3D,YACR,CAAC,CAACU,MAAM;YACNgC,gBAAgBhB,eAAehB,OAAO6B;QACxC,GACA;YAACA;YAAQb;SAAe;QAE1B,yEAAyE;QACzE,GAAGD,aAAa;IAClB;IAEA,qBACE,MAACpB;QAAoBuD,OAAOzB;;0BAC1B,KAACe;gBACE,GAAGrB,SAAS;gBACbe,KAAKL,SAASD,mBAAmBK;gBACjCxB,WAAWX,YAAY;oBACrBW;oBACAW;oBACAN;oBACAiB;oBACAb;gBACF;0BAECL;;YAEFgB,UAAUf,UAAU,CAACG,uBACpB,oEAAoE;YACpE,uEAAuE;0BACvE,KAACkC;gBAAMC,aAAW;gBAAClB,KAAKD;;;;AAIhC,GAAG"}
+{"version":3,"sources":["../../src/table/TableHeader.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { TableConfigProvider } from \"./TableConfigurationProvider.js\";\nimport { tableHeader } from \"./tableHeaderStyles.js\";\nimport { type TableSectionConfiguration } from \"./types.js\";\nimport { useTableSectionConfig } from \"./useTableSectionConfig.js\";\n\nexport interface TableHeaderProps\n  extends HTMLAttributes<HTMLTableSectionElement>,\n    TableSectionConfiguration {\n  /**\n   * NOTE: It is recommended to use the `StickyTableSection` component instead\n   * of enabling this prop since it supports dynamically adding styles while the\n   * header covering table rows.\n   *\n   * Set this to `true` to enable the sticky behavior.\n   *\n   * @defaultValue `false`\n   */\n  sticky?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * Creates a `<thead>` element with some basic styles. This component will also\n * update the table configuration so that all the `TableCell` children will\n * automatically become `<th>` elements instead of the normal `<td>` as well as\n * disabling the hover effect and line wrapping. The hover effect and\n * line-wrapping can be re-enabled if desired through the `hoverable` and\n * `disableNoWrap` props.\n */\nexport const TableHeader = forwardRef<\n  HTMLTableSectionElement,\n  TableHeaderProps\n>(function TableHeader(props, propRef) {\n  const { className, sticky, lineWrap, hoverable, children, ...remaining } =\n    props;\n\n  const config = useTableSectionConfig({\n    type: \"header\",\n    lineWrap,\n    hoverable,\n  });\n  const { dense } = config;\n\n  return (\n    <TableConfigProvider value={config}>\n      <thead\n        {...remaining}\n        ref={propRef}\n        className={tableHeader({\n          className,\n          dense,\n          sticky,\n        })}\n      >\n        {children}\n      </thead>\n    </TableConfigProvider>\n  );\n});\n"],"names":["forwardRef","TableConfigProvider","tableHeader","useTableSectionConfig","TableHeader","props","propRef","className","sticky","lineWrap","hoverable","children","remaining","config","type","dense","value","thead","ref"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,mBAAmB,QAAQ,kCAAkC;AACtE,SAASC,WAAW,QAAQ,yBAAyB;AAErD,SAASC,qBAAqB,QAAQ,6BAA6B;AAiBnE;;;;;;;;;CASC,GACD,OAAO,MAAMC,4BAAcJ,WAGzB,SAASI,YAAYC,KAAK,EAAEC,OAAO;IACnC,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,WAAW,GACtEP;IAEF,MAAMQ,SAASV,sBAAsB;QACnCW,MAAM;QACNL;QACAC;IACF;IACA,MAAM,EAAEK,KAAK,EAAE,GAAGF;IAElB,qBACE,KAACZ;QAAoBe,OAAOH;kBAC1B,cAAA,KAACI;YACE,GAAGL,SAAS;YACbM,KAAKZ;YACLC,WAAWL,YAAY;gBACrBK;gBACAQ;gBACAP;YACF;sBAECG;;;AAIT,GAAG"}

package/dist/table/TableRadio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableRadio.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type TdHTMLAttributes } from \"react\";\nimport { type RadioProps } from \"../form/InputToggle.js\";\nimport { Radio } from \"../form/Radio.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { TableCell } from \"./TableCell.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport type TableRadioTdHTMLAttributes = Omit<\n  TdHTMLAttributes<HTMLTableCellElement>,\n  \"aria-sort\" | \"scope\" | \"onChange\" | \"onInvalid\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport type TableRadioSupportedRadioProps = Pick<\n  RadioProps,\n  | \"name\"\n  | \"value\"\n  | \"icon\"\n  | \"iconStyle\"\n  | \"iconClassName\"\n  | \"iconProps\"\n  | \"checkedIcon\"\n  | \"checked\"\n  | \"onChange\"\n  | \"defaultChecked\"\n  | \"error\"\n  | \"required\"\n  | \"onInvalid\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport interface TableRadioProps\n  extends TableRadioTdHTMLAttributes,\n    TableRadioSupportedRadioProps {\n  /**\n   * @defaultValue `!props[\"aria-labelledby\"] ? \"Select Row\" : undefined`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /**\n   * This allows you to override any props for the checkbox that are not\n   * configurable as top-level props.\n   *\n   * @example Simple Example\n   * ```tsx\n   * checkboxProps={{\n   *   id: \"some-custom-id\",\n   *   ref: checkboxRef,\n   * }}\n   * ```\n   *\n   * @see {@link TableRadioSupportedRadioProps}\n   * @since 6.0.0\n   */\n  radioProps?: PropsWithRef<RadioProps, HTMLInputElement>;\n}\n\n/**\n * **Client Component**\n * The `TableRadio` is used to render a `Radio` within a `TableCell` by applying\n * some minimal styles.\n *\n * @example Simple Example\n * ```tsx\n * import {\n *   Table,\n *   TableBody,\n *   TableCell,\n *   TableRadio,\n *   TableContainer,\n *   TableHeader,\n *   TableRow,\n *   useRadioGroup,\n * } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * const rows = [\n *   { name: \"Frozen Yogurt\", type: \"Ice Cream\" },\n *   { name: \"Ice cream sandwich\", type: \"Ice Cream\" },\n *   { name: \"Eclair\", type: \"Pastry\" },\n *   // ...other content\n * ] as const;\n *\n * function Example(): ReactElement {\n *   const { getRadioProps } = useRadioGroup({\n *     name: \"selected\",\n *   });\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCell header={false} />\n *             <TableCell>Name</TableCell>\n *             <TableCell>Type</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           {rows.map(({ name, type }) => {\n *             const radioProps = getRadioProps(name);\n *             const { checked, onChange } = radioProps;\n *\n *             return (\n *               <TableRow\n *                 key={name}\n *                 onClick={onChange}\n *                 clickable\n *                 selected={checked}\n *               >\n *                 <TableRadio {...radioProps} />\n *                 <TableCell>{name}</TableCell>\n *                 <TableCell hAlign=\"right\">{type}</TableCell>\n *               </TableRow>\n *             );\n *           })}\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n * @since 6.0.0\n */\nexport const TableRadio = forwardRef<HTMLTableCellElement, TableRadioProps>(\n  function TableRadio(props, ref) {\n    const {\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel = !ariaLabelledBy ? \"Select Row\" : undefined,\n      \"aria-controls\": ariaControls,\n      name,\n      icon,\n      iconProps,\n      iconStyle,\n      iconClassName,\n      checkedIcon,\n      value,\n      checked,\n      onChange,\n      defaultChecked,\n      radioProps,\n      onClick = noop,\n      error,\n      required,\n      onInvalid,\n      ...remaining\n    } = props;\n\n    return (\n      <TableCell\n        {...remaining}\n        ref={ref}\n        header={false}\n        inputToggle\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick(event);\n        }}\n      >\n        <Radio\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-controls={ariaControls}\n          name={name}\n          icon={icon}\n          iconProps={iconProps}\n          iconStyle={iconStyle}\n          iconClassName={iconClassName}\n          checkedIcon={checkedIcon}\n          value={value}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          error={error}\n          required={required}\n          onChange={onChange}\n          onInvalid={onInvalid}\n          {...radioProps}\n        />\n      </TableCell>\n    );\n  }\n);\n"],"names":["forwardRef","Radio","TableCell","noop","TableRadio","props","ref","ariaLabelledBy","ariaLabel","undefined","ariaControls","name","icon","iconProps","iconStyle","iconClassName","checkedIcon","value","checked","onChange","defaultChecked","radioProps","onClick","error","required","onInvalid","remaining","header","inputToggle","event","stopPropagation","aria-label","aria-labelledby","aria-controls"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,QAA+B,QAAQ;AAE1D,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,OAAO;AACX,aAAa;AACf;AA8DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEC,GACD,OAAO,MAAMC,2BAAaJ,WACxB,SAASI,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAY,CAACD,iBAAiB,eAAeE,SAAS,EACpE,iBAAiBC,YAAY,EAC7BC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,UAAU,EACVC,UAAUnB,IAAI,EACdoB,KAAK,EACLC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACJ,GAAGrB;IAEJ,qBACE,KAACH;QACE,GAAGwB,SAAS;QACbpB,KAAKA;QACLqB,QAAQ;QACRC,WAAW;QACXN,SAAS,CAACO;YACRA,MAAMC,eAAe;YACrBR,QAAQO;QACV;kBAEA,cAAA,KAAC5B;YACC8B,cAAYvB;YACZwB,mBAAiBzB;YACjB0B,iBAAevB;YACfC,MAAMA;YACNC,MAAMA;YACNC,WAAWA;YACXC,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,OAAOA;YACPC,SAASA;YACTE,gBAAgBA;YAChBG,OAAOA;YACPC,UAAUA;YACVL,UAAUA;YACVM,WAAWA;YACV,GAAGJ,UAAU;;;AAItB,GACA"}
+{"version":3,"sources":["../../src/table/TableRadio.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type TdHTMLAttributes } from \"react\";\nimport { type RadioProps } from \"../form/InputToggle.js\";\nimport { Radio } from \"../form/Radio.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { TableCell } from \"./TableCell.js\";\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/**\n * @since 6.0.0\n */\nexport type TableRadioTdHTMLAttributes = Omit<\n  TdHTMLAttributes<HTMLTableCellElement>,\n  \"aria-sort\" | \"scope\" | \"onChange\" | \"onInvalid\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport type TableRadioSupportedRadioProps = Pick<\n  RadioProps,\n  | \"name\"\n  | \"value\"\n  | \"icon\"\n  | \"iconStyle\"\n  | \"iconClassName\"\n  | \"iconProps\"\n  | \"checkedIcon\"\n  | \"checked\"\n  | \"onChange\"\n  | \"defaultChecked\"\n  | \"error\"\n  | \"required\"\n  | \"onInvalid\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport interface TableRadioProps\n  extends TableRadioTdHTMLAttributes,\n    TableRadioSupportedRadioProps {\n  /**\n   * @defaultValue `!props[\"aria-labelledby\"] ? \"Select Row\" : undefined`\n   */\n  \"aria-label\"?: string;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /**\n   * This allows you to override any props for the checkbox that are not\n   * configurable as top-level props.\n   *\n   * @example Simple Example\n   * ```tsx\n   * checkboxProps={{\n   *   id: \"some-custom-id\",\n   *   ref: checkboxRef,\n   * }}\n   * ```\n   *\n   * @see {@link TableRadioSupportedRadioProps}\n   * @since 6.0.0\n   */\n  radioProps?: PropsWithRef<RadioProps, HTMLInputElement>;\n}\n\n/**\n * **Client Component**\n * The `TableRadio` is used to render a `Radio` within a `TableCell` by applying\n * some minimal styles.\n *\n * @example Simple Example\n * ```tsx\n * import {\n *   Table,\n *   TableBody,\n *   TableCell,\n *   TableRadio,\n *   TableContainer,\n *   TableHeader,\n *   TableRow,\n *   useRadioGroup,\n * } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * const rows = [\n *   { name: \"Frozen Yogurt\", type: \"Ice Cream\" },\n *   { name: \"Ice cream sandwich\", type: \"Ice Cream\" },\n *   { name: \"Eclair\", type: \"Pastry\" },\n *   // ...other content\n * ] as const;\n *\n * function Example(): ReactElement {\n *   const { getRadioProps } = useRadioGroup({\n *     name: \"selected\",\n *   });\n *   return (\n *     <TableContainer>\n *       <Table>\n *         <TableHeader>\n *           <TableRow>\n *             <TableCell header={false} />\n *             <TableCell>Name</TableCell>\n *             <TableCell>Type</TableCell>\n *           </TableRow>\n *         </TableHeader>\n *         <TableBody>\n *           {rows.map(({ name, type }) => {\n *             const radioProps = getRadioProps(name);\n *             const { checked, onChange } = radioProps;\n *\n *             return (\n *               <TableRow\n *                 key={name}\n *                 onClick={onChange}\n *                 clickable\n *                 selected={checked}\n *               >\n *                 <TableRadio {...radioProps} />\n *                 <TableCell>{name}</TableCell>\n *                 <TableCell hAlign=\"right\">{type}</TableCell>\n *               </TableRow>\n *             );\n *           })}\n *         </TableBody>\n *       </Table>\n *     </TableContainer>\n *   );\n * }\n * ```\n * @since 6.0.0\n */\nexport const TableRadio = forwardRef<HTMLTableCellElement, TableRadioProps>(\n  function TableRadio(props, ref) {\n    const {\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-label\": ariaLabel = !ariaLabelledBy ? \"Select Row\" : undefined,\n      \"aria-controls\": ariaControls,\n      name,\n      icon,\n      iconProps,\n      iconStyle,\n      iconClassName,\n      checkedIcon,\n      value,\n      checked,\n      onChange,\n      defaultChecked,\n      radioProps,\n      onClick = noop,\n      error,\n      required,\n      onInvalid,\n      ...remaining\n    } = props;\n\n    return (\n      <TableCell\n        {...remaining}\n        ref={ref}\n        header={false}\n        inputToggle\n        onClick={(event) => {\n          event.stopPropagation();\n          onClick(event);\n        }}\n      >\n        <Radio\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-controls={ariaControls}\n          name={name}\n          icon={icon}\n          iconProps={iconProps}\n          iconStyle={iconStyle}\n          iconClassName={iconClassName}\n          checkedIcon={checkedIcon}\n          value={value}\n          checked={checked}\n          defaultChecked={defaultChecked}\n          error={error}\n          required={required}\n          onChange={onChange}\n          onInvalid={onInvalid}\n          {...radioProps}\n        />\n      </TableCell>\n    );\n  }\n);\n"],"names":["forwardRef","Radio","TableCell","noop","TableRadio","props","ref","ariaLabelledBy","ariaLabel","undefined","ariaControls","name","icon","iconProps","iconStyle","iconClassName","checkedIcon","value","checked","onChange","defaultChecked","radioProps","onClick","error","required","onInvalid","remaining","header","inputToggle","event","stopPropagation","aria-label","aria-labelledby","aria-controls"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA+B,QAAQ;AAE1D,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,MAAMC,OAAO;AACX,aAAa;AACf;AA8DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEC,GACD,OAAO,MAAMC,2BAAaJ,WACxB,SAASI,WAAWC,KAAK,EAAEC,GAAG;IAC5B,MAAM,EACJ,mBAAmBC,cAAc,EACjC,cAAcC,YAAY,CAACD,iBAAiB,eAAeE,SAAS,EACpE,iBAAiBC,YAAY,EAC7BC,IAAI,EACJC,IAAI,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,cAAc,EACdC,UAAU,EACVC,UAAUnB,IAAI,EACdoB,KAAK,EACLC,QAAQ,EACRC,SAAS,EACT,GAAGC,WACJ,GAAGrB;IAEJ,qBACE,KAACH;QACE,GAAGwB,SAAS;QACbpB,KAAKA;QACLqB,QAAQ;QACRC,WAAW;QACXN,SAAS,CAACO;YACRA,MAAMC,eAAe;YACrBR,QAAQO;QACV;kBAEA,cAAA,KAAC5B;YACC8B,cAAYvB;YACZwB,mBAAiBzB;YACjB0B,iBAAevB;YACfC,MAAMA;YACNC,MAAMA;YACNC,WAAWA;YACXC,WAAWA;YACXC,eAAeA;YACfC,aAAaA;YACbC,OAAOA;YACPC,SAASA;YACTE,gBAAgBA;YAChBG,OAAOA;YACPC,UAAUA;YACVL,UAAUA;YACVM,WAAWA;YACV,GAAGJ,UAAU;;;AAItB,GACA"}

package/dist/table/TableRow.d.ts

@@ -1,5 +1,5 @@
 import { type HTMLAttributes } from "react";
-import { type TableRowConfiguration } from "./TableConfigurationProvider.js";
+import { type TableRowConfiguration } from "./types.js";
 export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement>, TableRowConfiguration {
     /**
      * Boolean if the current row has been selected and should apply the selected

package/dist/table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/TableRow.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport {\n  useTableConfig,\n  type TableRowConfiguration,\n} from \"./TableConfigurationProvider.js\";\nimport { tableRow } from \"./tableRowStyles.js\";\n\nexport interface TableRowProps\n  extends HTMLAttributes<HTMLTableRowElement>,\n    TableRowConfiguration {\n  /**\n   * Boolean if the current row has been selected and should apply the selected\n   * background-color.\n   *\n   * @defaultValue `false`\n   */\n  selected?: boolean;\n\n  /**\n   * Boolean if the row should be clickable and update the cursor while hovered\n   * to be a pointer.\n   *\n   * @defaultValue `false`\n   */\n  clickable?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * Creates a `<tr>` element with some general styles that are inherited from the\n * base table configuration.\n */\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  function TableRow(props, ref) {\n    const {\n      className,\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n      children,\n      selected = false,\n      clickable = false,\n      ...remaining\n    } = props;\n\n    const { disableHover, disableBorders } = useTableConfig({\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n    });\n\n    return (\n      <tr\n        {...remaining}\n        ref={ref}\n        className={tableRow({\n          selected,\n          clickable,\n          disableHover,\n          disableBorders,\n          className,\n        })}\n      >\n        {children}\n      </tr>\n    );\n  }\n);\n"],"names":["forwardRef","useTableConfig","tableRow","TableRow","props","ref","className","disableHover","propDisableHover","disableBorders","propDisableBorders","children","selected","clickable","remaining","tr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SACEC,cAAc,QAET,kCAAkC;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAsB/C;;;;;CAKC,GACD,OAAO,MAAMC,yBAAWH,WACtB,SAASG,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,SAAS,EACTC,cAAcC,gBAAgB,EAC9BC,gBAAgBC,kBAAkB,EAClCC,QAAQ,EACRC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjB,GAAGC,WACJ,GAAGV;IAEJ,MAAM,EAAEG,YAAY,EAAEE,cAAc,EAAE,GAAGR,eAAe;QACtDM,cAAcC;QACdC,gBAAgBC;IAClB;IAEA,qBACE,KAACK;QACE,GAAGD,SAAS;QACbT,KAAKA;QACLC,WAAWJ,SAAS;YAClBU;YACAC;YACAN;YACAE;YACAH;QACF;kBAECK;;AAGP,GACA"}
+{"version":3,"sources":["../../src/table/TableRow.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useTableConfig } from \"./TableConfigurationProvider.js\";\nimport { tableRow } from \"./tableRowStyles.js\";\nimport { type TableRowConfiguration } from \"./types.js\";\n\nexport interface TableRowProps\n  extends HTMLAttributes<HTMLTableRowElement>,\n    TableRowConfiguration {\n  /**\n   * Boolean if the current row has been selected and should apply the selected\n   * background-color.\n   *\n   * @defaultValue `false`\n   */\n  selected?: boolean;\n\n  /**\n   * Boolean if the row should be clickable and update the cursor while hovered\n   * to be a pointer.\n   *\n   * @defaultValue `false`\n   */\n  clickable?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * Creates a `<tr>` element with some general styles that are inherited from the\n * base table configuration.\n */\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  function TableRow(props, ref) {\n    const {\n      className,\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n      children,\n      selected = false,\n      clickable = false,\n      ...remaining\n    } = props;\n\n    const { disableHover, disableBorders } = useTableConfig({\n      disableHover: propDisableHover,\n      disableBorders: propDisableBorders,\n    });\n\n    return (\n      <tr\n        {...remaining}\n        ref={ref}\n        className={tableRow({\n          selected,\n          clickable,\n          disableHover,\n          disableBorders,\n          className,\n        })}\n      >\n        {children}\n      </tr>\n    );\n  }\n);\n"],"names":["forwardRef","useTableConfig","tableRow","TableRow","props","ref","className","disableHover","propDisableHover","disableBorders","propDisableBorders","children","selected","clickable","remaining","tr"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AACxD,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,QAAQ,QAAQ,sBAAsB;AAuB/C;;;;;CAKC,GACD,OAAO,MAAMC,yBAAWH,WACtB,SAASG,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,SAAS,EACTC,cAAcC,gBAAgB,EAC9BC,gBAAgBC,kBAAkB,EAClCC,QAAQ,EACRC,WAAW,KAAK,EAChBC,YAAY,KAAK,EACjB,GAAGC,WACJ,GAAGV;IAEJ,MAAM,EAAEG,YAAY,EAAEE,cAAc,EAAE,GAAGR,eAAe;QACtDM,cAAcC;QACdC,gBAAgBC;IAClB;IAEA,qBACE,KAACK;QACE,GAAGD,SAAS;QACbT,KAAKA;QACLC,WAAWJ,SAAS;YAClBU;YACAC;YACAN;YACAE;YACAH;QACF;kBAECK;;AAGP,GACA"}

package/dist/table/tableCellStyles.d.ts

@@ -1,4 +1,4 @@
-import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./TableConfigurationProvider.js";
+import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./types.js";
 /** @since 6.0.0 */
 export interface TableCellClassNameOptions {
     className?: string;

package/dist/table/tableCellStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableCellStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport {\n  type TableCellHorizontalAlignment,\n  type TableCellVerticalAlignment,\n} from \"./TableConfigurationProvider.js\";\n\n/** @since 6.0.0 */\nexport interface TableCellClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the cell is rendered as a `<th>` so that the correct\n   * sticky styles can be applied.\n   */\n  header: boolean;\n\n  /**\n   * Set this to true if the cell is rendered in a `<thead>` so that the correct\n   * sticky styles can be applied.\n   */\n  isInTableHeader: boolean;\n\n  /** @defaultValue `false` */\n  grow?: boolean;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /** @defaultValue `false` */\n  inputToggle?: boolean;\n\n  hAlign?: TableCellHorizontalAlignment;\n  vAlign?: TableCellVerticalAlignment;\n\n  /** @defaultValue `true` */\n  lineWrap?: boolean;\n\n  /**\n   * @defaultValue `\"horizontal\"`\n   */\n  padding?: \"horizontal\" | \"vertical\" | \"none\";\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableCell(options: TableCellClassNameOptions): string {\n  const {\n    grow,\n    sticky,\n    header,\n    inputToggle,\n    hAlign,\n    vAlign,\n    lineWrap = true,\n    padding = \"horizontal\",\n    isInTableHeader,\n    className,\n  } = options;\n\n  // using `&&` instead of `bem` since the latest version of typescript does not\n  // support setting the same object key (empty string)\n  const p = \"rmd-table-cell--\";\n  return cnb(\n    \"rmd-table-cell\",\n    grow && `${p}grow`,\n    header && `${p}header`,\n    sticky && `${p}sticky`,\n    inputToggle && `${p}input-toggle`,\n    sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`,\n    sticky && isInTableHeader && `${p}sticky-header`,\n    sticky && isInTableHeader && inputToggle && `${p}header-cell`,\n    vAlign && vAlign !== \"middle\" && `${p}${vAlign}`,\n    !lineWrap && `${p}no-wrap`,\n    padding === \"vertical\" && `${p}v-padding`,\n    padding === \"none\" && `${p}no-padding`,\n    cssUtils({\n      textAlign: hAlign,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","tableCell","options","grow","sticky","header","inputToggle","hAlign","vAlign","lineWrap","padding","isInTableHeader","className","p","textAlign"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,QAAQ,QAAQ,iBAAiB;AA2C1C;;CAEC,GACD,OAAO,SAASC,UAAUC,OAAkC;IAC1D,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,MAAM,EACNC,WAAW,IAAI,EACfC,UAAU,YAAY,EACtBC,eAAe,EACfC,SAAS,EACV,GAAGV;IAEJ,8EAA8E;IAC9E,qDAAqD;IACrD,MAAMW,IAAI;IACV,OAAOd,IACL,kBACAI,QAAQ,CAAC,EAAEU,EAAE,IAAI,CAAC,EAClBR,UAAU,CAAC,EAAEQ,EAAE,MAAM,CAAC,EACtBT,UAAU,CAAC,EAAES,EAAE,MAAM,CAAC,EACtBP,eAAe,CAAC,EAAEO,EAAE,YAAY,CAAC,EACjCT,UAAW,CAAA,CAACO,mBAAmBL,WAAU,KAAM,CAAC,EAAEO,EAAE,WAAW,CAAC,EAChET,UAAUO,mBAAmB,CAAC,EAAEE,EAAE,aAAa,CAAC,EAChDT,UAAUO,mBAAmBL,eAAe,CAAC,EAAEO,EAAE,WAAW,CAAC,EAC7DL,UAAUA,WAAW,YAAY,CAAC,EAAEK,EAAE,EAAEL,OAAO,CAAC,EAChD,CAACC,YAAY,CAAC,EAAEI,EAAE,OAAO,CAAC,EAC1BH,YAAY,cAAc,CAAC,EAAEG,EAAE,SAAS,CAAC,EACzCH,YAAY,UAAU,CAAC,EAAEG,EAAE,UAAU,CAAC,EACtCb,SAAS;QACPc,WAAWP;IACb,IACAK;AAEJ"}
+{"version":3,"sources":["../../src/table/tableCellStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { cssUtils } from \"../cssUtils.js\";\nimport {\n  type TableCellHorizontalAlignment,\n  type TableCellVerticalAlignment,\n} from \"./types.js\";\n\n/** @since 6.0.0 */\nexport interface TableCellClassNameOptions {\n  className?: string;\n\n  /**\n   * Set this to `true` if the cell is rendered as a `<th>` so that the correct\n   * sticky styles can be applied.\n   */\n  header: boolean;\n\n  /**\n   * Set this to true if the cell is rendered in a `<thead>` so that the correct\n   * sticky styles can be applied.\n   */\n  isInTableHeader: boolean;\n\n  /** @defaultValue `false` */\n  grow?: boolean;\n\n  /** @defaultValue `false` */\n  sticky?: boolean;\n\n  /** @defaultValue `false` */\n  inputToggle?: boolean;\n\n  hAlign?: TableCellHorizontalAlignment;\n  vAlign?: TableCellVerticalAlignment;\n\n  /** @defaultValue `true` */\n  lineWrap?: boolean;\n\n  /**\n   * @defaultValue `\"horizontal\"`\n   */\n  padding?: \"horizontal\" | \"vertical\" | \"none\";\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableCell(options: TableCellClassNameOptions): string {\n  const {\n    grow,\n    sticky,\n    header,\n    inputToggle,\n    hAlign,\n    vAlign,\n    lineWrap = true,\n    padding = \"horizontal\",\n    isInTableHeader,\n    className,\n  } = options;\n\n  // using `&&` instead of `bem` since the latest version of typescript does not\n  // support setting the same object key (empty string)\n  const p = \"rmd-table-cell--\";\n  return cnb(\n    \"rmd-table-cell\",\n    grow && `${p}grow`,\n    header && `${p}header`,\n    sticky && `${p}sticky`,\n    inputToggle && `${p}input-toggle`,\n    sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`,\n    sticky && isInTableHeader && `${p}sticky-header`,\n    sticky && isInTableHeader && inputToggle && `${p}header-cell`,\n    vAlign && vAlign !== \"middle\" && `${p}${vAlign}`,\n    !lineWrap && `${p}no-wrap`,\n    padding === \"vertical\" && `${p}v-padding`,\n    padding === \"none\" && `${p}no-padding`,\n    cssUtils({\n      textAlign: hAlign,\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","tableCell","options","grow","sticky","header","inputToggle","hAlign","vAlign","lineWrap","padding","isInTableHeader","className","p","textAlign"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,QAAQ,QAAQ,iBAAiB;AA2C1C;;CAEC,GACD,OAAO,SAASC,UAAUC,OAAkC;IAC1D,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,MAAM,EACNC,MAAM,EACNC,WAAW,IAAI,EACfC,UAAU,YAAY,EACtBC,eAAe,EACfC,SAAS,EACV,GAAGV;IAEJ,8EAA8E;IAC9E,qDAAqD;IACrD,MAAMW,IAAI;IACV,OAAOd,IACL,kBACAI,QAAQ,CAAC,EAAEU,EAAE,IAAI,CAAC,EAClBR,UAAU,CAAC,EAAEQ,EAAE,MAAM,CAAC,EACtBT,UAAU,CAAC,EAAES,EAAE,MAAM,CAAC,EACtBP,eAAe,CAAC,EAAEO,EAAE,YAAY,CAAC,EACjCT,UAAW,CAAA,CAACO,mBAAmBL,WAAU,KAAM,CAAC,EAAEO,EAAE,WAAW,CAAC,EAChET,UAAUO,mBAAmB,CAAC,EAAEE,EAAE,aAAa,CAAC,EAChDT,UAAUO,mBAAmBL,eAAe,CAAC,EAAEO,EAAE,WAAW,CAAC,EAC7DL,UAAUA,WAAW,YAAY,CAAC,EAAEK,EAAE,EAAEL,OAAO,CAAC,EAChD,CAACC,YAAY,CAAC,EAAEI,EAAE,OAAO,CAAC,EAC1BH,YAAY,cAAc,CAAC,EAAEG,EAAE,SAAS,CAAC,EACzCH,YAAY,UAAU,CAAC,EAAEG,EAAE,UAAU,CAAC,EACtCb,SAAS;QACPc,WAAWP;IACb,IACAK;AAEJ"}

package/dist/table/tableContainerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableContainerStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\n/**\n * @since 6.0.0\n */\nexport interface TableContainerClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableContainer(\n  options: TableContainerClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\"rmd-table-container\", className);\n}\n"],"names":["cnb","tableContainer","options","className"],"rangeMappings":";;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAShC;;CAEC,GACD,OAAO,SAASC,eACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOF,IAAI,uBAAuBG;AACpC"}
+{"version":3,"sources":["../../src/table/tableContainerStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\n/**\n * @since 6.0.0\n */\nexport interface TableContainerClassNameOptions {\n  className?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport function tableContainer(\n  options: TableContainerClassNameOptions = {}\n): string {\n  const { className } = options;\n\n  return cnb(\"rmd-table-container\", className);\n}\n"],"names":["cnb","tableContainer","options","className"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAShC;;CAEC,GACD,OAAO,SAASC,eACdC,UAA0C,CAAC,CAAC;IAE5C,MAAM,EAAEC,SAAS,EAAE,GAAGD;IAEtB,OAAOF,IAAI,uBAAuBG;AACpC"}

package/dist/table/tableFooterStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableFooterStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tfoot\");\n\n/**\n * @since 6.0.0\n */\nexport interface TableFooterClassNameOptions {\n  className?: string;\n  sticky?: boolean;\n  stickyActive?: boolean;\n  stickyActiveClassName?: string;\n}\n\nexport function tableFooter(options: TableFooterClassNameOptions = {}): string {\n  const { className, sticky, stickyActive, stickyActiveClassName } = options;\n\n  return cnb(\n    styles({\n      sticky,\n      \"sticky-active\": stickyActive,\n    }),\n    stickyActive && stickyActiveClassName,\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableFooter","options","className","sticky","stickyActive","stickyActiveClassName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAYnB,OAAO,SAASE,YAAYC,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,YAAY,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,OAAOJ,IACLE,OAAO;QACLI;QACA,iBAAiBC;IACnB,IACAA,gBAAgBC,uBAChBH;AAEJ"}
+{"version":3,"sources":["../../src/table/tableFooterStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tfoot\");\n\n/**\n * @since 6.0.0\n */\nexport interface TableFooterClassNameOptions {\n  className?: string;\n  sticky?: boolean;\n  stickyActive?: boolean;\n  stickyActiveClassName?: string;\n}\n\nexport function tableFooter(options: TableFooterClassNameOptions = {}): string {\n  const { className, sticky, stickyActive, stickyActiveClassName } = options;\n\n  return cnb(\n    styles({\n      sticky,\n      \"sticky-active\": stickyActive,\n    }),\n    stickyActive && stickyActiveClassName,\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableFooter","options","className","sticky","stickyActive","stickyActiveClassName"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAYnB,OAAO,SAASE,YAAYC,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,SAAS,EAAEC,MAAM,EAAEC,YAAY,EAAEC,qBAAqB,EAAE,GAAGJ;IAEnE,OAAOJ,IACLE,OAAO;QACLI;QACA,iBAAiBC;IACnB,IACAA,gBAAgBC,uBAChBH;AAEJ"}

package/dist/table/tableHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableHeaderStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-thead\");\n\n/** @since 6.0.0 */\nexport interface TableHeaderClassNameOptions {\n  className?: string;\n  dense?: boolean;\n  sticky?: boolean;\n  stickyActive?: boolean;\n  stickyActiveClassName?: string;\n}\n\n/** @since 6.0.0 */\nexport function tableHeader(options: TableHeaderClassNameOptions = {}): string {\n  const { dense, sticky, stickyActive, stickyActiveClassName, className } =\n    options;\n\n  return cnb(\n    styles({\n      dense,\n      sticky,\n      \"sticky-active\": stickyActive,\n    }),\n    stickyActive && stickyActiveClassName,\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableHeader","options","dense","sticky","stickyActive","stickyActiveClassName","className"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB,iBAAiB,GACjB,OAAO,SAASE,YAAYC,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,YAAY,EAAEC,qBAAqB,EAAEC,SAAS,EAAE,GACrEL;IAEF,OAAOJ,IACLE,OAAO;QACLG;QACAC;QACA,iBAAiBC;IACnB,IACAA,gBAAgBC,uBAChBC;AAEJ"}
+{"version":3,"sources":["../../src/table/tableHeaderStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-thead\");\n\n/** @since 6.0.0 */\nexport interface TableHeaderClassNameOptions {\n  className?: string;\n  dense?: boolean;\n  sticky?: boolean;\n  stickyActive?: boolean;\n  stickyActiveClassName?: string;\n}\n\n/** @since 6.0.0 */\nexport function tableHeader(options: TableHeaderClassNameOptions = {}): string {\n  const { dense, sticky, stickyActive, stickyActiveClassName, className } =\n    options;\n\n  return cnb(\n    styles({\n      dense,\n      sticky,\n      \"sticky-active\": stickyActive,\n    }),\n    stickyActive && stickyActiveClassName,\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableHeader","options","dense","sticky","stickyActive","stickyActiveClassName","className"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB,iBAAiB,GACjB,OAAO,SAASE,YAAYC,UAAuC,CAAC,CAAC;IACnE,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,YAAY,EAAEC,qBAAqB,EAAEC,SAAS,EAAE,GACrEL;IAEF,OAAOJ,IACLE,OAAO;QACLG;QACAC;QACA,iBAAiBC;IACnB,IACAA,gBAAgBC,uBAChBC;AAEJ"}

package/dist/table/tableRowStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableRowStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tr\");\n\n/** @since 6.0.0 */\nexport interface TableRowClassNameOptions {\n  className?: string;\n  disableHover?: boolean;\n  disableBorders?: boolean;\n  selected?: boolean;\n  clickable?: boolean;\n}\n\n/** @since 6.0.0 */\nexport function tableRow(options: TableRowClassNameOptions = {}): string {\n  const { disableHover, disableBorders, selected, clickable, className } =\n    options;\n  return cnb(\n    styles({\n      bordered: !disableBorders,\n      hoverable: !disableHover,\n      clickable,\n      selected,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableRow","options","disableHover","disableBorders","selected","clickable","className","bordered","hoverable"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB,iBAAiB,GACjB,OAAO,SAASE,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EAAEC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,SAAS,EAAE,GACpEL;IACF,OAAOJ,IACLE,OAAO;QACLQ,UAAU,CAACJ;QACXK,WAAW,CAACN;QACZG;QACAD;IACF,IACAE;AAEJ"}
+{"version":3,"sources":["../../src/table/tableRowStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-tr\");\n\n/** @since 6.0.0 */\nexport interface TableRowClassNameOptions {\n  className?: string;\n  disableHover?: boolean;\n  disableBorders?: boolean;\n  selected?: boolean;\n  clickable?: boolean;\n}\n\n/** @since 6.0.0 */\nexport function tableRow(options: TableRowClassNameOptions = {}): string {\n  const { disableHover, disableBorders, selected, clickable, className } =\n    options;\n  return cnb(\n    styles({\n      bordered: !disableBorders,\n      hoverable: !disableHover,\n      clickable,\n      selected,\n    }),\n    className\n  );\n}\n"],"names":["cnb","bem","styles","tableRow","options","disableHover","disableBorders","selected","clickable","className","bordered","hoverable"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAWnB,iBAAiB,GACjB,OAAO,SAASE,SAASC,UAAoC,CAAC,CAAC;IAC7D,MAAM,EAAEC,YAAY,EAAEC,cAAc,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,SAAS,EAAE,GACpEL;IACF,OAAOJ,IACLE,OAAO;QACLQ,UAAU,CAACJ;QACXK,WAAW,CAACN;QACZG;QACAD;IACF,IACAE;AAEJ"}

package/dist/table/tableStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-table\");\n\n/** @since 6.0.0 */\nexport interface TableClassNameOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  dense?: boolean;\n\n  /** @defaultValue `false` */\n  fullWidth?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function table(options: TableClassNameOptions = {}): string {\n  const { dense = false, fullWidth = false, className } = options;\n\n  return cnb(styles({ dense, \"full-width\": fullWidth }), className);\n}\n"],"names":["cnb","bem","styles","table","options","dense","fullWidth","className"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAanB;;CAEC,GACD,OAAO,SAASE,MAAMC,UAAiC,CAAC,CAAC;IACvD,MAAM,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAEC,SAAS,EAAE,GAAGH;IAExD,OAAOJ,IAAIE,OAAO;QAAEG;QAAO,cAAcC;IAAU,IAAIC;AACzD"}
+{"version":3,"sources":["../../src/table/tableStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { bem } from \"../utils/bem.js\";\n\nconst styles = bem(\"rmd-table\");\n\n/** @since 6.0.0 */\nexport interface TableClassNameOptions {\n  className?: string;\n\n  /** @defaultValue `false` */\n  dense?: boolean;\n\n  /** @defaultValue `false` */\n  fullWidth?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function table(options: TableClassNameOptions = {}): string {\n  const { dense = false, fullWidth = false, className } = options;\n\n  return cnb(styles({ dense, \"full-width\": fullWidth }), className);\n}\n"],"names":["cnb","bem","styles","table","options","dense","fullWidth","className"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,MAAMC,SAASD,IAAI;AAanB;;CAEC,GACD,OAAO,SAASE,MAAMC,UAAiC,CAAC,CAAC;IACvD,MAAM,EAAEC,QAAQ,KAAK,EAAEC,YAAY,KAAK,EAAEC,SAAS,EAAE,GAAGH;IAExD,OAAOJ,IAAIE,OAAO;QAAEG;QAAO,cAAcC;IAAU,IAAIC;AACzD"}