@mantine/core 7.0.0-alpha.9 → 7.0.0-beta.1

package/cjs/components/Switch/SwitchGroup.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchGroup.context.js","sources":["../../../src/components/Switch/SwitchGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { MantineSize } from '../../core';\n\ninterface SwitchGroupContextValue {\n  value: string[];\n  onChange(event: React.ChangeEvent<HTMLInputElement>): void;\n  size: MantineSize | (string & {}) | undefined;\n}\n\nconst SwitchGroupContext = createContext<SwitchGroupContextValue | null>(null);\nexport const SwitchGroupProvider = SwitchGroupContext.Provider;\nexport const useSwitchGroupContext = () => useContext(SwitchGroupContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AASA,MAAM,kBAAkB,GAAGA,mBAAa,CAAiC,IAAI,CAAC,CAAC;MAClE,mBAAmB,GAAG,kBAAkB,CAAC,SAAS;MAClD,qBAAqB,GAAG,MAAMC,gBAAU,CAAC,kBAAkB;;;;;"}
+{"version":3,"file":"SwitchGroup.context.js","sources":["../../../src/components/Switch/SwitchGroup.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { MantineSize } from '../../core';\n\ninterface SwitchGroupContextValue {\n  value: string[];\n  onChange(event: React.ChangeEvent<HTMLInputElement>): void;\n  size: MantineSize | (string & {}) | undefined;\n}\n\nconst SwitchGroupContext = createContext<SwitchGroupContextValue | null>(null);\nexport const SwitchGroupProvider = SwitchGroupContext.Provider;\nexport const useSwitchGroupContext = () => useContext(SwitchGroupContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACA,MAAM,kBAAkB,GAAGA,mBAAa,CAAC,IAAI,CAAC,CAAC;AACnC,MAAC,mBAAmB,GAAG,kBAAkB,CAAC,SAAS;AACnD,MAAC,qBAAqB,GAAG,MAAMC,gBAAU,CAAC,kBAAkB;;;;;"}

package/cjs/components/Table/Table.components.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Table_context = require('./Table.context.js');
+var Table_module = require('./Table.module.css.js');
 var factory = require('../../core/factory/factory.js');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
 var Box = require('../../core/Box/Box.js');
@@ -13,50 +13,85 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function getDataAttributes(ctx, options) {
-    if (!options) {
-        return undefined;
-    }
-    const data = {};
-    if (options.columnBorder && ctx.withColumnBorders) {
-        data['data-with-column-border'] = true;
-    }
-    if (options.rowBorder && ctx.withRowBorders) {
-        data['data-with-row-border'] = true;
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    if (options.striped && ctx.striped) {
-        data['data-striped'] = ctx.striped;
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-    if (options.highlightOnHover && ctx.highlightOnHover) {
-        data['data-hover'] = true;
-    }
-    if (options.captionSide && ctx.captionSide) {
-        data['data-side'] = ctx.captionSide;
-    }
-    return data;
+  return target;
+};
+function getDataAttributes(ctx, options) {
+  if (!options) {
+    return void 0;
+  }
+  const data = {};
+  if (options.columnBorder && ctx.withColumnBorders) {
+    data["data-with-column-border"] = true;
+  }
+  if (options.rowBorder && ctx.withRowBorders) {
+    data["data-with-row-border"] = true;
+  }
+  if (options.striped && ctx.striped) {
+    data["data-striped"] = ctx.striped;
+  }
+  if (options.highlightOnHover && ctx.highlightOnHover) {
+    data["data-hover"] = true;
+  }
+  if (options.captionSide && ctx.captionSide) {
+    data["data-side"] = ctx.captionSide;
+  }
+  return data;
 }
 function tableElement(element, options) {
-    const name = `Table${element.charAt(0).toUpperCase()}${element.slice(1)}`;
-    const Component = factory.factory((_props, ref) => {
-        const props = useProps.useProps(name, {}, _props);
-        const { classNames, className, style, styles, unstyled } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled"]);
-        const ctx = Table_context.useTableContext();
-        return (React__default.createElement(Box.Box, Object.assign({ component: element, ref: ref }, getDataAttributes(ctx, options), ctx.getStyles(element, { className, classNames, style, styles, props }), others)));
-    });
-    Component.displayName = `@mantine/core/${name}`;
-    return Component;
+  const name = `Table${element.charAt(0).toUpperCase()}${element.slice(1)}`;
+  const Component = factory.factory((_props, ref) => {
+    const props = useProps.useProps(name, {}, _props);
+    const _a = props, { classNames, className, style, styles, unstyled } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled"]);
+    const ctx = Table_context.useTableContext();
+    return /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadValues(__spreadValues(__spreadValues({
+        component: element,
+        ref
+      }, getDataAttributes(ctx, options)), ctx.getStyles(element, { className, classNames, style, styles, props })), others)
+    );
+  });
+  Component.displayName = `@mantine/core/${name}`;
+  Component.classes = Table_module['default'];
+  return Component;
 }
-const TableTh = tableElement('th', { columnBorder: true });
-const TableTd = tableElement('td', { columnBorder: true });
-const TableTr = tableElement('tr', {
-    rowBorder: true,
-    striped: true,
-    highlightOnHover: true,
+const TableTh = tableElement("th", { columnBorder: true });
+const TableTd = tableElement("td", { columnBorder: true });
+const TableTr = tableElement("tr", {
+  rowBorder: true,
+  striped: true,
+  highlightOnHover: true
 });
-const TableThead = tableElement('thead');
-const TableTbody = tableElement('tbody');
-const TableTfoot = tableElement('tfoot');
-const TableCaption = tableElement('caption', { captionSide: true });
+const TableThead = tableElement("thead");
+const TableTbody = tableElement("tbody");
+const TableTfoot = tableElement("tfoot");
+const TableCaption = tableElement("caption", { captionSide: true });
 
 exports.TableCaption = TableCaption;
 exports.TableTbody = TableTbody;

package/cjs/components/Table/Table.components.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.components.js","sources":["../../../src/components/Table/Table.components.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  ElementProps,\n  factory,\n  useProps,\n  FactoryPayload,\n  Factory,\n} from '../../core';\nimport { useTableContext, TableContextValue } from './Table.context';\nimport type { TableFactory } from './Table';\n\nexport interface TableElementProps<Selector extends string>\n  extends BoxProps,\n    StylesApiProps<Omit<TableFactory, 'stylesNames'> & { stylesNames: Selector }> {}\n\nexport interface TableThProps extends TableElementProps<'th'>, ElementProps<'th'> {}\nexport interface TableTdProps extends TableElementProps<'td'>, ElementProps<'td'> {}\nexport interface TableTrProps extends TableElementProps<'tr'>, ElementProps<'tr'> {}\nexport interface TableTheadProps extends TableElementProps<'thead'>, ElementProps<'thead'> {}\nexport interface TableTbodyProps extends TableElementProps<'tbody'>, ElementProps<'tbody'> {}\nexport interface TableTfootProps extends TableElementProps<'tfoot'>, ElementProps<'tfoot'> {}\nexport interface TableCaptionProps extends TableElementProps<'caption'>, ElementProps<'caption'> {}\n\nexport type TableThFactory = Factory<{\n  props: TableThProps;\n  ref: HTMLTableCellElement;\n  stylesNames: 'th';\n  compound: true;\n}>;\n\nexport type TableTdFactory = Factory<{\n  props: TableTdProps;\n  ref: HTMLTableCellElement;\n  stylesNames: 'td';\n  compound: true;\n}>;\n\nexport type TableTrFactory = Factory<{\n  props: TableTrProps;\n  ref: HTMLTableRowElement;\n  stylesNames: 'tr';\n  compound: true;\n}>;\n\nexport type TableTheadFactory = Factory<{\n  props: TableTheadProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'thead';\n  compound: true;\n}>;\n\nexport type TableTbodyFactory = Factory<{\n  props: TableTbodyProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'tbody';\n  compound: true;\n}>;\n\nexport type TableTfootFactory = Factory<{\n  props: TableTfootProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'tfoot';\n  compound: true;\n}>;\n\nexport type TableCaptionFactory = Factory<{\n  props: TableCaptionProps;\n  ref: HTMLTableCaptionElement;\n  stylesNames: 'caption';\n  compound: true;\n}>;\n\ninterface TableElementOptions {\n  columnBorder?: true;\n  rowBorder?: true;\n  striped?: true;\n  highlightOnHover?: true;\n  captionSide?: true;\n}\n\nfunction getDataAttributes(ctx: TableContextValue, options?: TableElementOptions) {\n  if (!options) {\n    return undefined;\n  }\n\n  const data: Record<string, boolean | string> = {};\n\n  if (options.columnBorder && ctx.withColumnBorders) {\n    data['data-with-column-border'] = true;\n  }\n\n  if (options.rowBorder && ctx.withRowBorders) {\n    data['data-with-row-border'] = true;\n  }\n\n  if (options.striped && ctx.striped) {\n    data['data-striped'] = ctx.striped;\n  }\n\n  if (options.highlightOnHover && ctx.highlightOnHover) {\n    data['data-hover'] = true;\n  }\n\n  if (options.captionSide && ctx.captionSide) {\n    data['data-side'] = ctx.captionSide;\n  }\n\n  return data;\n}\n\nexport function tableElement<Factory extends FactoryPayload>(\n  element: 'th' | 'td' | 'tr' | 'thead' | 'tbody' | 'tfoot' | 'caption',\n  options?: TableElementOptions\n) {\n  const name = `Table${element.charAt(0).toUpperCase()}${element.slice(1)}`;\n  const Component = factory<Factory>((_props, ref) => {\n    const props = useProps(name, {}, _props);\n    const { classNames, className, style, styles, unstyled, ...others } = props;\n\n    const ctx = useTableContext();\n\n    return (\n      <Box\n        component={element}\n        ref={ref}\n        {...getDataAttributes(ctx, options)}\n        {...ctx.getStyles(element, { className, classNames, style, styles, props })}\n        {...others}\n      />\n    );\n  });\n\n  Component.displayName = `@mantine/core/${name}`;\n  return Component;\n}\n\nexport const TableTh = tableElement<TableThFactory>('th', { columnBorder: true });\nexport const TableTd = tableElement<TableTdFactory>('td', { columnBorder: true });\nexport const TableTr = tableElement<TableTrFactory>('tr', {\n  rowBorder: true,\n  striped: true,\n  highlightOnHover: true,\n});\nexport const TableThead = tableElement<TableTheadFactory>('thead');\nexport const TableTbody = tableElement<TableTbodyFactory>('tbody');\nexport const TableTfoot = tableElement<TableTfootFactory>('tfoot');\nexport const TableCaption = tableElement<TableCaptionFactory>('caption', { captionSide: true });\n"],"names":["factory","useProps","useTableContext","React","Box"],"mappings":";;;;;;;;;;;;;;;AAmFA,SAAS,iBAAiB,CAAC,GAAsB,EAAE,OAA6B;IAC9E,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,IAAI,GAAqC,EAAE,CAAC;IAElD,IAAI,OAAO,CAAC,YAAY,IAAI,GAAG,CAAC,iBAAiB,EAAE;QACjD,IAAI,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;KACxC;IAED,IAAI,OAAO,CAAC,SAAS,IAAI,GAAG,CAAC,cAAc,EAAE;QAC3C,IAAI,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAC;KACrC;IAED,IAAI,OAAO,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE;QAClC,IAAI,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;KACpC;IAED,IAAI,OAAO,CAAC,gBAAgB,IAAI,GAAG,CAAC,gBAAgB,EAAE;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC;KAC3B;IAED,IAAI,OAAO,CAAC,WAAW,IAAI,GAAG,CAAC,WAAW,EAAE;QAC1C,IAAI,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,WAAW,CAAC;KACrC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;SAEe,YAAY,CAC1B,OAAqE,EACrE,OAA6B;IAE7B,MAAM,IAAI,GAAG,QAAQ,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,MAAM,SAAS,GAAGA,eAAO,CAAU,CAAC,MAAM,EAAE,GAAG;QAC7C,MAAM,KAAK,GAAGC,iBAAQ,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACzC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAArE,0DAA6D,CAAQ,CAAC;QAE5E,MAAM,GAAG,GAAGC,6BAAe,EAAE,CAAC;QAE9B,QACEC,6BAACC,OAAG,kBACF,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,IACJ,iBAAiB,CAAC,GAAG,EAAE,OAAO,CAAC,EAC/B,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EACvE,MAAM,EACV,EACF;KACH,CAAC,CAAC;IAEH,SAAS,CAAC,WAAW,GAAG,iBAAiB,IAAI,EAAE,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC;MAEY,OAAO,GAAG,YAAY,CAAiB,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;MACrE,OAAO,GAAG,YAAY,CAAiB,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE;MACrE,OAAO,GAAG,YAAY,CAAiB,IAAI,EAAE;IACxD,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;IACb,gBAAgB,EAAE,IAAI;CACvB,EAAE;MACU,UAAU,GAAG,YAAY,CAAoB,OAAO,EAAE;MACtD,UAAU,GAAG,YAAY,CAAoB,OAAO,EAAE;MACtD,UAAU,GAAG,YAAY,CAAoB,OAAO,EAAE;MACtD,YAAY,GAAG,YAAY,CAAsB,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;;;;;;;;;;;"}
+{"version":3,"file":"Table.components.js","sources":["../../../src/components/Table/Table.components.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  ElementProps,\n  factory,\n  useProps,\n  FactoryPayload,\n  Factory,\n} from '../../core';\nimport { useTableContext, TableContextValue } from './Table.context';\nimport type { TableFactory } from './Table';\nimport classes from './Table.module.css';\n\nexport interface TableElementProps<Selector extends string>\n  extends BoxProps,\n    StylesApiProps<Omit<TableFactory, 'stylesNames'> & { stylesNames: Selector }> {}\n\nexport interface TableThProps extends TableElementProps<'th'>, ElementProps<'th'> {}\nexport interface TableTdProps extends TableElementProps<'td'>, ElementProps<'td'> {}\nexport interface TableTrProps extends TableElementProps<'tr'>, ElementProps<'tr'> {}\nexport interface TableTheadProps extends TableElementProps<'thead'>, ElementProps<'thead'> {}\nexport interface TableTbodyProps extends TableElementProps<'tbody'>, ElementProps<'tbody'> {}\nexport interface TableTfootProps extends TableElementProps<'tfoot'>, ElementProps<'tfoot'> {}\nexport interface TableCaptionProps extends TableElementProps<'caption'>, ElementProps<'caption'> {}\n\nexport type TableThFactory = Factory<{\n  props: TableThProps;\n  ref: HTMLTableCellElement;\n  stylesNames: 'th';\n  compound: true;\n}>;\n\nexport type TableTdFactory = Factory<{\n  props: TableTdProps;\n  ref: HTMLTableCellElement;\n  stylesNames: 'td';\n  compound: true;\n}>;\n\nexport type TableTrFactory = Factory<{\n  props: TableTrProps;\n  ref: HTMLTableRowElement;\n  stylesNames: 'tr';\n  compound: true;\n}>;\n\nexport type TableTheadFactory = Factory<{\n  props: TableTheadProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'thead';\n  compound: true;\n}>;\n\nexport type TableTbodyFactory = Factory<{\n  props: TableTbodyProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'tbody';\n  compound: true;\n}>;\n\nexport type TableTfootFactory = Factory<{\n  props: TableTfootProps;\n  ref: HTMLTableSectionElement;\n  stylesNames: 'tfoot';\n  compound: true;\n}>;\n\nexport type TableCaptionFactory = Factory<{\n  props: TableCaptionProps;\n  ref: HTMLTableCaptionElement;\n  stylesNames: 'caption';\n  compound: true;\n}>;\n\ninterface TableElementOptions {\n  columnBorder?: true;\n  rowBorder?: true;\n  striped?: true;\n  highlightOnHover?: true;\n  captionSide?: true;\n}\n\nfunction getDataAttributes(ctx: TableContextValue, options?: TableElementOptions) {\n  if (!options) {\n    return undefined;\n  }\n\n  const data: Record<string, boolean | string> = {};\n\n  if (options.columnBorder && ctx.withColumnBorders) {\n    data['data-with-column-border'] = true;\n  }\n\n  if (options.rowBorder && ctx.withRowBorders) {\n    data['data-with-row-border'] = true;\n  }\n\n  if (options.striped && ctx.striped) {\n    data['data-striped'] = ctx.striped;\n  }\n\n  if (options.highlightOnHover && ctx.highlightOnHover) {\n    data['data-hover'] = true;\n  }\n\n  if (options.captionSide && ctx.captionSide) {\n    data['data-side'] = ctx.captionSide;\n  }\n\n  return data;\n}\n\nexport function tableElement<Factory extends FactoryPayload>(\n  element: 'th' | 'td' | 'tr' | 'thead' | 'tbody' | 'tfoot' | 'caption',\n  options?: TableElementOptions\n) {\n  const name = `Table${element.charAt(0).toUpperCase()}${element.slice(1)}`;\n  const Component = factory<Factory>((_props, ref) => {\n    const props = useProps(name, {}, _props);\n    const { classNames, className, style, styles, unstyled, ...others } = props;\n\n    const ctx = useTableContext();\n\n    return (\n      <Box\n        component={element}\n        ref={ref}\n        {...getDataAttributes(ctx, options)}\n        {...ctx.getStyles(element, { className, classNames, style, styles, props })}\n        {...others}\n      />\n    );\n  });\n\n  Component.displayName = `@mantine/core/${name}`;\n  Component.classes = classes;\n  return Component;\n}\n\nexport const TableTh = tableElement<TableThFactory>('th', { columnBorder: true });\nexport const TableTd = tableElement<TableTdFactory>('td', { columnBorder: true });\nexport const TableTr = tableElement<TableTrFactory>('tr', {\n  rowBorder: true,\n  striped: true,\n  highlightOnHover: true,\n});\nexport const TableThead = tableElement<TableTheadFactory>('thead');\nexport const TableTbody = tableElement<TableTbodyFactory>('tbody');\nexport const TableTfoot = tableElement<TableTfootFactory>('tfoot');\nexport const TableCaption = tableElement<TableCaptionFactory>('caption', { captionSide: true });\n"],"names":["factory","useProps","useTableContext","React","Box","classes"],"mappings":"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"}

package/cjs/components/Table/Table.context.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
 
-const [TableProvider, useTableContext] = createSafeContext.createSafeContext('Table component was not found in the tree');
+const [TableProvider, useTableContext] = createSafeContext.createSafeContext(
+  "Table component was not found in the tree"
+);
 
 exports.TableProvider = TableProvider;
 exports.useTableContext = useTableContext;

package/cjs/components/Table/Table.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.context.js","sources":["../../../src/components/Table/Table.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { TableFactory } from './Table';\n\nexport interface TableContextValue {\n  getStyles: GetStylesApi<TableFactory>;\n  striped: 'odd' | 'even' | undefined;\n  highlightOnHover: boolean | undefined;\n  withColumnBorders: boolean | undefined;\n  withRowBorders: boolean | undefined;\n  captionSide: 'top' | 'bottom';\n}\n\nexport const [TableProvider, useTableContext] = createSafeContext<TableContextValue>(\n  'Table component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;MAYa,CAAC,aAAa,EAAE,eAAe,CAAC,GAAGA,mCAAiB,CAC/D,2CAA2C;;;;;"}
+{"version":3,"file":"Table.context.js","sources":["../../../src/components/Table/Table.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { TableFactory } from './Table';\n\nexport interface TableContextValue {\n  getStyles: GetStylesApi<TableFactory>;\n  striped: 'odd' | 'even' | undefined;\n  highlightOnHover: boolean | undefined;\n  withColumnBorders: boolean | undefined;\n  withRowBorders: boolean | undefined;\n  captionSide: 'top' | 'bottom';\n}\n\nexport const [TableProvider, useTableContext] = createSafeContext<TableContextValue>(\n  'Table component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,aAAa,EAAE,eAAe,CAAC,GAAGA,mCAAiB;AACjE,EAAE,2CAA2C;AAC7C;;;;;"}

package/cjs/components/Table/Table.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Table_components = require('./Table.components.js');
+var TableScrollContainer = require('./TableScrollContainer.js');
 var Table_context = require('./Table.context.js');
 var Table_module = require('./Table.module.css.js');
 var factory = require('../../core/factory/factory.js');
@@ -19,52 +19,144 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    captionSide: 'bottom',
-    withRowBorders: true,
-    verticalSpacing: 7,
-    horizontalSpacing: 'xs',
+  captionSide: "bottom",
+  withRowBorders: true,
+  verticalSpacing: 7,
+  horizontalSpacing: "xs"
 };
-const varsResolver = createVarsResolver.createVarsResolver((theme, { layout, captionSide, horizontalSpacing, verticalSpacing, borderColor, stripedColor, highlightOnHoverColor, striped, highlightOnHover, }) => ({
+const varsResolver = createVarsResolver.createVarsResolver(
+  (theme, {
+    layout,
+    captionSide,
+    horizontalSpacing,
+    verticalSpacing,
+    borderColor,
+    stripedColor,
+    highlightOnHoverColor,
+    striped,
+    highlightOnHover
+  }) => ({
     table: {
-        '--table-layout': layout,
-        '--table-caption-side': captionSide,
-        '--table-horizontal-spacing': getSize.getSpacing(horizontalSpacing),
-        '--table-vertical-spacing': getSize.getSpacing(verticalSpacing),
-        '--table-border-color': borderColor ? getThemeColor.getThemeColor(borderColor, theme) : undefined,
-        '--table-striped-color': striped && stripedColor ? getThemeColor.getThemeColor(stripedColor, theme) : undefined,
-        '--table-highlight-on-hover-color': highlightOnHover && highlightOnHoverColor
-            ? getThemeColor.getThemeColor(highlightOnHoverColor, theme)
-            : undefined,
-    },
-}));
+      "--table-layout": layout,
+      "--table-caption-side": captionSide,
+      "--table-horizontal-spacing": getSize.getSpacing(horizontalSpacing),
+      "--table-vertical-spacing": getSize.getSpacing(verticalSpacing),
+      "--table-border-color": borderColor ? getThemeColor.getThemeColor(borderColor, theme) : void 0,
+      "--table-striped-color": striped && stripedColor ? getThemeColor.getThemeColor(stripedColor, theme) : void 0,
+      "--table-highlight-on-hover-color": highlightOnHover && highlightOnHoverColor ? getThemeColor.getThemeColor(highlightOnHoverColor, theme) : void 0
+    }
+  })
+);
 const Table = factory.factory((_props, ref) => {
-    const props = useProps.useProps('Table', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, horizontalSpacing, verticalSpacing, captionSide, stripedColor, highlightOnHoverColor, striped, highlightOnHover, withColumnBorders, withRowBorders, withTableBorder, borderColor, layout, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "horizontalSpacing", "verticalSpacing", "captionSide", "stripedColor", "highlightOnHoverColor", "striped", "highlightOnHover", "withColumnBorders", "withRowBorders", "withTableBorder", "borderColor", "layout", "variant"]);
-    const getStyles = useStyles.useStyles({
-        name: 'Table',
-        props,
-        className,
-        style,
-        classes: Table_module['default'],
-        classNames,
-        styles,
-        unstyled,
-        rootSelector: 'table',
-        vars,
-        varsResolver,
-    });
-    return (React__default.createElement(Table_context.TableProvider, { value: {
-            getStyles,
-            striped: striped === true ? 'odd' : striped || undefined,
-            highlightOnHover,
-            withColumnBorders,
-            withRowBorders,
-            captionSide: captionSide || 'bottom',
-        } },
-        React__default.createElement(Box.Box, Object.assign({ component: "table", variant: variant, ref: ref, mod: { 'data-with-table-border': withTableBorder } }, getStyles('table'), others))));
+  const props = useProps.useProps("Table", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    horizontalSpacing,
+    verticalSpacing,
+    captionSide,
+    stripedColor,
+    highlightOnHoverColor,
+    striped,
+    highlightOnHover,
+    withColumnBorders,
+    withRowBorders,
+    withTableBorder,
+    borderColor,
+    layout,
+    variant
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "horizontalSpacing",
+    "verticalSpacing",
+    "captionSide",
+    "stripedColor",
+    "highlightOnHoverColor",
+    "striped",
+    "highlightOnHover",
+    "withColumnBorders",
+    "withRowBorders",
+    "withTableBorder",
+    "borderColor",
+    "layout",
+    "variant"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "Table",
+    props,
+    className,
+    style,
+    classes: Table_module['default'],
+    classNames,
+    styles,
+    unstyled,
+    rootSelector: "table",
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Table_context.TableProvider,
+    {
+      value: {
+        getStyles,
+        striped: striped === true ? "odd" : striped || void 0,
+        highlightOnHover,
+        withColumnBorders,
+        withRowBorders,
+        captionSide: captionSide || "bottom"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadValues(__spreadValues({
+        component: "table",
+        variant,
+        ref,
+        mod: { "data-with-table-border": withTableBorder }
+      }, getStyles("table")), others)
+    )
+  );
 });
-Table.displayName = '@mantine/core/Table';
+Table.classes = Table_module['default'];
+Table.displayName = "@mantine/core/Table";
 Table.Td = Table_components.TableTd;
 Table.Th = Table_components.TableTh;
 Table.Tr = Table_components.TableTr;
@@ -72,6 +164,7 @@ Table.Thead = Table_components.TableThead;
 Table.Tbody = Table_components.TableTbody;
 Table.Tfoot = Table_components.TableTfoot;
 Table.Caption = Table_components.TableCaption;
+Table.ScrollContainer = TableScrollContainer.TableScrollContainer;
 
 exports.Table = Table;
 //# sourceMappingURL=Table.js.map

package/cjs/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSpacing,\n  getSpacing,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport {\n  TableCaption,\n  TableTbody,\n  TableTd,\n  TableTfoot,\n  TableTh,\n  TableTr,\n  TableThead,\n} from './Table.components';\nimport { TableProvider } from './Table.context';\nimport classes from './Table.module.css';\n\nexport type TableStylesNames =\n  | 'table'\n  | 'thead'\n  | 'tbody'\n  | 'tfoot'\n  | 'tr'\n  | 'th'\n  | 'td'\n  | 'caption';\n\nexport type TableVariant = string;\nexport type TableCssVariables = {\n  table:\n    | '--table-layout'\n    | '--table-border-color'\n    | '--table-caption-side'\n    | '--table-horizontal-spacing'\n    | '--table-vertical-spacing'\n    | '--table-striped-color'\n    | '--table-highlight-on-hover-color';\n};\n\nexport interface TableProps extends BoxProps, StylesApiProps<TableFactory>, ElementProps<'table'> {\n  /** Value of `table-layout` style, `auto` by default */\n  layout?: React.CSSProperties['tableLayout'];\n\n  /** Determines on which side `Table.Caption` is displayed, `bottom` by default */\n  captionSide?: 'top' | 'bottom';\n\n  /** Color of table borders, key of `theme.colors` or any valid CSS color */\n  borderColor?: MantineColor;\n\n  /** Determines whether the table should have outer border, `false` by default */\n  withTableBorder?: boolean;\n\n  /** Determines whether the table should have borders between columns, `false` by default */\n  withColumnBorders?: boolean;\n\n  /** Determines whether the table should have borders between rows, `true` by default */\n  withRowBorders?: boolean;\n\n  /** Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem, default value is `xs` */\n  horizontalSpacing?: MantineSpacing | number | (string & {});\n\n  /** Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem, default value is `xs` */\n  verticalSpacing?: MantineSpacing | number | (string & {});\n\n  /** Determines whether every odd/even row background should be changed to `strippedColor`, if set to `true`, then `odd` value will be used, `false` by default  */\n  striped?: boolean | 'odd' | 'even';\n\n  /** Background color of striped rows, key of `theme.colors` or any valid CSS color */\n  stripedColor?: MantineColor;\n\n  /** Determines whether table rows background should change to `highlightOnHoverColor` when hovered, `false` by default */\n  highlightOnHover?: boolean;\n\n  /** Background color of table rows when hovered, key of `theme.colors` or any valid CSS color */\n  highlightOnHoverColor?: MantineColor;\n}\n\nexport type TableFactory = Factory<{\n  props: TableProps;\n  ref: HTMLTableElement;\n  stylesNames: TableStylesNames;\n  vars: TableCssVariables;\n  staticComponents: {\n    Thead: typeof TableThead;\n    Tbody: typeof TableTbody;\n    Tfoot: typeof TableTfoot;\n    Td: typeof TableTd;\n    Th: typeof TableTh;\n    Tr: typeof TableTr;\n    Caption: typeof TableCaption;\n  };\n}>;\n\nconst defaultProps: Partial<TableProps> = {\n  captionSide: 'bottom',\n  withRowBorders: true,\n  verticalSpacing: 7,\n  horizontalSpacing: 'xs',\n};\n\nconst varsResolver = createVarsResolver<TableFactory>(\n  (\n    theme,\n    {\n      layout,\n      captionSide,\n      horizontalSpacing,\n      verticalSpacing,\n      borderColor,\n      stripedColor,\n      highlightOnHoverColor,\n      striped,\n      highlightOnHover,\n    }\n  ) => ({\n    table: {\n      '--table-layout': layout,\n      '--table-caption-side': captionSide,\n      '--table-horizontal-spacing': getSpacing(horizontalSpacing),\n      '--table-vertical-spacing': getSpacing(verticalSpacing),\n      '--table-border-color': borderColor ? getThemeColor(borderColor, theme) : undefined,\n      '--table-striped-color':\n        striped && stripedColor ? getThemeColor(stripedColor, theme) : undefined,\n      '--table-highlight-on-hover-color':\n        highlightOnHover && highlightOnHoverColor\n          ? getThemeColor(highlightOnHoverColor, theme)\n          : undefined,\n    },\n  })\n);\n\nexport const Table = factory<TableFactory>((_props, ref) => {\n  const props = useProps('Table', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    horizontalSpacing,\n    verticalSpacing,\n    captionSide,\n    stripedColor,\n    highlightOnHoverColor,\n    striped,\n    highlightOnHover,\n    withColumnBorders,\n    withRowBorders,\n    withTableBorder,\n    borderColor,\n    layout,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<TableFactory>({\n    name: 'Table',\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'table',\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <TableProvider\n      value={{\n        getStyles,\n        striped: striped === true ? 'odd' : striped || undefined,\n        highlightOnHover,\n        withColumnBorders,\n        withRowBorders,\n        captionSide: captionSide || 'bottom',\n      }}\n    >\n      <Box\n        component=\"table\"\n        variant={variant}\n        ref={ref}\n        mod={{ 'data-with-table-border': withTableBorder }}\n        {...getStyles('table')}\n        {...others}\n      />\n    </TableProvider>\n  );\n});\n\nTable.displayName = '@mantine/core/Table';\nTable.Td = TableTd;\nTable.Th = TableTh;\nTable.Tr = TableTr;\nTable.Thead = TableThead;\nTable.Tbody = TableTbody;\nTable.Tfoot = TableTfoot;\nTable.Caption = TableCaption;\n"],"names":["createVarsResolver","getSpacing","getThemeColor","factory","useProps","useStyles","classes","React","TableProvider","Box","TableTd","TableTh","TableTr","TableThead","TableTbody","TableTfoot","TableCaption"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwGA,MAAM,YAAY,GAAwB;IACxC,WAAW,EAAE,QAAQ;IACrB,cAAc,EAAE,IAAI;IACpB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CACrC,CACE,KAAK,EACL,EACE,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,OAAO,EACP,gBAAgB,GACjB,MACG;IACJ,KAAK,EAAE;QACL,gBAAgB,EAAE,MAAM;QACxB,sBAAsB,EAAE,WAAW;QACnC,4BAA4B,EAAEC,kBAAU,CAAC,iBAAiB,CAAC;QAC3D,0BAA0B,EAAEA,kBAAU,CAAC,eAAe,CAAC;QACvD,sBAAsB,EAAE,WAAW,GAAGC,2BAAa,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS;QACnF,uBAAuB,EACrB,OAAO,IAAI,YAAY,GAAGA,2BAAa,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,SAAS;QAC1E,kCAAkC,EAChC,gBAAgB,IAAI,qBAAqB;cACrCA,2BAAa,CAAC,qBAAqB,EAAE,KAAK,CAAC;cAC3C,SAAS;KAChB;CACF,CAAC,CACH,CAAC;MAEW,KAAK,GAAGC,eAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,YAAY,EACZ,qBAAqB,EACrB,OAAO,EACP,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,WAAW,EACX,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,MAAM,gBACP,KAAK,EArBH,+RAqBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;QACL,SAAS;QACT,KAAK;iBACLC,uBAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,OAAO;QACrB,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,2BAAa,IACZ,KAAK,EAAE;YACL,SAAS;YACT,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,IAAI,SAAS;YACxD,gBAAgB;YAChB,iBAAiB;YACjB,cAAc;YACd,WAAW,EAAE,WAAW,IAAI,QAAQ;SACrC;QAEDD,6BAACE,OAAG,kBACF,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,wBAAwB,EAAE,eAAe,EAAE,IAC9C,SAAS,CAAC,OAAO,CAAC,EAClB,MAAM,EACV,CACY,EAChB;AACJ,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAC1C,KAAK,CAAC,EAAE,GAAGC,wBAAO,CAAC;AACnB,KAAK,CAAC,EAAE,GAAGC,wBAAO,CAAC;AACnB,KAAK,CAAC,EAAE,GAAGC,wBAAO,CAAC;AACnB,KAAK,CAAC,KAAK,GAAGC,2BAAU,CAAC;AACzB,KAAK,CAAC,KAAK,GAAGC,2BAAU,CAAC;AACzB,KAAK,CAAC,KAAK,GAAGC,2BAAU,CAAC;AACzB,KAAK,CAAC,OAAO,GAAGC,6BAAY;;;;"}
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSpacing,\n  getSpacing,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport {\n  TableCaption,\n  TableTbody,\n  TableTd,\n  TableTfoot,\n  TableTh,\n  TableTr,\n  TableThead,\n} from './Table.components';\nimport { TableScrollContainer } from './TableScrollContainer';\nimport { TableProvider } from './Table.context';\nimport classes from './Table.module.css';\n\nexport type TableStylesNames =\n  | 'table'\n  | 'thead'\n  | 'tbody'\n  | 'tfoot'\n  | 'tr'\n  | 'th'\n  | 'td'\n  | 'caption';\n\nexport type TableCssVariables = {\n  table:\n    | '--table-layout'\n    | '--table-border-color'\n    | '--table-caption-side'\n    | '--table-horizontal-spacing'\n    | '--table-vertical-spacing'\n    | '--table-striped-color'\n    | '--table-highlight-on-hover-color';\n};\n\nexport interface TableProps extends BoxProps, StylesApiProps<TableFactory>, ElementProps<'table'> {\n  /** Value of `table-layout` style, `auto` by default */\n  layout?: React.CSSProperties['tableLayout'];\n\n  /** Determines on which side `Table.Caption` is displayed, `bottom` by default */\n  captionSide?: 'top' | 'bottom';\n\n  /** Color of table borders, key of `theme.colors` or any valid CSS color */\n  borderColor?: MantineColor;\n\n  /** Determines whether the table should have outer border, `false` by default */\n  withTableBorder?: boolean;\n\n  /** Determines whether the table should have borders between columns, `false` by default */\n  withColumnBorders?: boolean;\n\n  /** Determines whether the table should have borders between rows, `true` by default */\n  withRowBorders?: boolean;\n\n  /** Horizontal cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem, default value is `xs` */\n  horizontalSpacing?: MantineSpacing | number | (string & {});\n\n  /** Vertical cells spacing, key of `theme.spacing` or any valid CSS value for padding, numbers are converted to rem, default value is `xs` */\n  verticalSpacing?: MantineSpacing | number | (string & {});\n\n  /** Determines whether every odd/even row background should be changed to `strippedColor`, if set to `true`, then `odd` value will be used, `false` by default  */\n  striped?: boolean | 'odd' | 'even';\n\n  /** Background color of striped rows, key of `theme.colors` or any valid CSS color */\n  stripedColor?: MantineColor;\n\n  /** Determines whether table rows background should change to `highlightOnHoverColor` when hovered, `false` by default */\n  highlightOnHover?: boolean;\n\n  /** Background color of table rows when hovered, key of `theme.colors` or any valid CSS color */\n  highlightOnHoverColor?: MantineColor;\n}\n\nexport type TableFactory = Factory<{\n  props: TableProps;\n  ref: HTMLTableElement;\n  stylesNames: TableStylesNames;\n  vars: TableCssVariables;\n  staticComponents: {\n    Thead: typeof TableThead;\n    Tbody: typeof TableTbody;\n    Tfoot: typeof TableTfoot;\n    Td: typeof TableTd;\n    Th: typeof TableTh;\n    Tr: typeof TableTr;\n    Caption: typeof TableCaption;\n    ScrollContainer: typeof TableScrollContainer;\n  };\n}>;\n\nconst defaultProps: Partial<TableProps> = {\n  captionSide: 'bottom',\n  withRowBorders: true,\n  verticalSpacing: 7,\n  horizontalSpacing: 'xs',\n};\n\nconst varsResolver = createVarsResolver<TableFactory>(\n  (\n    theme,\n    {\n      layout,\n      captionSide,\n      horizontalSpacing,\n      verticalSpacing,\n      borderColor,\n      stripedColor,\n      highlightOnHoverColor,\n      striped,\n      highlightOnHover,\n    }\n  ) => ({\n    table: {\n      '--table-layout': layout,\n      '--table-caption-side': captionSide,\n      '--table-horizontal-spacing': getSpacing(horizontalSpacing),\n      '--table-vertical-spacing': getSpacing(verticalSpacing),\n      '--table-border-color': borderColor ? getThemeColor(borderColor, theme) : undefined,\n      '--table-striped-color':\n        striped && stripedColor ? getThemeColor(stripedColor, theme) : undefined,\n      '--table-highlight-on-hover-color':\n        highlightOnHover && highlightOnHoverColor\n          ? getThemeColor(highlightOnHoverColor, theme)\n          : undefined,\n    },\n  })\n);\n\nexport const Table = factory<TableFactory>((_props, ref) => {\n  const props = useProps('Table', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    horizontalSpacing,\n    verticalSpacing,\n    captionSide,\n    stripedColor,\n    highlightOnHoverColor,\n    striped,\n    highlightOnHover,\n    withColumnBorders,\n    withRowBorders,\n    withTableBorder,\n    borderColor,\n    layout,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<TableFactory>({\n    name: 'Table',\n    props,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'table',\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <TableProvider\n      value={{\n        getStyles,\n        striped: striped === true ? 'odd' : striped || undefined,\n        highlightOnHover,\n        withColumnBorders,\n        withRowBorders,\n        captionSide: captionSide || 'bottom',\n      }}\n    >\n      <Box\n        component=\"table\"\n        variant={variant}\n        ref={ref}\n        mod={{ 'data-with-table-border': withTableBorder }}\n        {...getStyles('table')}\n        {...others}\n      />\n    </TableProvider>\n  );\n});\n\nTable.classes = classes;\nTable.displayName = '@mantine/core/Table';\nTable.Td = TableTd;\nTable.Th = TableTh;\nTable.Tr = TableTr;\nTable.Thead = TableThead;\nTable.Tbody = TableTbody;\nTable.Tfoot = TableTfoot;\nTable.Caption = TableCaption;\nTable.ScrollContainer = TableScrollContainer;\n"],"names":["createVarsResolver","getSpacing","getThemeColor","factory","useProps","useStyles","classes","React","TableProvider","Box","TableTd","TableTh","TableTr","TableThead","TableTbody","TableTfoot","TableCaption","TableScrollContainer"],"mappings":"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"}

package/cjs/components/Table/Table.module.css.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var classes = {"table":"mantine-4pMcfOJ","th":"mantine-3gTtPB9","tr":"mantine-iKGktTN","td":"mantine-2ZfSoeP","tbody":"mantine-z46XZly","caption":"mantine-0faD29m"};
+var classes = {"table":"m-b23fa0ef","th":"m-4e7aa4f3","tr":"m-4e7aa4fd","td":"m-4e7aa4ef","tbody":"m-b2404537","caption":"m-9e5a3ac7","scrollContainer":"m-a100c15","scrollContainerInner":"m-62259741"};
 
 exports.default = classes;
 //# sourceMappingURL=Table.module.css.js.map

package/cjs/components/Table/TableScrollContainer.js

@@ -0,0 +1,109 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Table_module = require('./Table.module.css.js');
+var ScrollArea = require('../ScrollArea/ScrollArea.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var rem = require('../../core/utils/units-converters/rem.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  type: "scrollarea"
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { minWidth, type }) => ({
+  scrollContainer: {
+    "--table-min-width": rem.rem(minWidth),
+    "--table-overflow": type === "native" ? "auto" : void 0
+  }
+}));
+const TableScrollContainer = factory.factory((_props, ref) => {
+  const props = useProps.useProps("TableScrollContainer", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    children,
+    minWidth,
+    type
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "children",
+    "minWidth",
+    "type"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "TableScrollContainer",
+    classes: Table_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver,
+    rootSelector: "scrollContainer"
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadValues(__spreadValues(__spreadProps(__spreadValues({
+      component: type === "scrollarea" ? ScrollArea.ScrollArea : "div"
+    }, type === "scrollarea" ? { offsetScrollbars: "x" } : {}), {
+      ref
+    }), getStyles("scrollContainer")), others),
+    /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("scrollContainerInner")), children)
+  );
+});
+TableScrollContainer.classes = Table_module['default'];
+TableScrollContainer.displayName = "@mantine/core/TableScrollContainer";
+
+exports.TableScrollContainer = TableScrollContainer;
+//# sourceMappingURL=TableScrollContainer.js.map

package/cjs/components/Table/TableScrollContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableScrollContainer.js","sources":["../../../src/components/Table/TableScrollContainer.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  rem,\n} from '../../core';\nimport { ScrollArea } from '../ScrollArea';\nimport classes from './Table.module.css';\n\nexport type TableScrollContainerStylesNames = 'scrollContainer' | 'scrollContainerInner';\nexport type TableScrollContainerCssVariables = {\n  scrollContainer: '--table-min-width' | '--table-overflow';\n};\n\nexport interface TableScrollContainerProps\n  extends BoxProps,\n    StylesApiProps<TableScrollContainerFactory>,\n    ElementProps<'div'> {\n  /** `min-width` of the `Table` at which it should become scrollable */\n  minWidth: React.CSSProperties['minWidth'];\n\n  /** Type of the scroll container, `native` to use native scrollbars, `scrollarea` to use `ScrollArea` component, `scrollarea` by default */\n  type?: 'native' | 'scrollarea';\n}\n\nexport type TableScrollContainerFactory = Factory<{\n  props: TableScrollContainerProps;\n  ref: HTMLDivElement;\n  stylesNames: TableScrollContainerStylesNames;\n  vars: TableScrollContainerCssVariables;\n}>;\n\nconst defaultProps: Partial<TableScrollContainerProps> = {\n  type: 'scrollarea',\n};\n\nconst varsResolver = createVarsResolver<TableScrollContainerFactory>((_, { minWidth, type }) => ({\n  scrollContainer: {\n    '--table-min-width': rem(minWidth),\n    '--table-overflow': type === 'native' ? 'auto' : undefined,\n  },\n}));\n\nexport const TableScrollContainer = factory<TableScrollContainerFactory>((_props, ref) => {\n  const props = useProps('TableScrollContainer', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    minWidth,\n    type,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<TableScrollContainerFactory>({\n    name: 'TableScrollContainer',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    rootSelector: 'scrollContainer',\n  });\n\n  return (\n    <Box<any>\n      component={type === 'scrollarea' ? ScrollArea : 'div'}\n      {...(type === 'scrollarea' ? { offsetScrollbars: 'x' } : {})}\n      ref={ref}\n      {...getStyles('scrollContainer')}\n      {...others}\n    >\n      <div {...getStyles('scrollContainerInner')}>{children}</div>\n    </Box>\n  );\n});\n\nTableScrollContainer.classes = classes;\nTableScrollContainer.displayName = '@mantine/core/TableScrollContainer';\n"],"names":["createVarsResolver","rem","factory","useProps","useStyles","classes","React","Box","ScrollArea"],"mappings":"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"}

package/cjs/components/Tabs/Tabs.context.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var createSafeContext = require('../../core/utils/create-safe-context/create-safe-context.js');
 
-const [TabsProvider, useTabsContext] = createSafeContext.createSafeContext('Tabs component was not found in the tree');
+const [TabsProvider, useTabsContext] = createSafeContext.createSafeContext(
+  "Tabs component was not found in the tree"
+);
 
 exports.TabsProvider = TabsProvider;
 exports.useTabsContext = useTabsContext;

package/cjs/components/Tabs/Tabs.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.context.js","sources":["../../../src/components/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { TabsFactory } from './Tabs';\n\nexport interface TabsContextValue {\n  id: string;\n  value: string | null;\n  orientation: 'horizontal' | 'vertical' | undefined;\n  loop: boolean | undefined;\n  activateTabWithKeyboard: boolean | undefined;\n  allowTabDeactivation: boolean | undefined;\n  onChange(value: string | null): void;\n  getTabId(value: string): string;\n  getPanelId(value: string): string;\n  variant: string | undefined;\n  color: string | undefined;\n  radius: string | number | undefined;\n  inverted: boolean | undefined;\n  keepMounted: boolean | undefined;\n  placement: 'right' | 'left' | undefined;\n  unstyled: boolean | undefined;\n  getStyles: GetStylesApi<TabsFactory>;\n}\n\nexport const [TabsProvider, useTabsContext] = createSafeContext<TabsContextValue>(\n  'Tabs component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;MAuBa,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,mCAAiB,CAC7D,0CAA0C;;;;;"}
+{"version":3,"file":"Tabs.context.js","sources":["../../../src/components/Tabs/Tabs.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport type { TabsFactory } from './Tabs';\n\nexport interface TabsContextValue {\n  id: string;\n  value: string | null;\n  orientation: 'horizontal' | 'vertical' | undefined;\n  loop: boolean | undefined;\n  activateTabWithKeyboard: boolean | undefined;\n  allowTabDeactivation: boolean | undefined;\n  onChange(value: string | null): void;\n  getTabId(value: string): string;\n  getPanelId(value: string): string;\n  variant: string | undefined;\n  color: string | undefined;\n  radius: string | number | undefined;\n  inverted: boolean | undefined;\n  keepMounted: boolean | undefined;\n  placement: 'right' | 'left' | undefined;\n  unstyled: boolean | undefined;\n  getStyles: GetStylesApi<TabsFactory>;\n}\n\nexport const [TabsProvider, useTabsContext] = createSafeContext<TabsContextValue>(\n  'Tabs component was not found in the tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,mCAAiB;AAC/D,EAAE,0CAA0C;AAC5C;;;;;"}