@react-md/core 1.0.0-next.2 → 1.0.0-next.21

package/dist/table/tableCellStyles.d.ts

@@ -1,17 +1,21 @@
-import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./TableConfigurationProvider.jsx";
-/** @remarks \@since 6.0.0 */
+import { type TableCellHorizontalAlignment, type TableCellVerticalAlignment } from "./types.js";
+/** @since 6.0.0 */
 export interface TableCellClassNameOptions {
     className?: string;
     /**
      * Set this to `true` if the cell is rendered as a `<th>` so that the correct
      * sticky styles can be applied.
+     *
+     * @defaultValue `false`
      */
-    header: boolean;
+    header?: boolean;
     /**
      * Set this to true if the cell is rendered in a `<thead>` so that the correct
      * sticky styles can be applied.
+     *
+     * @defaultValue `header`
      */
-    isInTableHeader: boolean;
+    isInTableHeader?: boolean;
     /** @defaultValue `false` */
     grow?: boolean;
     /** @defaultValue `false` */
@@ -28,6 +32,6 @@ export interface TableCellClassNameOptions {
     padding?: "horizontal" | "vertical" | "none";
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
-export declare function tableCell(options: TableCellClassNameOptions): string;
+export declare function tableCell(options?: TableCellClassNameOptions): string;

package/dist/table/tableCellStyles.js

@@ -1,14 +1,15 @@
 import { cnb } from "cnbuilder";
 import { cssUtils } from "../cssUtils.js";
 /**
- * @remarks \@since 6.0.0
- */ export function tableCell(options) {
-    const { grow, sticky, header, inputToggle, hAlign, vAlign, lineWrap = true, padding = "horizontal", isInTableHeader, className } = options;
+ * @since 6.0.0
+ */ export function tableCell(options = {}) {
+    const { grow, sticky, header, inputToggle, hAlign = "left", vAlign = "middle", lineWrap = true, padding = "horizontal", isInTableHeader = header, className } = options;
     // using `&&` instead of `bem` since the latest version of typescript does not
     // support setting the same object key (empty string)
     const p = "rmd-table-cell--";
-    return cnb("rmd-table-cell", grow && `${p}grow`, header && `${p}header`, sticky && `${p}sticky`, inputToggle && `${p}input-toggle`, sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`, sticky && isInTableHeader && `${p}sticky-header`, sticky && isInTableHeader && inputToggle && `${p}header-cell`, vAlign && vAlign !== "middle" && `${p}${vAlign}`, !lineWrap && `${p}no-wrap`, padding === "vertical" && `${p}v-padding`, padding === "none" && `${p}no-padding`, cssUtils({
-        textAlign: hAlign
+    return cnb("rmd-table-cell", grow && `${p}grow`, header && `${p}header`, sticky && `${p}sticky`, inputToggle && `${p}input-toggle`, sticky && (!isInTableHeader || inputToggle) && `${p}sticky-cell`, sticky && isInTableHeader && `${p}sticky-header`, sticky && isInTableHeader && inputToggle && `${p}header-cell`, vAlign && vAlign !== "middle" && `${p}${vAlign}`, padding === "vertical" && `${p}v-padding`, padding === "none" && `${p}no-padding`, cssUtils({
+        textAlign: hAlign,
+        textOverflow: lineWrap ? undefined : "ellipsis"
     }), className);
 }
 

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.jsx\";\n\n/** @remarks \\@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 * @remarks \\@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"}
+{"version":3,"sources":["../../src/table/tableCellStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\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   * @defaultValue `false`\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   * @defaultValue `header`\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 = \"left\",\n    vAlign = \"middle\",\n    lineWrap = true,\n    padding = \"horizontal\",\n    isInTableHeader = header,\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    padding === \"vertical\" && `${p}v-padding`,\n    padding === \"none\" && `${p}no-padding`,\n    cssUtils({\n      textAlign: hAlign,\n      textOverflow: lineWrap ? undefined : \"ellipsis\",\n    }),\n    className\n  );\n}\n"],"names":["cnb","cssUtils","tableCell","options","grow","sticky","header","inputToggle","hAlign","vAlign","lineWrap","padding","isInTableHeader","className","p","textAlign","textOverflow","undefined"],"mappings":"AAAA,SAASA,GAAG,QAAQ,YAAY;AAEhC,SAASC,QAAQ,QAAQ,iBAAiB;AA+C1C;;CAEC,GACD,OAAO,SAASC,UAAUC,UAAqC,CAAC,CAAC;IAC/D,MAAM,EACJC,IAAI,EACJC,MAAM,EACNC,MAAM,EACNC,WAAW,EACXC,SAAS,MAAM,EACfC,SAAS,QAAQ,EACjBC,WAAW,IAAI,EACfC,UAAU,YAAY,EACtBC,kBAAkBN,MAAM,EACxBO,SAAS,EACV,GAAGV;IAEJ,8EAA8E;IAC9E,qDAAqD;IACrD,MAAMW,IAAI;IACV,OAAOd,IACL,kBACAI,QAAQ,GAAGU,EAAE,IAAI,CAAC,EAClBR,UAAU,GAAGQ,EAAE,MAAM,CAAC,EACtBT,UAAU,GAAGS,EAAE,MAAM,CAAC,EACtBP,eAAe,GAAGO,EAAE,YAAY,CAAC,EACjCT,UAAW,CAAA,CAACO,mBAAmBL,WAAU,KAAM,GAAGO,EAAE,WAAW,CAAC,EAChET,UAAUO,mBAAmB,GAAGE,EAAE,aAAa,CAAC,EAChDT,UAAUO,mBAAmBL,eAAe,GAAGO,EAAE,WAAW,CAAC,EAC7DL,UAAUA,WAAW,YAAY,GAAGK,IAAIL,QAAQ,EAChDE,YAAY,cAAc,GAAGG,EAAE,SAAS,CAAC,EACzCH,YAAY,UAAU,GAAGG,EAAE,UAAU,CAAC,EACtCb,SAAS;QACPc,WAAWP;QACXQ,cAAcN,WAAWO,YAAY;IACvC,IACAJ;AAEJ"}

package/dist/table/tableContainerStyles.d.ts

@@ -1,10 +1,10 @@
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TableContainerClassNameOptions {
     className?: string;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function tableContainer(options?: TableContainerClassNameOptions): string;

package/dist/table/tableContainerStyles.js

@@ -1,6 +1,6 @@
 import { cnb } from "cnbuilder";
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function tableContainer(options = {}) {
     const { className } = options;
     return cnb("rmd-table-container", className);

package/dist/table/tableContainerStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/tableContainerStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\n/**\n * @remarks \\@since 6.0.0\n */\nexport interface TableContainerClassNameOptions {\n  className?: string;\n}\n\n/**\n * @remarks \\@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"}
+{"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.d.ts

@@ -1,5 +1,5 @@
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export interface TableFooterClassNameOptions {
     className?: string;

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 * @remarks \\@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"}
+{"version":3,"sources":["../../src/table/tableFooterStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\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;AAEhC,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.d.ts

@@ -1,4 +1,4 @@
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TableHeaderClassNameOptions {
     className?: string;
     dense?: boolean;
@@ -6,5 +6,5 @@ export interface TableHeaderClassNameOptions {
     stickyActive?: boolean;
     stickyActiveClassName?: string;
 }
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export declare function tableHeader(options?: TableHeaderClassNameOptions): string;

package/dist/table/tableHeaderStyles.js

@@ -1,7 +1,7 @@
 import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-thead");
-/** @remarks \@since 6.0.0 */ export function tableHeader(options = {}) {
+/** @since 6.0.0 */ export function tableHeader(options = {}) {
     const { dense, sticky, stickyActive, stickyActiveClassName, className } = options;
     return cnb(styles({
         dense,

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/** @remarks \\@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/** @remarks \\@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,2BAA2B,GAC3B,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\";\n\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;AAEhC,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.d.ts

@@ -1,4 +1,4 @@
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TableRowClassNameOptions {
     className?: string;
     disableHover?: boolean;
@@ -6,5 +6,5 @@ export interface TableRowClassNameOptions {
     selected?: boolean;
     clickable?: boolean;
 }
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export declare function tableRow(options?: TableRowClassNameOptions): string;

package/dist/table/tableRowStyles.js

@@ -1,7 +1,7 @@
 import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-tr");
-/** @remarks \@since 6.0.0 */ export function tableRow(options = {}) {
+/** @since 6.0.0 */ export function tableRow(options = {}) {
     const { disableHover, disableBorders, selected, clickable, className } = options;
     return cnb(styles({
         bordered: !disableBorders,

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/** @remarks \\@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/** @remarks \\@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,2BAA2B,GAC3B,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\";\n\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;AAEhC,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.d.ts

@@ -1,4 +1,4 @@
-/** @remarks \@since 6.0.0 */
+/** @since 6.0.0 */
 export interface TableClassNameOptions {
     className?: string;
     /** @defaultValue `false` */
@@ -7,6 +7,6 @@ export interface TableClassNameOptions {
     fullWidth?: boolean;
 }
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export declare function table(options?: TableClassNameOptions): string;

package/dist/table/tableStyles.js

@@ -2,7 +2,7 @@ import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 const styles = bem("rmd-table");
 /**
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */ export function table(options = {}) {
     const { dense = false, fullWidth = false, className } = options;
     return cnb(styles({

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/** @remarks \\@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 * @remarks \\@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"}
+{"version":3,"sources":["../../src/table/tableStyles.ts"],"sourcesContent":["import { cnb } from \"cnbuilder\";\n\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;AAEhC,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"}

package/dist/table/types.d.ts

@@ -1,6 +1,80 @@
-import type { IntersectionObserverHookOptions } from "../useIntersectionObserver.js";
-/** @remarks \@since 6.0.0 */
-export type TableStickySectionOptions = Pick<IntersectionObserverHookOptions<HTMLTableSectionElement>, "disabled" | "getThreshold" | "getRootMargin">;
+import { type IntersectionObserverHookOptions } from "../useIntersectionObserver.js";
+export type SortOrder = "ascending" | "descending" | "none" | "other";
+export interface TableRowConfiguration {
+    /**
+     * Set to `true` if rows should no longer change background color while
+     * hovered.
+     *
+     * @defaultValue `false`
+     */
+    disableHover?: boolean;
+    /**
+     * Set to `true` if the rows in the `TableBody` should no longer have borders
+     * applied.
+     *
+     * @defaultValue `false`
+     */
+    disableBorders?: boolean;
+}
+/**
+ * The horizontal alignment for the content within a cell.
+ *
+ * Note: Table default behavior is to align to the left.
+ */
+export type TableCellHorizontalAlignment = "left" | "center" | "right";
+/**
+ * The vertical alignment for the content within a cell.
+ *
+ * Note: When this is set to `"top"` or `"bottom"`, `padding-top` or
+ * `padding-bottom` will also be applied due to how styling tables work.
+ */
+export type TableCellVerticalAlignment = "top" | "middle" | "bottom";
+export interface TableCellConfiguration {
+    hAlign?: TableCellHorizontalAlignment;
+    vAlign?: TableCellVerticalAlignment;
+    /**
+     * Set this to `true` to allow `TableCell` content to line wrap.
+     *
+     * @defaultValue `false`
+     */
+    lineWrap?: boolean;
+}
+/**
+ * @internal
+ */
+export interface TableCellConfig extends TableCellConfiguration {
+    /**
+     * Boolean if all the `TableCell` components should be rendered as a `<th>`
+     * instead of a `<td>`. This is really just a convenience prop for the
+     * `TableHeader` component so the user of `react-md` doesn't need to keep
+     * setting the `type="th"` fot the `TableCell` if using the low-level
+     * components.
+     *
+     * @internal
+     */
+    header?: boolean;
+}
+export interface TableConfig extends TableRowConfiguration, TableCellConfig {
+    /**
+     * Set this to `true` to decrease the height of all cells within the table.
+     *
+     * @defaultValue `false`
+     */
+    dense?: boolean;
+}
+export interface TableConfiguration extends TableConfig {
+    /**
+     * Set this to `true` to allow the table to span the full width of the
+     * container element instead of having the width be determined by the content
+     * within the table.
+     *
+     * @defaultValue `false`
+     */
+    fullWidth?: boolean;
+}
+export type TableConfigContext = Required<TableConfig>;
+/** @since 6.0.0 */
+export type TableStickySectionIntersectionObserverOptions = Pick<IntersectionObserverHookOptions<HTMLTableSectionElement>, "disabled" | "getThreshold" | "getRootMargin">;
 /**
  * This **should be wrapped in `useCallback`** to increase performance.
  *
@@ -15,31 +89,25 @@ export type TableStickySectionOptions = Pick<IntersectionObserverHookOptions<HTM
  *   viewport.
  *   - Note: This really only works with `px` and `rem` units.
  *
- * @see {@link TableStickySectionProps.stickyOptions} for an example usage with custom threshold and
+ * @see {@link TableStickySectionConfiguration.stickyOptions} for an example usage with custom threshold and
  * margin.
- * @remarks \@since 6.0.0
+ * @since 6.0.0
  */
 export type IsStickyTableSectionActive = (entry: IntersectionObserverEntry, isInTableContainer: boolean) => boolean;
-/** @remarks \@since 6.0.0 */
-export interface TableStickySectionProps {
-    /**
-     * @defaultValue `false`
-     */
-    sticky?: boolean;
+/** @since 6.0.0 */
+export interface TableStickySectionConfiguration {
     /**
      * This can be used when the {@link sticky} prop is set to `true` for
      * additional behavior around the "active" state for sticky headers.
      *
-     * @example
-     * Disabling Sticky Active State
+     * @example Disabling Sticky Active State
      * ```ts
      * stickyOptions={{
      *   disabled: true,
      * }}
      * ```
      *
-     * @example
-     * Custom Options
+     * @example Custom Options
      * ```ts
      * stickyOptions={{
      *   getThreshold: useCallback(() => {
@@ -57,10 +125,10 @@ export interface TableStickySectionProps {
      * }, [])}
      * ```
      *
-     * @remarks \@since 6.0.0
+     * @since 6.0.0
      * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API}
      */
-    stickyOptions?: TableStickySectionOptions;
+    stickyOptions?: TableStickySectionIntersectionObserverOptions;
     /**
      * An optional className to use when the sticky section is covering other rows
      * (`active`). When this is defined, the default
@@ -72,7 +140,7 @@ export interface TableStickySectionProps {
      * @see {@link IsStickyTableSectionActive} for a description.
      * @see {@link stickyOptions} for an example usage with custom threshold and
      * margin.
-     * @remarks \@since 6.0.0
+     * @since 6.0.0
      */
     isStickyActive?: IsStickyTableSectionActive;
     /**
@@ -86,3 +154,13 @@ export interface TableStickySectionProps {
      */
     disableStickyStyles?: boolean;
 }
+/** @since 6.0.0 */
+export interface TableSectionConfiguration {
+    /** @see {@link TableCellConfiguration.lineWrap} */
+    lineWrap?: boolean;
+    /**
+     * @see {@link TableRowConfiguration.disableHover}
+     * @defaultValue `false`
+     */
+    hoverable?: boolean;
+}

package/dist/table/types.js

@@ -1,3 +1,3 @@
-/** @remarks \@since 6.0.0 */ export { };
+/** @since 6.0.0 */ export { };
 
 //# sourceMappingURL=types.js.map

package/dist/table/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/table/types.ts"],"sourcesContent":["import type { IntersectionObserverHookOptions } from \"../useIntersectionObserver.js\";\n\n/** @remarks \\@since 6.0.0 */\nexport type TableStickySectionOptions = Pick<\n  IntersectionObserverHookOptions<HTMLTableSectionElement>,\n  \"disabled\" | \"getThreshold\" | \"getRootMargin\"\n>;\n\n/**\n * This **should be wrapped in `useCallback`** to increase performance.\n *\n * The default behavior is to enable the \"active\" state for sticky headers is:\n *\n * - if the `TableHeader` is within a `TableContainer`, add a hidden `<tbody>`\n *   after the `<thead>` and enable the active state once 1px overlaps with\n *   the container.\n * - otherwise, assume the `TableHeader` is fixed within the viewport and\n *   parse the `top` CSS style as `px`. enable the active state once 1px\n *   overlaps with this value AND the `TableHeader` exists within the\n *   viewport.\n *   - Note: This really only works with `px` and `rem` units.\n *\n * @see {@link TableStickySectionProps.stickyOptions} for an example usage with custom threshold and\n * margin.\n * @remarks \\@since 6.0.0\n */\nexport type IsStickyTableSectionActive = (\n  entry: IntersectionObserverEntry,\n  isInTableContainer: boolean\n) => boolean;\n\n/** @remarks \\@since 6.0.0 */\nexport interface TableStickySectionProps {\n  /**\n   * @defaultValue `false`\n   */\n  sticky?: boolean;\n\n  /**\n   * This can be used when the {@link sticky} prop is set to `true` for\n   * additional behavior around the \"active\" state for sticky headers.\n   *\n   * @example\n   * Disabling Sticky Active State\n   * ```ts\n   * stickyOptions={{\n   *   disabled: true,\n   * }}\n   * ```\n   *\n   * @example\n   * Custom Options\n   * ```ts\n   * stickyOptions={{\n   *   getThreshold: useCallback(() => {\n   *     // you can access the DOM safely from here\n   *     return [0, 0.25, 0.5, 1];\n   *   }, []),\n   *   getRootMargin: useCallback(() => {\n   *     // you can access the DOM safely from here\n   *     return \"-1px 0px 150px 0px\";\n   *   }, []),\n   * }}\n   * isStickyActive={useCallback((entry) => {\n   *   // whatever custom logic you want. you can access the DOM safely from here\n   *   return entry.isIntersecting;\n   * }, [])}\n   * ```\n   *\n   * @remarks \\@since 6.0.0\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API}\n   */\n  stickyOptions?: TableStickySectionOptions;\n\n  /**\n   * An optional className to use when the sticky section is covering other rows\n   * (`active`). When this is defined, the default\n   * `rmd-thead--sticky-active`/`rmd-tfoot--sticky-active` will no longer be\n   * applied.\n   */\n  stickyActiveClassName?: string;\n\n  /**\n   * @see {@link IsStickyTableSectionActive} for a description.\n   * @see {@link stickyOptions} for an example usage with custom threshold and\n   * margin.\n   * @remarks \\@since 6.0.0\n   */\n  isStickyActive?: IsStickyTableSectionActive;\n\n  /**\n   * Set this to `true` when the {@link sticky} prop is `true` to disable the\n   * behavior of adding an additional className when the sticky mode is active.\n   *\n   * The `TableHeader` would gain the `.rmd-thead--sticky-active` class while\n   * the `TableFooter` would gain the `.rmd-tfoot--sticky-active` class.\n   *\n   * @defaultValue `false`\n   */\n  disableStickyStyles?: boolean;\n}\n"],"names":[],"mappings":"AA+BA,2BAA2B,GAC3B,WAoEC"}
+{"version":3,"sources":["../../src/table/types.ts"],"sourcesContent":["import { type IntersectionObserverHookOptions } from \"../useIntersectionObserver.js\";\n\nexport type SortOrder = \"ascending\" | \"descending\" | \"none\" | \"other\";\n\n// interfaces that are \"public\" should be the full word `Configuration` while\n// the private/internal should just be `Config`. \"Great\" naming convention!\n\nexport interface TableRowConfiguration {\n  /**\n   * Set to `true` if rows should no longer change background color while\n   * hovered.\n   *\n   * @defaultValue `false`\n   */\n  disableHover?: boolean;\n\n  /**\n   * Set to `true` if the rows in the `TableBody` should no longer have borders\n   * applied.\n   *\n   * @defaultValue `false`\n   */\n  disableBorders?: boolean;\n}\n\n/**\n * The horizontal alignment for the content within a cell.\n *\n * Note: Table default behavior is to align to the left.\n */\nexport type TableCellHorizontalAlignment = \"left\" | \"center\" | \"right\";\n\n/**\n * The vertical alignment for the content within a cell.\n *\n * Note: When this is set to `\"top\"` or `\"bottom\"`, `padding-top` or\n * `padding-bottom` will also be applied due to how styling tables work.\n */\nexport type TableCellVerticalAlignment = \"top\" | \"middle\" | \"bottom\";\n\nexport interface TableCellConfiguration {\n  hAlign?: TableCellHorizontalAlignment;\n  vAlign?: TableCellVerticalAlignment;\n\n  /**\n   * Set this to `true` to allow `TableCell` content to line wrap.\n   *\n   * @defaultValue `false`\n   */\n  lineWrap?: boolean;\n}\n\n/**\n * @internal\n */\nexport interface TableCellConfig extends TableCellConfiguration {\n  /**\n   * Boolean if all the `TableCell` components should be rendered as a `<th>`\n   * instead of a `<td>`. This is really just a convenience prop for the\n   * `TableHeader` component so the user of `react-md` doesn't need to keep\n   * setting the `type=\"th\"` fot the `TableCell` if using the low-level\n   * components.\n   *\n   * @internal\n   */\n  header?: boolean;\n}\n\nexport interface TableConfig extends TableRowConfiguration, TableCellConfig {\n  /**\n   * Set this to `true` to decrease the height of all cells within the table.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n}\n\nexport interface TableConfiguration extends TableConfig {\n  /**\n   * Set this to `true` to allow the table to span the full width of the\n   * container element instead of having the width be determined by the content\n   * within the table.\n   *\n   * @defaultValue `false`\n   */\n  fullWidth?: boolean;\n}\n\nexport type TableConfigContext = Required<TableConfig>;\n\n/** @since 6.0.0 */\nexport type TableStickySectionIntersectionObserverOptions = Pick<\n  IntersectionObserverHookOptions<HTMLTableSectionElement>,\n  \"disabled\" | \"getThreshold\" | \"getRootMargin\"\n>;\n\n/**\n * This **should be wrapped in `useCallback`** to increase performance.\n *\n * The default behavior is to enable the \"active\" state for sticky headers is:\n *\n * - if the `TableHeader` is within a `TableContainer`, add a hidden `<tbody>`\n *   after the `<thead>` and enable the active state once 1px overlaps with\n *   the container.\n * - otherwise, assume the `TableHeader` is fixed within the viewport and\n *   parse the `top` CSS style as `px`. enable the active state once 1px\n *   overlaps with this value AND the `TableHeader` exists within the\n *   viewport.\n *   - Note: This really only works with `px` and `rem` units.\n *\n * @see {@link TableStickySectionConfiguration.stickyOptions} for an example usage with custom threshold and\n * margin.\n * @since 6.0.0\n */\nexport type IsStickyTableSectionActive = (\n  entry: IntersectionObserverEntry,\n  isInTableContainer: boolean\n) => boolean;\n\n/** @since 6.0.0 */\nexport interface TableStickySectionConfiguration {\n  /**\n   * This can be used when the {@link sticky} prop is set to `true` for\n   * additional behavior around the \"active\" state for sticky headers.\n   *\n   * @example Disabling Sticky Active State\n   * ```ts\n   * stickyOptions={{\n   *   disabled: true,\n   * }}\n   * ```\n   *\n   * @example Custom Options\n   * ```ts\n   * stickyOptions={{\n   *   getThreshold: useCallback(() => {\n   *     // you can access the DOM safely from here\n   *     return [0, 0.25, 0.5, 1];\n   *   }, []),\n   *   getRootMargin: useCallback(() => {\n   *     // you can access the DOM safely from here\n   *     return \"-1px 0px 150px 0px\";\n   *   }, []),\n   * }}\n   * isStickyActive={useCallback((entry) => {\n   *   // whatever custom logic you want. you can access the DOM safely from here\n   *   return entry.isIntersecting;\n   * }, [])}\n   * ```\n   *\n   * @since 6.0.0\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API}\n   */\n  stickyOptions?: TableStickySectionIntersectionObserverOptions;\n\n  /**\n   * An optional className to use when the sticky section is covering other rows\n   * (`active`). When this is defined, the default\n   * `rmd-thead--sticky-active`/`rmd-tfoot--sticky-active` will no longer be\n   * applied.\n   */\n  stickyActiveClassName?: string;\n\n  /**\n   * @see {@link IsStickyTableSectionActive} for a description.\n   * @see {@link stickyOptions} for an example usage with custom threshold and\n   * margin.\n   * @since 6.0.0\n   */\n  isStickyActive?: IsStickyTableSectionActive;\n\n  /**\n   * Set this to `true` when the {@link sticky} prop is `true` to disable the\n   * behavior of adding an additional className when the sticky mode is active.\n   *\n   * The `TableHeader` would gain the `.rmd-thead--sticky-active` class while\n   * the `TableFooter` would gain the `.rmd-tfoot--sticky-active` class.\n   *\n   * @defaultValue `false`\n   */\n  disableStickyStyles?: boolean;\n}\n\n/** @since 6.0.0 */\nexport interface TableSectionConfiguration {\n  /** @see {@link TableCellConfiguration.lineWrap} */\n  lineWrap?: boolean;\n\n  /**\n   * @see {@link TableRowConfiguration.disableHover}\n   * @defaultValue `false`\n   */\n  hoverable?: boolean;\n}\n"],"names":[],"mappings":"AAuLA,iBAAiB,GACjB,WASC"}

package/dist/table/useStickyTableSection.d.ts

@@ -0,0 +1,27 @@
+import { type ReactNode, type Ref, type RefCallback } from "react";
+import { type IsStickyTableSectionActive, type TableStickySectionConfiguration } from "./types.js";
+/**
+ * @since 6.0.0
+ */
+export declare const isTableHeaderStickyActive: IsStickyTableSectionActive;
+/**
+ * @since 6.0.0
+ */
+export declare const isTableFooterStickyActive: IsStickyTableSectionActive;
+/** @since 6.0.0 */
+export interface TableStickySectionOptions extends TableStickySectionConfiguration {
+    ref?: Ref<HTMLTableSectionElement>;
+    type: "header" | "footer";
+}
+/** @since 6.0.0 */
+export interface TableStickySectionImplementation {
+    tbody: ReactNode;
+    targetRef: RefCallback<HTMLTableSectionElement>;
+    sectionRef: RefCallback<HTMLTableSectionElement>;
+    stickyActive: boolean;
+}
+/**
+ * @since 6.0.0
+ * @internal
+ */
+export declare function useStickyTableSection(options: TableStickySectionOptions): TableStickySectionImplementation;

package/dist/table/useStickyTableSection.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { useEnsuredRef } from "../useEnsuredRef.js";
+import { useIntersectionObserver } from "../useIntersectionObserver.js";
+import { useTableContainer } from "./TableContainerProvider.js";
+/**
+ * @since 6.0.0
+ */ export const isTableHeaderStickyActive = (entry)=>{
+    return entry.intersectionRatio < 1 && entry.boundingClientRect.bottom <= window.innerHeight;
+};
+/**
+ * @since 6.0.0
+ */ export const isTableFooterStickyActive = (entry, isInTableContainer)=>{
+    const { intersectionRatio, boundingClientRect, isIntersecting } = entry;
+    if (isInTableContainer) {
+        return !isIntersecting;
+    }
+    return intersectionRatio < 1 && boundingClientRect.top >= 0;
+};
+/**
+ * @since 6.0.0
+ * @internal
+ */ export function useStickyTableSection(options) {
+    const { ref, type, disableStickyStyles, stickyOptions } = options;
+    const isHeader = type === "header";
+    const isStickyActive = options.isStickyActive ?? (isHeader ? isTableHeaderStickyActive : isTableFooterStickyActive);
+    const [sectionRef, sectionRefCallback] = useEnsuredRef(ref);
+    const { exists, containerRef } = useTableContainer();
+    const [stickyActive, setStickyActive] = useState(false);
+    const targetRef = useIntersectionObserver({
+        ref: exists ? undefined : sectionRefCallback,
+        root: containerRef,
+        disabled: disableStickyStyles,
+        threshold: exists ? 0 : 1,
+        getRootMargin: useCallback(()=>{
+            const section = sectionRef.current;
+            if (!isHeader) {
+                const topOffset = exists && section ? section.offsetHeight - 1 : 1;
+                return `0px 0px -${topOffset}px 0px`;
+            }
+            if (!section) {
+                return;
+            }
+            let topOffset;
+            if (exists) {
+                topOffset = section.offsetHeight - 1;
+            } else {
+                const top = parseFloat(window.getComputedStyle(section).top);
+                topOffset = Number.isNaN(top) ? 1 : top + 1;
+            }
+            return `-${topOffset}px 0px 0px`;
+        }, [
+            exists,
+            isHeader,
+            sectionRef
+        ]),
+        onUpdate: useCallback(([entry])=>{
+            setStickyActive(isStickyActive(entry, exists));
+        }, [
+            exists,
+            isStickyActive
+        ]),
+        // allow the user defined sticky options to override the default behavior
+        ...stickyOptions
+    });
+    let tbody;
+    if (exists && !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
+        tbody = /*#__PURE__*/ _jsx("tbody", {
+            "aria-hidden": true,
+            ref: targetRef
+        });
+    }
+    return {
+        tbody,
+        targetRef,
+        sectionRef: exists ? sectionRefCallback : targetRef,
+        stickyActive
+    };
+}
+
+//# sourceMappingURL=useStickyTableSection.js.map

package/dist/table/useStickyTableSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/table/useStickyTableSection.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n  useCallback,\n  useState,\n} from \"react\";\n\nimport { useEnsuredRef } from \"../useEnsuredRef.js\";\nimport { useIntersectionObserver } from \"../useIntersectionObserver.js\";\nimport { useTableContainer } from \"./TableContainerProvider.js\";\nimport {\n  type IsStickyTableSectionActive,\n  type TableStickySectionConfiguration,\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\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 */\nexport interface TableStickySectionOptions\n  extends TableStickySectionConfiguration {\n  ref?: Ref<HTMLTableSectionElement>;\n  type: \"header\" | \"footer\";\n}\n\n/** @since 6.0.0 */\nexport interface TableStickySectionImplementation {\n  tbody: ReactNode;\n  targetRef: RefCallback<HTMLTableSectionElement>;\n  sectionRef: RefCallback<HTMLTableSectionElement>;\n  stickyActive: boolean;\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport function useStickyTableSection(\n  options: TableStickySectionOptions\n): TableStickySectionImplementation {\n  const { ref, type, disableStickyStyles, stickyOptions } = options;\n\n  const isHeader = type === \"header\";\n  const isStickyActive =\n    options.isStickyActive ??\n    (isHeader ? isTableHeaderStickyActive : isTableFooterStickyActive);\n\n  const [sectionRef, sectionRefCallback] = useEnsuredRef(ref);\n  const { exists, containerRef } = useTableContainer();\n  const [stickyActive, setStickyActive] = useState(false);\n  const targetRef = useIntersectionObserver({\n    ref: exists ? undefined : sectionRefCallback,\n    root: containerRef,\n    disabled: disableStickyStyles,\n    threshold: exists ? 0 : 1,\n    getRootMargin: useCallback(() => {\n      const section = sectionRef.current;\n      if (!isHeader) {\n        const topOffset = exists && section ? section.offsetHeight - 1 : 1;\n\n        return `0px 0px -${topOffset}px 0px`;\n      }\n\n      if (!section) {\n        return;\n      }\n\n      let topOffset: number;\n      if (exists) {\n        topOffset = section.offsetHeight - 1;\n      } else {\n        const top = parseFloat(window.getComputedStyle(section).top);\n        topOffset = Number.isNaN(top) ? 1 : top + 1;\n      }\n\n      return `-${topOffset}px 0px 0px`;\n    }, [exists, isHeader, sectionRef]),\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  let tbody: ReactNode;\n  if (exists && !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 = <tbody aria-hidden ref={targetRef} />;\n  }\n\n  return {\n    tbody,\n    targetRef,\n    sectionRef: exists ? sectionRefCallback : targetRef,\n    stickyActive,\n  };\n}\n"],"names":["useCallback","useState","useEnsuredRef","useIntersectionObserver","useTableContainer","isTableHeaderStickyActive","entry","intersectionRatio","boundingClientRect","bottom","window","innerHeight","isTableFooterStickyActive","isInTableContainer","isIntersecting","top","useStickyTableSection","options","ref","type","disableStickyStyles","stickyOptions","isHeader","isStickyActive","sectionRef","sectionRefCallback","exists","containerRef","stickyActive","setStickyActive","targetRef","undefined","root","disabled","threshold","getRootMargin","section","current","topOffset","offsetHeight","parseFloat","getComputedStyle","Number","isNaN","onUpdate","tbody","aria-hidden"],"mappings":"AAAA;;AAEA,SAIEA,WAAW,EACXC,QAAQ,QACH,QAAQ;AAEf,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,uBAAuB,QAAQ,gCAAgC;AACxE,SAASC,iBAAiB,QAAQ,8BAA8B;AAMhE;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEC;IAEA,OACEA,MAAMC,iBAAiB,GAAG,KAC1BD,MAAME,kBAAkB,CAACC,MAAM,IAAIC,OAAOC,WAAW;AAEzD,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAAwD,CACnEN,OACAO;IAEA,MAAM,EAAEN,iBAAiB,EAAEC,kBAAkB,EAAEM,cAAc,EAAE,GAAGR;IAClE,IAAIO,oBAAoB;QACtB,OAAO,CAACC;IACV;IAEA,OAAOP,oBAAoB,KAAKC,mBAAmBO,GAAG,IAAI;AAC5D,EAAE;AAiBF;;;CAGC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,GAAG,EAAEC,IAAI,EAAEC,mBAAmB,EAAEC,aAAa,EAAE,GAAGJ;IAE1D,MAAMK,WAAWH,SAAS;IAC1B,MAAMI,iBACJN,QAAQM,cAAc,IACrBD,CAAAA,WAAWjB,4BAA4BO,yBAAwB;IAElE,MAAM,CAACY,YAAYC,mBAAmB,GAAGvB,cAAcgB;IACvD,MAAM,EAAEQ,MAAM,EAAEC,YAAY,EAAE,GAAGvB;IACjC,MAAM,CAACwB,cAAcC,gBAAgB,GAAG5B,SAAS;IACjD,MAAM6B,YAAY3B,wBAAwB;QACxCe,KAAKQ,SAASK,YAAYN;QAC1BO,MAAML;QACNM,UAAUb;QACVc,WAAWR,SAAS,IAAI;QACxBS,eAAenC,YAAY;YACzB,MAAMoC,UAAUZ,WAAWa,OAAO;YAClC,IAAI,CAACf,UAAU;gBACb,MAAMgB,YAAYZ,UAAUU,UAAUA,QAAQG,YAAY,GAAG,IAAI;gBAEjE,OAAO,CAAC,SAAS,EAAED,UAAU,MAAM,CAAC;YACtC;YAEA,IAAI,CAACF,SAAS;gBACZ;YACF;YAEA,IAAIE;YACJ,IAAIZ,QAAQ;gBACVY,YAAYF,QAAQG,YAAY,GAAG;YACrC,OAAO;gBACL,MAAMxB,MAAMyB,WAAW9B,OAAO+B,gBAAgB,CAACL,SAASrB,GAAG;gBAC3DuB,YAAYI,OAAOC,KAAK,CAAC5B,OAAO,IAAIA,MAAM;YAC5C;YAEA,OAAO,CAAC,CAAC,EAAEuB,UAAU,UAAU,CAAC;QAClC,GAAG;YAACZ;YAAQJ;YAAUE;SAAW;QACjCoB,UAAU5C,YACR,CAAC,CAACM,MAAM;YACNuB,gBAAgBN,eAAejB,OAAOoB;QACxC,GACA;YAACA;YAAQH;SAAe;QAE1B,yEAAyE;QACzE,GAAGF,aAAa;IAClB;IAEA,IAAIwB;IACJ,IAAInB,UAAU,CAACN,qBAAqB;QAClC,oEAAoE;QACpE,uEAAuE;QACvEyB,sBAAQ,KAACA;YAAMC,aAAW;YAAC5B,KAAKY;;IAClC;IAEA,OAAO;QACLe;QACAf;QACAN,YAAYE,SAASD,qBAAqBK;QAC1CF;IACF;AACF"}

package/dist/table/useTableSectionConfig.d.ts

@@ -0,0 +1,13 @@
+import { type TableConfigContext, type TableSectionConfiguration } from "./types.js";
+/**
+ * @since 6.0.0
+ * @internal
+ */
+export interface TableSectionConfigOptions extends TableSectionConfiguration {
+    type: "header" | "footer";
+}
+/**
+ * @since 6.0.0
+ * @internal
+ */
+export declare function useTableSectionConfig(options: TableSectionConfigOptions): Readonly<TableConfigContext>;

package/dist/table/useTableSectionConfig.js

@@ -0,0 +1,33 @@
+"use client";
+import { useMemo } from "react";
+import { useTableConfig } from "./TableConfigurationProvider.js";
+/**
+ * @since 6.0.0
+ * @internal
+ */ export function useTableSectionConfig(options) {
+    const { type, lineWrap: propLineWrap, hoverable } = options;
+    // update the table configuration with the custom overrides for the `<thead>/<tfoot>`
+    const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } = useTableConfig({
+        lineWrap: propLineWrap,
+        disableHover: !hoverable
+    });
+    return useMemo(()=>({
+            dense,
+            header: type === "header",
+            hAlign,
+            vAlign,
+            lineWrap,
+            disableBorders,
+            disableHover
+        }), [
+        dense,
+        type,
+        hAlign,
+        vAlign,
+        lineWrap,
+        disableBorders,
+        disableHover
+    ]);
+}
+
+//# sourceMappingURL=useTableSectionConfig.js.map

package/dist/table/useTableSectionConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/table/useTableSectionConfig.ts"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\n\nimport { useTableConfig } from \"./TableConfigurationProvider.js\";\nimport {\n  type TableConfigContext,\n  type TableSectionConfiguration,\n} from \"./types.js\";\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport interface TableSectionConfigOptions extends TableSectionConfiguration {\n  type: \"header\" | \"footer\";\n}\n\n/**\n * @since 6.0.0\n * @internal\n */\nexport function useTableSectionConfig(\n  options: TableSectionConfigOptions\n): Readonly<TableConfigContext> {\n  const { type, lineWrap: propLineWrap, hoverable } = options;\n\n  // update the table configuration with the custom overrides for the `<thead>/<tfoot>`\n  const { dense, hAlign, vAlign, lineWrap, disableHover, disableBorders } =\n    useTableConfig({\n      lineWrap: propLineWrap,\n      disableHover: !hoverable,\n    });\n\n  return useMemo<TableConfigContext>(\n    () => ({\n      dense,\n      header: type === \"header\",\n      hAlign,\n      vAlign,\n      lineWrap,\n      disableBorders,\n      disableHover,\n    }),\n    [dense, type, hAlign, vAlign, lineWrap, disableBorders, disableHover]\n  );\n}\n"],"names":["useMemo","useTableConfig","useTableSectionConfig","options","type","lineWrap","propLineWrap","hoverable","dense","hAlign","vAlign","disableHover","disableBorders","header"],"mappings":"AAAA;AAEA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAASC,cAAc,QAAQ,kCAAkC;AAcjE;;;CAGC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,IAAI,EAAEC,UAAUC,YAAY,EAAEC,SAAS,EAAE,GAAGJ;IAEpD,qFAAqF;IACrF,MAAM,EAAEK,KAAK,EAAEC,MAAM,EAAEC,MAAM,EAAEL,QAAQ,EAAEM,YAAY,EAAEC,cAAc,EAAE,GACrEX,eAAe;QACbI,UAAUC;QACVK,cAAc,CAACJ;IACjB;IAEF,OAAOP,QACL,IAAO,CAAA;YACLQ;YACAK,QAAQT,SAAS;YACjBK;YACAC;YACAL;YACAO;YACAD;QACF,CAAA,GACA;QAACH;QAAOJ;QAAMK;QAAQC;QAAQL;QAAUO;QAAgBD;KAAa;AAEzE"}

package/dist/tabs/SimpleTabPanel.d.ts

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ProvidedTabPanelProps } from "./useTabs.js";
+/**
+ * @since 6.0.0
+ */
+export interface SimpleTabPanelProps extends Omit<HTMLAttributes<HTMLDivElement>, keyof ProvidedTabPanelProps>, ProvidedTabPanelProps {
+    children: ReactNode;
+}
+/**
+ * This component can be a replacement for the `Slide` component when animations
+ * are not required for changing the active tab contents.
+ *
+ * This should generally be used along with the `SimpleTabPanels` component.
+ *
+ * @see {@link https://next.react-md.dev/components/tabs | Tabs Demos}
+ * @see {@link https://next.react-md.dev/components/tabs#disable-tab-panel-transition|Disable Tab Panel Transition Demo}
+ * @since 6.0.0
+ */
+export declare const SimpleTabPanel: import("react").ForwardRefExoticComponent<SimpleTabPanelProps & import("react").RefAttributes<HTMLDivElement>>;