@salt-ds/core 1.55.0 → 1.57.0

package/dist-es/table/TBody.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const TBody = forwardRef(
+  function TBody2({ children, className, ...rest }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-table-tbody",
+      css: css_248z,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsx(
+      "tbody",
+      {
+        ref,
+        className: clsx(withTableBaseName("tbody"), className),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { TBody };
+//# sourceMappingURL=TBody.js.map

package/dist-es/table/TBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TBody.js","sources":["../src/table/TBody.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface TBodyProps extends ComponentPropsWithoutRef<\"tbody\"> {}\n\nexport const TBody = forwardRef<HTMLTableSectionElement, TBodyProps>(\n  function TBody({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-table-tbody\",\n      css: tableCss,\n      window: targetWindow,\n    });\n\n    return (\n      <tbody\n        ref={ref}\n        className={clsx(withTableBaseName(\"tbody\"), className)}\n        {...rest}\n      >\n        {children}\n      </tbody>\n    );\n  },\n);\n"],"names":["TBody","tableCss"],"mappings":";;;;;;;;AAUO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,SAASA,OAAM,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAA,EAAK;AACpD,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA,CAAK,iBAAA,CAAkB,OAAO,GAAG,SAAS,CAAA;AAAA,QACpD,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-es/table/TD.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const TD = forwardRef(function TD2({ children, className, textAlign = "left", ...rest }, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-table-td",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      className: clsx(
+        withTableBaseName("td"),
+        withTableBaseName("td", "align", textAlign),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+
+export { TD };
+//# sourceMappingURL=TD.js.map

package/dist-es/table/TD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TD.js","sources":["../src/table/TD.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface TDProps extends ComponentPropsWithoutRef<\"td\"> {\n  /**\n   * Specifies the alignment of the text within the `TD`.\n   *\n   * @default \"left\"\n   */\n  textAlign?: \"left\" | \"right\";\n}\n\nexport const TD = forwardRef<HTMLTableCellElement, TDProps>(function TD(\n  { children, className, textAlign = \"left\", ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-table-td\",\n    css: tableCss,\n    window: targetWindow,\n  });\n\n  return (\n    <td\n      ref={ref}\n      className={clsx(\n        withTableBaseName(\"td\"),\n        withTableBaseName(\"td\", \"align\", textAlign),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </td>\n  );\n});\n"],"names":["TD","tableCss"],"mappings":";;;;;;;;AAiBO,MAAM,EAAA,GAAK,UAAA,CAA0C,SAASA,GAAAA,CACnE,EAAE,QAAA,EAAU,SAAA,EAAW,SAAA,GAAY,MAAA,EAAQ,GAAG,IAAA,EAAK,EACnD,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA;AAAA,QACT,kBAAkB,IAAI,CAAA;AAAA,QACtB,iBAAA,CAAkB,IAAA,EAAM,OAAA,EAAS,SAAS,CAAA;AAAA,QAC1C;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/table/TFoot.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const TFoot = forwardRef(
+  function TFoot2({
+    children,
+    className,
+    sticky = false,
+    variant,
+    divider = "primary",
+    ...rest
+  }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-table-tfoot",
+      css: css_248z,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsx(
+      "tfoot",
+      {
+        ref,
+        className: clsx(
+          withTableBaseName("tfoot"),
+          { [withTableBaseName(`tfoot-${variant}`)]: variant },
+          { [withTableBaseName("tfoot-sticky")]: sticky },
+          { [withTableBaseName(`tfoot-divider-${divider}`)]: divider },
+          className
+        ),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { TFoot };
+//# sourceMappingURL=TFoot.js.map

package/dist-es/table/TFoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TFoot.js","sources":["../src/table/TFoot.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface TFootProps extends ComponentPropsWithoutRef<\"tfoot\"> {\n  /**\n   * If footer is positioned with sticky styling.\n   * @default false\n   */\n  sticky?: boolean;\n  /**\n   * Divider styling variant. Defaults to \"primary\";\n   * @default primary\n   */\n  divider?: \"primary\" | \"secondary\" | \"tertiary\" | \"none\";\n  /**\n   * Styling variant for footer.\n   * If undefined, will match variant of parent Table component's variant.\n   * @default undefined\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nexport const TFoot = forwardRef<HTMLTableSectionElement, TFootProps>(\n  function TFoot(\n    {\n      children,\n      className,\n      sticky = false,\n      variant,\n      divider = \"primary\",\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-table-tfoot\",\n      css: tableCss,\n      window: targetWindow,\n    });\n\n    return (\n      <tfoot\n        ref={ref}\n        className={clsx(\n          withTableBaseName(\"tfoot\"),\n          { [withTableBaseName(`tfoot-${variant}`)]: variant },\n          { [withTableBaseName(\"tfoot-sticky\")]: sticky },\n          { [withTableBaseName(`tfoot-divider-${divider}`)]: divider },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </tfoot>\n    );\n  },\n);\n"],"names":["TFoot","tableCss"],"mappings":";;;;;;;;AA2BO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,SAASA,MAAAA,CACP;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,KAAA;AAAA,IACT,OAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA;AAAA,UACT,kBAAkB,OAAO,CAAA;AAAA,UACzB,EAAE,CAAC,iBAAA,CAAkB,CAAA,MAAA,EAAS,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA,EAAQ;AAAA,UACnD,EAAE,CAAC,iBAAA,CAAkB,cAAc,CAAC,GAAG,MAAA,EAAO;AAAA,UAC9C,EAAE,CAAC,iBAAA,CAAkB,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA,EAAQ;AAAA,UAC3D;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-es/table/TH.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const TH = forwardRef(function TH2({ children, className, textAlign = "left", ...rest }, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-table-th",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      ref,
+      className: clsx(
+        withTableBaseName("th"),
+        withTableBaseName("th", "align", textAlign),
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+});
+
+export { TH };
+//# sourceMappingURL=TH.js.map

package/dist-es/table/TH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TH.js","sources":["../src/table/TH.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface THProps extends ComponentPropsWithoutRef<\"th\"> {\n  /**\n   * Specifies the alignment of the text within the `TH`.\n   *\n   * @default \"left\"\n   */\n  textAlign?: \"left\" | \"right\";\n}\n\nexport const TH = forwardRef<HTMLTableCellElement, THProps>(function TH(\n  { children, className, textAlign = \"left\", ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-table-th\",\n    css: tableCss,\n    window: targetWindow,\n  });\n\n  return (\n    <th\n      ref={ref}\n      className={clsx(\n        withTableBaseName(\"th\"),\n        withTableBaseName(\"th\", \"align\", textAlign),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n});\n"],"names":["TH","tableCss"],"mappings":";;;;;;;;AAiBO,MAAM,EAAA,GAAK,UAAA,CAA0C,SAASA,GAAAA,CACnE,EAAE,QAAA,EAAU,SAAA,EAAW,SAAA,GAAY,MAAA,EAAQ,GAAG,IAAA,EAAK,EACnD,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA;AAAA,QACT,kBAAkB,IAAI,CAAA;AAAA,QACtB,iBAAA,CAAkB,IAAA,EAAM,OAAA,EAAS,SAAS,CAAA;AAAA,QAC1C;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/table/THead.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const THead = forwardRef(
+  function THead2({
+    children,
+    className,
+    sticky = false,
+    variant,
+    divider = "primary",
+    ...rest
+  }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-table-thead",
+      css: css_248z,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsx(
+      "thead",
+      {
+        ref,
+        className: clsx(
+          withTableBaseName("thead"),
+          { [withTableBaseName(`thead-${variant}`)]: variant },
+          { [withTableBaseName("thead-sticky")]: sticky },
+          { [withTableBaseName(`thead-divider-${divider}`)]: divider },
+          className
+        ),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { THead };
+//# sourceMappingURL=THead.js.map

package/dist-es/table/THead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THead.js","sources":["../src/table/THead.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface THeadProps extends ComponentPropsWithoutRef<\"thead\"> {\n  /**\n   * If header is positioned with sticky styling.\n   * @default false\n   */\n  sticky?: boolean;\n  /**\n   * Divider styling variant. Defaults to \"primary\";\n   * @default primary\n   */\n  divider?: \"primary\" | \"secondary\" | \"tertiary\" | \"none\";\n  /**\n   * Styling variant for header.\n   * If undefined, will match variant of parent Table component's variant.\n   * @default undefined\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nexport const THead = forwardRef<HTMLTableSectionElement, THeadProps>(\n  function THead(\n    {\n      children,\n      className,\n      sticky = false,\n      variant,\n      divider = \"primary\",\n      ...rest\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-table-thead\",\n      css: tableCss,\n      window: targetWindow,\n    });\n\n    return (\n      <thead\n        ref={ref}\n        className={clsx(\n          withTableBaseName(\"thead\"),\n          { [withTableBaseName(`thead-${variant}`)]: variant },\n          { [withTableBaseName(\"thead-sticky\")]: sticky },\n          { [withTableBaseName(`thead-divider-${divider}`)]: divider },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </thead>\n    );\n  },\n);\n"],"names":["THead","tableCss"],"mappings":";;;;;;;;AA2BO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,SAASA,MAAAA,CACP;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,GAAS,KAAA;AAAA,IACT,OAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,kBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,IAAA;AAAA,UACT,kBAAkB,OAAO,CAAA;AAAA,UACzB,EAAE,CAAC,iBAAA,CAAkB,CAAA,MAAA,EAAS,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA,EAAQ;AAAA,UACnD,EAAE,CAAC,iBAAA,CAAkB,cAAc,CAAC,GAAG,MAAA,EAAO;AAAA,UAC9C,EAAE,CAAC,iBAAA,CAAkB,CAAA,cAAA,EAAiB,OAAO,CAAA,CAAE,CAAC,GAAG,OAAA,EAAQ;AAAA,UAC3D;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-es/table/TR.js

@@ -0,0 +1,28 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+
+const TR = forwardRef(function TR2({ children, className, ...rest }, ref) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-table-tr",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: clsx(withTableBaseName("tr"), className),
+      ...rest,
+      children
+    }
+  );
+});
+
+export { TR };
+//# sourceMappingURL=TR.js.map

package/dist-es/table/TR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TR.js","sources":["../src/table/TR.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { withTableBaseName } from \"./Table\";\n\nimport tableCss from \"./Table.css\";\n\nexport interface TRProps extends ComponentPropsWithoutRef<\"tr\"> {}\n\nexport const TR = forwardRef<HTMLTableRowElement, TRProps>(function TR(\n  { children, className, ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-table-tr\",\n    css: tableCss,\n    window: targetWindow,\n  });\n\n  return (\n    <tr\n      ref={ref}\n      className={clsx(withTableBaseName(\"tr\"), className)}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n});\n"],"names":["TR","tableCss"],"mappings":";;;;;;;;AAUO,MAAM,EAAA,GAAK,UAAA,CAAyC,SAASA,GAAAA,CAClE,EAAE,UAAU,SAAA,EAAW,GAAG,IAAA,EAAK,EAC/B,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,eAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,iBAAA,CAAkB,IAAI,GAAG,SAAS,CAAA;AAAA,MACjD,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-es/table/Table.css.js

@@ -0,0 +1,4 @@
+var css_248z = "/* Table: Main css class */\n.saltTable {\n  --table-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-size-fixed-100));\n  --table-footer-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-size-fixed-100));\n  --table-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-size-fixed-100));\n}\n\n.saltTable-primary {\n  --table-background: var(--salt-container-primary-background);\n}\n\n.saltTable-secondary {\n  --table-background: var(--salt-container-secondary-background);\n}\n\n.saltTable-tertiary {\n  --table-background: var(--salt-container-tertiary-background);\n}\n\n.saltTable-divider-primary {\n  --table-divider-color: var(--salt-separable-primary-borderColor);\n}\n\n.saltTable-divider-secondary {\n  --table-divider-color: var(--salt-separable-secondary-borderColor);\n}\n\n.saltTable-divider-tertiary {\n  --table-divider-color: var(--salt-separable-tertiary-borderColor);\n}\n\n/* Zebra styling */\ntable.saltTable-zebra-tertiary tbody tr:nth-of-type(odd) {\n  --table-background: var(--salt-container-tertiary-background);\n}\n\ntable.saltTable-primary.saltTable-zebra tbody tr:nth-of-type(odd) {\n  --table-background: var(--salt-container-secondary-background);\n}\n\ntable.saltTable-secondary.saltTable-zebra tbody tr:nth-of-type(odd) {\n  --table-background: var(--salt-container-primary-background);\n}\n\ntable.saltTable-tertiary.saltTable-zebra tbody tr:nth-of-type(odd) {\n  --table-background: var(--salt-container-primary-background);\n}\n\ntable.saltTable {\n  border-spacing: 0;\n  border-radius: var(--salt-palette-corner, 0);\n  border-collapse: collapse;\n  color: var(--salt-content-primary-foreground);\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  width: 100%;\n}\n\n/* TR */\ntable.saltTable tr {\n  background: var(--table-background);\n}\n\ntable.saltTable tbody tr {\n  height: var(--table-row-height);\n  min-height: var(--table-row-height);\n}\n\ntable.saltTable tbody tr:not(:last-child) {\n  border-bottom: var(--salt-borderStyle-solid) var(--table-divider-color) var(--salt-size-fixed-100);\n}\n\ntable.saltTable.saltTable-divider-none tbody tr {\n  --table-divider-color: transparent;\n}\n\n/* THead */\ntable.saltTable thead {\n  border-start-start-radius: var(--salt-palette-corner);\n  border-start-end-radius: var(--salt-palette-corner);\n  color: var(--salt-content-secondary-foreground);\n  height: var(--table-header-height);\n  min-height: var(--table-header-height);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  line-height: var(--salt-text-label-lineHeight);\n}\n\ntable.saltTable thead.saltTable-thead-sticky {\n  position: sticky;\n  top: 0;\n}\n\ntable.saltTable thead.saltTable-thead-primary tr {\n  background: var(--salt-container-primary-background);\n}\n\ntable.saltTable thead.saltTable-thead-secondary tr {\n  background: var(--salt-container-secondary-background);\n}\n\ntable.saltTable thead.saltTable-thead-tertiary tr {\n  background: var(--salt-container-tertiary-background);\n}\n\ntable.saltTable thead.saltTable-thead tr {\n  border-bottom: var(--salt-borderStyle-solid) var(--table-header-divider-color) var(--salt-size-fixed-100);\n}\n\ntable.saltTable thead.saltTable-thead-divider-primary {\n  --table-header-divider-color: var(--salt-separable-primary-borderColor);\n}\n\ntable.saltTable thead.saltTable-thead-divider-secondary {\n  --table-header-divider-color: var(--salt-separable-secondary-borderColor);\n}\n\ntable.saltTable thead.saltTable-thead-divider-tertiary {\n  --table-header-divider-color: var(--salt-separable-tertiary-borderColor);\n}\n\ntable.saltTable thead.saltTable-thead-divider-none {\n  --table-header-divider-color: transparent;\n}\n\n/* TFoot */\ntable.saltTable tfoot {\n  border-end-start-radius: var(--salt-palette-corner);\n  border-end-end-radius: var(--salt-palette-corner);\n  color: var(--salt-content-primary-foreground);\n  height: var(--table-footer-height);\n  min-height: var(--table-footer-height);\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-sticky {\n  position: sticky;\n  bottom: 0;\n}\n\ntable.saltTable tfoot.saltTable-tfoot tr {\n  border-top: var(--salt-borderStyle-solid) var(--table-footer-divider-color) var(--salt-size-fixed-100);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-primary tr {\n  background: var(--salt-container-primary-background);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-secondary tr {\n  background: var(--salt-container-secondary-background);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-tertiary tr {\n  background: var(--salt-container-tertiary-background);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-divider-primary tr {\n  --table-footer-divider-color: var(--salt-separable-primary-borderColor);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-divider-secondary tr {\n  --table-footer-divider-color: var(--salt-separable-secondary-borderColor);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-divider-tertiary tr {\n  --table-footer-divider-color: var(--salt-separable-tertiary-borderColor);\n}\n\ntable.saltTable tfoot.saltTable-tfoot-divider-none tr {\n  --table-footer-divider-color: transparent;\n}\n\n/* TH */\ntable.saltTable th {\n  padding: calc(var(--salt-spacing-75) + var(--salt-spacing-50)) var(--salt-spacing-100);\n  padding-top: calc(var(--salt-spacing-75) + var(--salt-spacing-50) + var(--salt-size-fixed-100));\n  position: relative;\n  text-align: start;\n  vertical-align: top;\n  font-weight: inherit;\n}\n\ntable.saltTable th.saltTable-th-align-left {\n  text-align: start;\n}\n\ntable.saltTable th.saltTable-th-align-right {\n  text-align: end;\n}\n\ntable.saltTable tbody th[scope=\"row\"] {\n  font-weight: var(--salt-text-fontWeight-strong);\n  line-height: var(--salt-text-lineHeight);\n}\n\ntable.saltTable th + th::before {\n  background: var(--salt-separable-tertiary-borderColor);\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  display: block;\n  width: var(--salt-size-fixed-100);\n  height: calc(100% - var(--salt-spacing-200));\n  left: 0;\n  top: var(--salt-spacing-100);\n}\n\n/* TD */\ntable.saltTable td {\n  height: 100%;\n  vertical-align: top;\n  padding: calc(var(--salt-spacing-75) + var(--salt-spacing-50)) var(--salt-spacing-100);\n}\n\ntable.saltTable td.saltTable-td-align-left {\n  text-align: start;\n}\n\ntable.saltTable td.saltTable-td-align-right {\n  text-align: end;\n}\n\n.saltTable-container {\n  width: 100%;\n  overflow: auto;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Table.css.js.map

package/dist-es/table/Table.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/table/Table.js

@@ -0,0 +1,68 @@
+import { jsx } from 'react/jsx-runtime';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef } from 'react';
+import { makePrefixer } from '../utils/makePrefixer.js';
+import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import { useId } from '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import css_248z from './Table.css.js';
+import { useTable } from './TableContext.js';
+
+const withTableBaseName = makePrefixer("saltTable");
+const Table = forwardRef(
+  function Table2(props, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-table",
+      css: css_248z,
+      window: targetWindow
+    });
+    const {
+      children,
+      className,
+      variant = "primary",
+      divider = "tertiary",
+      zebra = false,
+      "aria-labelledby": ariaLabelledBy,
+      id,
+      ...rest
+    } = props;
+    const tableId = useId(id);
+    const { setId, setLabelledBy } = useTable();
+    const labelledBy = ariaLabelledBy ?? tableId;
+    useIsomorphicLayoutEffect(() => {
+      if (tableId) {
+        setId(tableId);
+      }
+      if (labelledBy) {
+        setLabelledBy(labelledBy);
+      }
+    }, [tableId, labelledBy, setId, setLabelledBy]);
+    return /* @__PURE__ */ jsx(
+      "table",
+      {
+        id: tableId,
+        className: clsx(
+          withTableBaseName(),
+          {
+            [withTableBaseName(variant)]: variant,
+            [withTableBaseName("zebra")]: zebra,
+            [withTableBaseName(`divider-${divider}`)]: divider
+          },
+          className
+        ),
+        "aria-labelledby": labelledBy,
+        ref,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+export { Table, withTableBaseName };
+//# sourceMappingURL=Table.js.map

package/dist-es/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../src/table/Table.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer, useId, useIsomorphicLayoutEffect } from \"../utils\";\n\nimport tableCss from \"./Table.css\";\nimport { useTable } from \"./TableContext\";\n\nexport interface TableProps extends ComponentPropsWithoutRef<\"table\"> {\n  /**\n   * Styling variant. Defaults to \"primary\".\n   * @default primary\n   */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n  /**\n   * Divider styling variant. Defaults to \"tertiary\";\n   * @default tertiary\n   */\n  divider?: \"primary\" | \"secondary\" | \"tertiary\" | \"none\";\n  /**\n   * Zebra styling. Applies a different fill to every other row.\n   * @default false\n   */\n  zebra?: boolean;\n}\n\nexport const withTableBaseName = makePrefixer(\"saltTable\");\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  function Table(props, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-table\",\n      css: tableCss,\n      window: targetWindow,\n    });\n\n    const {\n      children,\n      className,\n      variant = \"primary\",\n      divider = \"tertiary\",\n      zebra = false,\n      \"aria-labelledby\": ariaLabelledBy,\n      id,\n      ...rest\n    } = props;\n\n    const tableId = useId(id);\n    const { setId, setLabelledBy } = useTable();\n    const labelledBy = ariaLabelledBy ?? tableId;\n\n    useIsomorphicLayoutEffect(() => {\n      if (tableId) {\n        setId(tableId);\n      }\n      if (labelledBy) {\n        setLabelledBy(labelledBy);\n      }\n    }, [tableId, labelledBy, setId, setLabelledBy]);\n\n    return (\n      <table\n        id={tableId}\n        className={clsx(\n          withTableBaseName(),\n          {\n            [withTableBaseName(variant)]: variant,\n            [withTableBaseName(\"zebra\")]: zebra,\n            [withTableBaseName(`divider-${divider}`)]: divider,\n          },\n          className,\n        )}\n        aria-labelledby={labelledBy}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </table>\n    );\n  },\n);\n"],"names":["Table","tableCss"],"mappings":";;;;;;;;;;;;;;AA2BO,MAAM,iBAAA,GAAoB,aAAa,WAAW;AAElD,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,SAASA,MAAAA,CAAM,KAAA,EAAO,GAAA,EAAK;AACzB,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,YAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA,GAAU,SAAA;AAAA,MACV,OAAA,GAAU,UAAA;AAAA,MACV,KAAA,GAAQ,KAAA;AAAA,MACR,iBAAA,EAAmB,cAAA;AAAA,MACnB,EAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,OAAA,GAAU,MAAM,EAAE,CAAA;AACxB,IAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAc,GAAI,QAAA,EAAS;AAC1C,IAAA,MAAM,aAAa,cAAA,IAAkB,OAAA;AAErC,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MACf;AACA,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,aAAA,CAAc,UAAU,CAAA;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,aAAa,CAAC,CAAA;AAE9C,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,OAAA;AAAA,QACJ,SAAA,EAAW,IAAA;AAAA,UACT,iBAAA,EAAkB;AAAA,UAClB;AAAA,YACE,CAAC,iBAAA,CAAkB,OAAO,CAAC,GAAG,OAAA;AAAA,YAC9B,CAAC,iBAAA,CAAkB,OAAO,CAAC,GAAG,KAAA;AAAA,YAC9B,CAAC,iBAAA,CAAkB,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE,CAAC,GAAG;AAAA,WAC7C;AAAA,UACA;AAAA,SACF;AAAA,QACA,iBAAA,EAAiB,UAAA;AAAA,QACjB,GAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-es/table/TableContainer.js

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForkRef, useResizeObserver, useIsomorphicLayoutEffect } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState, useRef, useCallback, useMemo } from 'react';
+import { withTableBaseName } from './Table.js';
+import css_248z from './Table.css.js';
+import { TableContext } from './TableContext.js';
+
+const TableContainer = forwardRef(
+  function TableContainer2(props, ref) {
+    const [isOverflowing, setIsOverflowing] = useState(false);
+    const [tableId, setTableId] = useState();
+    const [labelledBy, setLabelledBy] = useState();
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-table-container",
+      css: css_248z,
+      window: targetWindow
+    });
+    const {
+      children,
+      className,
+      // @ts-expect-error: "aria-labelledby" is omitted to prevent accidental misuse,
+      // but we still want to forward it for advanced accessible labeling scenarios.
+      "aria-labelledby": ariaLabelledBy,
+      // @ts-expect-error: Allow passing aria-label even though it's omitted from HTMLAttributes
+      // Same reasoning as above: we forward aria-label for accessibility purposes.
+      "aria-label": ariaLabel,
+      // @ts-expect-error: Allow passing role even though it's omitted from HTMLAttributes
+      // Same reasoning as above: we forward role for accessibility purposes.
+      role,
+      tabIndex,
+      ...rest
+    } = props;
+    const scrollRef = useRef(null);
+    const handleRef = useForkRef(ref, scrollRef);
+    const checkOverflow = useCallback(() => {
+      const element = scrollRef.current;
+      if (!element) return;
+      const overflowing = element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
+      setIsOverflowing(overflowing);
+    }, []);
+    useResizeObserver({ ref: scrollRef, onResize: checkOverflow });
+    useIsomorphicLayoutEffect(() => {
+      checkOverflow();
+    }, [checkOverflow]);
+    const overflowProps = isOverflowing ? {
+      role: role ?? "region",
+      tabIndex: tabIndex ?? 0,
+      "aria-label": ariaLabel,
+      ...ariaLabelledBy === void 0 && ariaLabel === void 0 && {
+        "aria-labelledby": labelledBy ?? tableId
+      },
+      ...ariaLabelledBy !== void 0 && {
+        "aria-labelledby": ariaLabelledBy
+      }
+    } : {
+      role,
+      tabIndex,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-label": ariaLabel
+    };
+    const contextValue = useMemo(
+      () => ({ id: tableId, setId: setTableId, labelledBy, setLabelledBy }),
+      [tableId, labelledBy]
+    );
+    return /* @__PURE__ */ jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: handleRef,
+        className: clsx(withTableBaseName("container"), className),
+        ...overflowProps,
+        ...rest,
+        children
+      }
+    ) });
+  }
+);
+
+export { TableContainer };
+//# sourceMappingURL=TableContainer.js.map

package/dist-es/table/TableContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer.js","sources":["../src/table/TableContainer.tsx"],"sourcesContent":["import {\n  useForkRef,\n  useIsomorphicLayoutEffect,\n  useResizeObserver,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { withTableBaseName } from \"./Table\";\nimport tableCss from \"./Table.css\";\nimport { TableContext } from \"./TableContext\";\n\nexport interface TableContainerProps\n  extends Omit<\n    ComponentPropsWithoutRef<\"div\">,\n    \"aria-label\" | \"aria-labelledby\" | \"role\"\n  > {}\n\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer(props, ref) {\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [tableId, setTableId] = useState<string | undefined>();\n    const [labelledBy, setLabelledBy] = useState<string | undefined>();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-table-container\",\n      css: tableCss,\n      window: targetWindow,\n    });\n\n    const {\n      children,\n      className,\n      // @ts-expect-error: \"aria-labelledby\" is omitted to prevent accidental misuse,\n      // but we still want to forward it for advanced accessible labeling scenarios.\n      \"aria-labelledby\": ariaLabelledBy,\n      // @ts-expect-error: Allow passing aria-label even though it's omitted from HTMLAttributes\n      // Same reasoning as above: we forward aria-label for accessibility purposes.\n      \"aria-label\": ariaLabel,\n      // @ts-expect-error: Allow passing role even though it's omitted from HTMLAttributes\n      // Same reasoning as above: we forward role for accessibility purposes.\n      role,\n      tabIndex,\n      ...rest\n    } = props;\n\n    const scrollRef = useRef<HTMLDivElement | null>(null);\n    const handleRef = useForkRef<HTMLDivElement>(ref, scrollRef);\n\n    const checkOverflow = useCallback(() => {\n      const element = scrollRef.current;\n      if (!element) return;\n      const overflowing =\n        element.scrollHeight > element.clientHeight ||\n        element.scrollWidth > element.clientWidth;\n      setIsOverflowing(overflowing);\n    }, []);\n\n    useResizeObserver({ ref: scrollRef, onResize: checkOverflow });\n\n    useIsomorphicLayoutEffect(() => {\n      checkOverflow();\n    }, [checkOverflow]);\n\n    const overflowProps = isOverflowing\n      ? {\n          role: role ?? \"region\",\n          tabIndex: tabIndex ?? 0,\n          \"aria-label\": ariaLabel,\n          ...(ariaLabelledBy === undefined &&\n            ariaLabel === undefined && {\n              \"aria-labelledby\": labelledBy ?? tableId,\n            }),\n          ...(ariaLabelledBy !== undefined && {\n            \"aria-labelledby\": ariaLabelledBy,\n          }),\n        }\n      : {\n          role,\n          tabIndex,\n          \"aria-labelledby\": ariaLabelledBy,\n          \"aria-label\": ariaLabel,\n        };\n\n    const contextValue = useMemo(\n      () => ({ id: tableId, setId: setTableId, labelledBy, setLabelledBy }),\n      [tableId, labelledBy],\n    );\n\n    return (\n      <TableContext.Provider value={contextValue}>\n        <div\n          ref={handleRef}\n          className={clsx(withTableBaseName(\"container\"), className)}\n          {...overflowProps}\n          {...rest}\n        >\n          {children}\n        </div>\n      </TableContext.Provider>\n    );\n  },\n);\n"],"names":["TableContainer","tableCss"],"mappings":";;;;;;;;;;AA0BO,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,SAASA,eAAAA,CAAe,KAAA,EAAO,GAAA,EAAK;AAClC,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,EAA6B;AAC3D,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,EAA6B;AAEjE,IAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,IAAA,wBAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,QAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA;AAAA;AAAA,MAGA,iBAAA,EAAmB,cAAA;AAAA;AAAA;AAAA,MAGnB,YAAA,EAAc,SAAA;AAAA;AAAA;AAAA,MAGd,IAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,SAAA,GAAY,OAA8B,IAAI,CAAA;AACpD,IAAA,MAAM,SAAA,GAAY,UAAA,CAA2B,GAAA,EAAK,SAAS,CAAA;AAE3D,IAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,MAAA,MAAM,UAAU,SAAA,CAAU,OAAA;AAC1B,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,MAAM,cACJ,OAAA,CAAQ,YAAA,GAAe,QAAQ,YAAA,IAC/B,OAAA,CAAQ,cAAc,OAAA,CAAQ,WAAA;AAChC,MAAA,gBAAA,CAAiB,WAAW,CAAA;AAAA,IAC9B,CAAA,EAAG,EAAE,CAAA;AAEL,IAAA,iBAAA,CAAkB,EAAE,GAAA,EAAK,SAAA,EAAW,QAAA,EAAU,eAAe,CAAA;AAE7D,IAAA,yBAAA,CAA0B,MAAM;AAC9B,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,IAAA,MAAM,gBAAgB,aAAA,GAClB;AAAA,MACE,MAAM,IAAA,IAAQ,QAAA;AAAA,MACd,UAAU,QAAA,IAAY,CAAA;AAAA,MACtB,YAAA,EAAc,SAAA;AAAA,MACd,GAAI,cAAA,KAAmB,MAAA,IACrB,SAAA,KAAc,MAAA,IAAa;AAAA,QACzB,mBAAmB,UAAA,IAAc;AAAA,OACnC;AAAA,MACF,GAAI,mBAAmB,MAAA,IAAa;AAAA,QAClC,iBAAA,EAAmB;AAAA;AACrB,KACF,GACA;AAAA,MACE,IAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA,EAAmB,cAAA;AAAA,MACnB,YAAA,EAAc;AAAA,KAChB;AAEJ,IAAA,MAAM,YAAA,GAAe,OAAA;AAAA,MACnB,OAAO,EAAE,EAAA,EAAI,SAAS,KAAA,EAAO,UAAA,EAAY,YAAY,aAAA,EAAc,CAAA;AAAA,MACnE,CAAC,SAAS,UAAU;AAAA,KACtB;AAEA,IAAA,uBACE,GAAA,CAAC,YAAA,CAAa,QAAA,EAAb,EAAsB,OAAO,YAAA,EAC5B,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,SAAA,EAAW,IAAA,CAAK,iBAAA,CAAkB,WAAW,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-es/table/TableContext.js

@@ -0,0 +1,23 @@
+import { useContext } from 'react';
+import { createContext } from '../utils/createContext.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+
+const TableContext = createContext("TableContext", {
+  id: void 0,
+  setId: () => {
+  },
+  labelledBy: void 0,
+  setLabelledBy: () => {
+  }
+});
+function useTable() {
+  return useContext(TableContext);
+}
+
+export { TableContext, useTable };
+//# sourceMappingURL=TableContext.js.map

package/dist-es/table/TableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContext.js","sources":["../src/table/TableContext.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport interface TableContextValue {\n  id?: string;\n  setId: (id: string) => void;\n  labelledBy?: string;\n  setLabelledBy: (labelId: string) => void;\n}\n\nexport const TableContext = createContext<TableContextValue>(\"TableContext\", {\n  id: undefined,\n  setId: () => {},\n  labelledBy: undefined,\n  setLabelledBy: () => {},\n});\n\nexport function useTable() {\n  return useContext(TableContext);\n}\n"],"names":[],"mappings":";;;;;;;;;AAUO,MAAM,YAAA,GAAe,cAAiC,cAAA,EAAgB;AAAA,EAC3E,EAAA,EAAI,MAAA;AAAA,EACJ,OAAO,MAAM;AAAA,EAAC,CAAA;AAAA,EACd,UAAA,EAAY,MAAA;AAAA,EACZ,eAAe,MAAM;AAAA,EAAC;AACxB,CAAC;AAEM,SAAS,QAAA,GAAW;AACzB,EAAA,OAAO,WAAW,YAAY,CAAA;AAChC;;;;"}

package/dist-es/theme/Density.js

@@ -1,4 +1,10 @@
-const DensityValues = ["high", "medium", "low", "touch"];
+const DensityValues = [
+  "high",
+  "medium",
+  "low",
+  "touch",
+  "mobile"
+];
 
 export { DensityValues };
 //# sourceMappingURL=Density.js.map

package/dist-es/theme/Density.js.map

@@ -1 +1 @@
-{"version":3,"file":"Density.js","sources":["../src/theme/Density.ts"],"sourcesContent":["export const DensityValues = [\"high\", \"medium\", \"low\", \"touch\"] as const;\n\nexport type Density = (typeof DensityValues)[number];\n"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB,CAAC,MAAA,EAAQ,QAAA,EAAU,OAAO,OAAO;;;;"}
+{"version":3,"file":"Density.js","sources":["../src/theme/Density.ts"],"sourcesContent":["export const DensityValues = [\n  \"high\",\n  \"medium\",\n  \"low\",\n  \"touch\",\n  \"mobile\",\n] as const;\n\nexport type Density = (typeof DensityValues)[number];\n"],"names":[],"mappings":"AAAO,MAAM,aAAA,GAAgB;AAAA,EAC3B,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF;;;;"}

package/dist-types/drawer/Drawer.d.ts

@@ -15,7 +15,7 @@ export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Change background color palette
      */
-    variant?: "primary" | "secondary";
+    variant?: "primary" | "secondary" | "tertiary";
     /**
      * Prevent the dialog closing on click away
      * */

package/dist-types/index.d.ts

@@ -58,6 +58,7 @@ export * from "./status-adornment";
 export * from "./status-indicator";
 export * from "./stepper";
 export * from "./switch";
+export * from "./table";
 export * from "./tag";
 export * from "./text";
 export * from "./theme";

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -23,7 +23,7 @@ export interface ThemeContextProps {
     /** @deprecated use `actionFont` */
     UNSTABLE_actionFont: ActionFont;
 }
-export declare const DensityContext: import("react").Context<"touch" | "high" | "low" | "medium">;
+export declare const DensityContext: import("react").Context<"touch" | "high" | "low" | "medium" | "mobile">;
 export declare const ThemeContext: import("react").Context<ThemeContextProps>;
 export declare const BreakpointContext: import("react").Context<Breakpoints>;
 type ThemeNextOnlyAttributes = "accent" | "corner" | "actionFont" | "headingFont";

package/dist-types/salt-provider/ThemeApplicator.d.ts

@@ -9,7 +9,7 @@ export interface ThemeApplicatorProps {
      */
     applyClassesTo: "root" | "scope" | "child";
     /**
-     * Either "high", "medium", "low" or "touch".
+     * Either "high", "medium", "low", "touch" or "mobile".
      * Determines the amount of content that can fit on a screen based on the size and spacing of components.
      * Refer to [density](https://www.saltdesignsystem.com/salt/foundations/density) doc for more detail.
      *

package/dist-types/semantic-icon-provider/SemanticIconProvider.d.ts

@@ -23,6 +23,9 @@ export interface SemanticIconMap {
     CompletedIcon: ElementType;
     LockedIcon: ElementType;
     InProgressIcon: ElementType;
+    RatingIcon: ElementType;
+    RatingSelectedIcon: ElementType;
+    RatingUnselectingIcon: ElementType;
     ErrorStatusAdornment: ElementType;
     WarningStatusAdornment: ElementType;
     SuccessStatusAdornment: ElementType;

package/dist-types/table/TBody.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TBodyProps extends ComponentPropsWithoutRef<"tbody"> {
+}
+export declare const TBody: import("react").ForwardRefExoticComponent<TBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TD.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TDProps extends ComponentPropsWithoutRef<"td"> {
+    /**
+     * Specifies the alignment of the text within the `TD`.
+     *
+     * @default "left"
+     */
+    textAlign?: "left" | "right";
+}
+export declare const TD: import("react").ForwardRefExoticComponent<TDProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/TFoot.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TFootProps extends ComponentPropsWithoutRef<"tfoot"> {
+    /**
+     * If footer is positioned with sticky styling.
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Divider styling variant. Defaults to "primary";
+     * @default primary
+     */
+    divider?: "primary" | "secondary" | "tertiary" | "none";
+    /**
+     * Styling variant for footer.
+     * If undefined, will match variant of parent Table component's variant.
+     * @default undefined
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export declare const TFoot: import("react").ForwardRefExoticComponent<TFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TH.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface THProps extends ComponentPropsWithoutRef<"th"> {
+    /**
+     * Specifies the alignment of the text within the `TH`.
+     *
+     * @default "left"
+     */
+    textAlign?: "left" | "right";
+}
+export declare const TH: import("react").ForwardRefExoticComponent<THProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/THead.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface THeadProps extends ComponentPropsWithoutRef<"thead"> {
+    /**
+     * If header is positioned with sticky styling.
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Divider styling variant. Defaults to "primary";
+     * @default primary
+     */
+    divider?: "primary" | "secondary" | "tertiary" | "none";
+    /**
+     * Styling variant for header.
+     * If undefined, will match variant of parent Table component's variant.
+     * @default undefined
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export declare const THead: import("react").ForwardRefExoticComponent<THeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TR.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TRProps extends ComponentPropsWithoutRef<"tr"> {
+}
+export declare const TR: import("react").ForwardRefExoticComponent<TRProps & import("react").RefAttributes<HTMLTableRowElement>>;