@mantine/core 7.0.0-alpha.8 → 7.0.0-alpha.9

package/esm/components/Table/Table.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { TableTd, TableTh, TableTr, TableThead, TableTbody, TableTfoot, TableCaption } from './Table.components.js';
 import { TableProvider } from './Table.context.js';
@@ -11,134 +11,52 @@ import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/c
 import { getSpacing } from '../../core/utils/get-size/get-size.js';
 import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
 
-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((theme, {
-  layout,
-  captionSide,
-  horizontalSpacing,
-  verticalSpacing,
-  borderColor,
-  stripedColor,
-  highlightOnHoverColor,
-  striped,
-  highlightOnHover
-}) => ({
-  table: {
-    "--table-layout": layout,
-    "--table-caption-side": captionSide,
-    "--table-horizontal-spacing": getSpacing(horizontalSpacing),
-    "--table-vertical-spacing": getSpacing(verticalSpacing),
-    "--table-border-color": borderColor ? getThemeColor(borderColor, theme) : void 0,
-    "--table-striped-color": striped && stripedColor ? getThemeColor(stripedColor, theme) : void 0,
-    "--table-highlight-on-hover-color": highlightOnHover && highlightOnHoverColor ? getThemeColor(highlightOnHoverColor, theme) : void 0
-  }
+const varsResolver = createVarsResolver((theme, { layout, captionSide, horizontalSpacing, verticalSpacing, borderColor, stripedColor, highlightOnHoverColor, striped, highlightOnHover, }) => ({
+    table: {
+        '--table-layout': layout,
+        '--table-caption-side': captionSide,
+        '--table-horizontal-spacing': getSpacing(horizontalSpacing),
+        '--table-vertical-spacing': getSpacing(verticalSpacing),
+        '--table-border-color': borderColor ? getThemeColor(borderColor, theme) : undefined,
+        '--table-striped-color': striped && stripedColor ? getThemeColor(stripedColor, theme) : undefined,
+        '--table-highlight-on-hover-color': highlightOnHover && highlightOnHoverColor
+            ? getThemeColor(highlightOnHoverColor, theme)
+            : undefined,
+    },
 }));
 const Table = factory((_props, ref) => {
-  const props = 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({
-    name: "Table",
-    props,
-    className,
-    style,
-    classes,
-    classNames,
-    styles,
-    unstyled,
-    rootSelector: "table",
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React.createElement(TableProvider, {
-    value: {
-      getStyles,
-      striped: striped === true ? "odd" : striped || void 0,
-      highlightOnHover,
-      withColumnBorders,
-      withRowBorders,
-      captionSide: captionSide || "bottom"
-    }
-  }, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({
-    component: "table",
-    variant,
-    ref,
-    mod: { "data-with-table-border": withTableBorder }
-  }, getStyles("table")), others)));
+    const props = 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 = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "horizontalSpacing", "verticalSpacing", "captionSide", "stripedColor", "highlightOnHoverColor", "striped", "highlightOnHover", "withColumnBorders", "withRowBorders", "withTableBorder", "borderColor", "layout", "variant"]);
+    const getStyles = useStyles({
+        name: 'Table',
+        props,
+        className,
+        style,
+        classes,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'table',
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(TableProvider, { value: {
+            getStyles,
+            striped: striped === true ? 'odd' : striped || undefined,
+            highlightOnHover,
+            withColumnBorders,
+            withRowBorders,
+            captionSide: captionSide || 'bottom',
+        } },
+        React.createElement(Box, Object.assign({ component: "table", variant: variant, ref: ref, mod: { 'data-with-table-border': withTableBorder } }, getStyles('table'), others))));
 });
-Table.displayName = "@mantine/core/Table";
+Table.displayName = '@mantine/core/Table';
 Table.Td = TableTd;
 Table.Th = TableTh;
 Table.Tr = TableTr;

package/esm/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":[],"mappings":"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"}
+{"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":[],"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,GAAG,kBAAkB,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,EAAE,UAAU,CAAC,iBAAiB,CAAC;QAC3D,0BAA0B,EAAE,UAAU,CAAC,eAAe,CAAC;QACvD,sBAAsB,EAAE,WAAW,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,SAAS;QACnF,uBAAuB,EACrB,OAAO,IAAI,YAAY,GAAG,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,SAAS;QAC1E,kCAAkC,EAChC,gBAAgB,IAAI,qBAAqB;cACrC,aAAa,CAAC,qBAAqB,EAAE,KAAK,CAAC;cAC3C,SAAS;KAChB;CACF,CAAC,CACH,CAAC;MAEW,KAAK,GAAG,OAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAG,QAAQ,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,UACP,KAAK,EArBH,+RAqBL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;QACL,SAAS;QACT,KAAK;QACL,OAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,OAAO;QACrB,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,aAAa,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;QAED,oBAAC,GAAG,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,GAAG,OAAO,CAAC;AACnB,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;AACnB,KAAK,CAAC,EAAE,GAAG,OAAO,CAAC;AACnB,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;AACzB,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;AACzB,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;AACzB,KAAK,CAAC,OAAO,GAAG,YAAY;;;;"}

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

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"table":"mantine-4pMcfOJ","th":"mantine-3gTtPB9","tr":"mantine-iKGktTN","td":"mantine-2ZfSoeP","tbody":"mantine-z46XZly","caption":"mantine-0faD29m"};
 
 export default classes;

package/esm/components/Table/Table.module.css.js.map

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

package/esm/components/Tabs/Tabs.context.js

@@ -1,7 +1,6 @@
-'use client';
 import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
 
-const [TabsProvider, useTabsContext] = createSafeContext("Tabs component was not found in the tree");
+const [TabsProvider, useTabsContext] = createSafeContext('Tabs component was not found in the tree');
 
 export { TabsProvider, useTabsContext };
 //# sourceMappingURL=Tabs.context.js.map

package/esm/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":[],"mappings":";;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAAC,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":[],"mappings":";;MAuBa,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,iBAAiB,CAC7D,0CAA0C;;;;"}

package/esm/components/Tabs/Tabs.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { useId, useUncontrolled } from '@mantine/hooks';
 import { TabsProvider } from './Tabs.context.js';
@@ -15,150 +15,72 @@ import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/c
 import { getRadius } from '../../core/utils/get-size/get-size.js';
 import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
 
-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 VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value";
+const VALUE_ERROR = 'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value';
 const defaultProps = {
-  keepMounted: true,
-  orientation: "horizontal",
-  loop: true,
-  activateTabWithKeyboard: true,
-  allowTabDeactivation: false,
-  unstyled: false,
-  inverted: false,
-  variant: "default",
-  placement: "left"
+    keepMounted: true,
+    orientation: 'horizontal',
+    loop: true,
+    activateTabWithKeyboard: true,
+    allowTabDeactivation: false,
+    unstyled: false,
+    inverted: false,
+    variant: 'default',
+    placement: 'left',
 };
 const varsResolver = createVarsResolver((theme, { radius, color }) => ({
-  root: {
-    "--tabs-radius": getRadius(radius),
-    "--tabs-color": getThemeColor(color, theme)
-  }
+    root: {
+        '--tabs-radius': getRadius(radius),
+        '--tabs-color': getThemeColor(color, theme),
+    },
 }));
 const Tabs = factory((_props, ref) => {
-  const props = useProps("Tabs", defaultProps, _props);
-  const _a = props, {
-    defaultValue,
-    value,
-    onChange,
-    orientation,
-    children,
-    loop,
-    id,
-    activateTabWithKeyboard,
-    allowTabDeactivation,
-    variant,
-    color,
-    radius,
-    inverted,
-    placement,
-    keepMounted,
-    classNames,
-    styles,
-    unstyled,
-    className,
-    style,
-    vars
-  } = _a, others = __objRest(_a, [
-    "defaultValue",
-    "value",
-    "onChange",
-    "orientation",
-    "children",
-    "loop",
-    "id",
-    "activateTabWithKeyboard",
-    "allowTabDeactivation",
-    "variant",
-    "color",
-    "radius",
-    "inverted",
-    "placement",
-    "keepMounted",
-    "classNames",
-    "styles",
-    "unstyled",
-    "className",
-    "style",
-    "vars"
-  ]);
-  const uid = useId(id);
-  const [currentTab, setCurrentTab] = useUncontrolled({
-    value,
-    defaultValue,
-    finalValue: null,
-    onChange
-  });
-  const getStyles = useStyles({
-    name: "Tabs",
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  return /* @__PURE__ */ React.createElement(TabsProvider, {
-    value: {
-      placement,
-      value: currentTab,
-      orientation,
-      id: uid,
-      loop,
-      activateTabWithKeyboard,
-      getTabId: getSafeId(`${uid}-tab`, VALUE_ERROR),
-      getPanelId: getSafeId(`${uid}-panel`, VALUE_ERROR),
-      onChange: setCurrentTab,
-      allowTabDeactivation,
-      variant,
-      color,
-      radius,
-      inverted,
-      keepMounted,
-      unstyled,
-      getStyles
-    }
-  }, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({
-    ref,
-    id: uid,
-    variant,
-    mod: {
-      orientation,
-      inverted: orientation === "horizontal" && inverted,
-      placement: orientation === "vertical" && placement
-    }
-  }, getStyles("root")), others), children));
+    const props = useProps('Tabs', defaultProps, _props);
+    const { defaultValue, value, onChange, orientation, children, loop, id, activateTabWithKeyboard, allowTabDeactivation, variant, color, radius, inverted, placement, keepMounted, classNames, styles, unstyled, className, style, vars } = props, others = __rest(props, ["defaultValue", "value", "onChange", "orientation", "children", "loop", "id", "activateTabWithKeyboard", "allowTabDeactivation", "variant", "color", "radius", "inverted", "placement", "keepMounted", "classNames", "styles", "unstyled", "className", "style", "vars"]);
+    const uid = useId(id);
+    const [currentTab, setCurrentTab] = useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: null,
+        onChange,
+    });
+    const getStyles = useStyles({
+        name: 'Tabs',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(TabsProvider, { value: {
+            placement,
+            value: currentTab,
+            orientation,
+            id: uid,
+            loop,
+            activateTabWithKeyboard,
+            getTabId: getSafeId(`${uid}-tab`, VALUE_ERROR),
+            getPanelId: getSafeId(`${uid}-panel`, VALUE_ERROR),
+            onChange: setCurrentTab,
+            allowTabDeactivation,
+            variant,
+            color,
+            radius,
+            inverted,
+            keepMounted,
+            unstyled,
+            getStyles,
+        } },
+        React.createElement(Box, Object.assign({ ref: ref, id: uid, variant: variant, mod: {
+                orientation,
+                inverted: orientation === 'horizontal' && inverted,
+                placement: orientation === 'vertical' && placement,
+            } }, getStyles('root'), others), children)));
 });
-Tabs.displayName = "@mantine/core/Tabs";
+Tabs.displayName = '@mantine/core/Tabs';
 Tabs.Tab = TabsTab;
 Tabs.Panel = TabsPanel;
 Tabs.List = TabsList;

package/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  factory,\n  useProps,\n  getSafeId,\n  useStyles,\n  ElementProps,\n  getRadius,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { TabsProvider } from './Tabs.context';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { TabsTab, TabsTabStylesNames } from './TabsTab/TabsTab';\nimport classes from './Tabs.module.css';\n\nexport type TabsStylesNames =\n  | 'root'\n  | TabsListStylesNames\n  | TabsPanelStylesNames\n  | TabsTabStylesNames;\n\nexport type TabsVariant = 'default' | 'outline' | 'pills';\nexport type TabsCssVariables = {\n  root: '--tabs-color' | '--tabs-radius';\n};\n\nexport interface TabsProps\n  extends BoxProps,\n    StylesApiProps<TabsFactory>,\n    ElementProps<'div', 'defaultValue' | 'value' | 'onChange'> {\n  /** Default value for uncontrolled component */\n  defaultValue?: string | null;\n\n  /** Value for controlled component */\n  value?: string | null;\n\n  /** Called when value changes */\n  onChange?(value: string | null): void;\n\n  /** Tabs orientation, `'horizontal'` by default */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** `Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation=\"vertical\"`, `'left'` by default */\n  placement?: 'left' | 'right';\n\n  /** Base id, used to generate ids to connect labels with controls, generated randomly by default */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */\n  loop?: boolean;\n\n  /** Determines whether tab should be activated with arrow key press, `true` by default */\n  activateTabWithKeyboard?: boolean;\n\n  /** Determines whether tab can be deactivated, `false` by default */\n  allowTabDeactivation?: boolean;\n\n  /** Tabs content */\n  children: React.ReactNode;\n\n  /** Changes colors of `Tabs.Tab` components when variant is `pills` or `default`, does nothing for other variants */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | number | (string & {});\n\n  /** Determines whether tabs should have inverted styles, `false` by default */\n  inverted?: boolean;\n\n  /** If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active, `true` by default */\n  keepMounted?: boolean;\n}\n\nexport type TabsFactory = Factory<{\n  props: TabsProps;\n  ref: HTMLDivElement;\n  variant: TabsVariant;\n  stylesNames: TabsStylesNames;\n  vars: TabsCssVariables;\n  staticComponents: {\n    Tab: typeof TabsTab;\n    Panel: typeof TabsPanel;\n    List: typeof TabsList;\n  };\n}>;\n\nconst VALUE_ERROR =\n  'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value';\n\nconst defaultProps: Partial<TabsProps> = {\n  keepMounted: true,\n  orientation: 'horizontal',\n  loop: true,\n  activateTabWithKeyboard: true,\n  allowTabDeactivation: false,\n  unstyled: false,\n  inverted: false,\n  variant: 'default',\n  placement: 'left',\n};\n\nconst varsResolver = createVarsResolver<TabsFactory>((theme, { radius, color }) => ({\n  root: {\n    '--tabs-radius': getRadius(radius),\n    '--tabs-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Tabs = factory<TabsFactory>((_props, ref) => {\n  const props = useProps('Tabs', defaultProps, _props);\n  const {\n    defaultValue,\n    value,\n    onChange,\n    orientation,\n    children,\n    loop,\n    id,\n    activateTabWithKeyboard,\n    allowTabDeactivation,\n    variant,\n    color,\n    radius,\n    inverted,\n    placement,\n    keepMounted,\n    classNames,\n    styles,\n    unstyled,\n    className,\n    style,\n    vars,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n\n  const [currentTab, setCurrentTab] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange,\n  });\n\n  const getStyles = useStyles<TabsFactory>({\n    name: 'Tabs',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <TabsProvider\n      value={{\n        placement,\n        value: currentTab,\n        orientation,\n        id: uid,\n        loop,\n        activateTabWithKeyboard,\n        getTabId: getSafeId(`${uid}-tab`, VALUE_ERROR),\n        getPanelId: getSafeId(`${uid}-panel`, VALUE_ERROR),\n        onChange: setCurrentTab,\n        allowTabDeactivation,\n        variant,\n        color,\n        radius,\n        inverted,\n        keepMounted,\n        unstyled,\n        getStyles,\n      }}\n    >\n      <Box\n        ref={ref}\n        id={uid}\n        variant={variant}\n        mod={{\n          orientation,\n          inverted: orientation === 'horizontal' && inverted,\n          placement: orientation === 'vertical' && placement,\n        }}\n        {...getStyles('root')}\n        {...others}\n      >\n        {children}\n      </Box>\n    </TabsProvider>\n  );\n});\n\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\nTabs.List = TabsList;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  MantineColor,\n  MantineRadius,\n  StylesApiProps,\n  factory,\n  useProps,\n  getSafeId,\n  useStyles,\n  ElementProps,\n  getRadius,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { TabsProvider } from './Tabs.context';\nimport { TabsList, TabsListStylesNames } from './TabsList/TabsList';\nimport { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';\nimport { TabsTab, TabsTabStylesNames } from './TabsTab/TabsTab';\nimport classes from './Tabs.module.css';\n\nexport type TabsStylesNames =\n  | 'root'\n  | TabsListStylesNames\n  | TabsPanelStylesNames\n  | TabsTabStylesNames;\n\nexport type TabsVariant = 'default' | 'outline' | 'pills';\nexport type TabsCssVariables = {\n  root: '--tabs-color' | '--tabs-radius';\n};\n\nexport interface TabsProps\n  extends BoxProps,\n    StylesApiProps<TabsFactory>,\n    ElementProps<'div', 'defaultValue' | 'value' | 'onChange'> {\n  /** Default value for uncontrolled component */\n  defaultValue?: string | null;\n\n  /** Value for controlled component */\n  value?: string | null;\n\n  /** Called when value changes */\n  onChange?(value: string | null): void;\n\n  /** Tabs orientation, `'horizontal'` by default */\n  orientation?: 'vertical' | 'horizontal';\n\n  /** `Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation=\"vertical\"`, `'left'` by default */\n  placement?: 'left' | 'right';\n\n  /** Base id, used to generate ids to connect labels with controls, generated randomly by default */\n  id?: string;\n\n  /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */\n  loop?: boolean;\n\n  /** Determines whether tab should be activated with arrow key press, `true` by default */\n  activateTabWithKeyboard?: boolean;\n\n  /** Determines whether tab can be deactivated, `false` by default */\n  allowTabDeactivation?: boolean;\n\n  /** Tabs content */\n  children: React.ReactNode;\n\n  /** Changes colors of `Tabs.Tab` components when variant is `pills` or `default`, does nothing for other variants */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | number | (string & {});\n\n  /** Determines whether tabs should have inverted styles, `false` by default */\n  inverted?: boolean;\n\n  /** If set to `false`, `Tabs.Panel` content will be unmounted when the associated tab is not active, `true` by default */\n  keepMounted?: boolean;\n}\n\nexport type TabsFactory = Factory<{\n  props: TabsProps;\n  ref: HTMLDivElement;\n  variant: TabsVariant;\n  stylesNames: TabsStylesNames;\n  vars: TabsCssVariables;\n  staticComponents: {\n    Tab: typeof TabsTab;\n    Panel: typeof TabsPanel;\n    List: typeof TabsList;\n  };\n}>;\n\nconst VALUE_ERROR =\n  'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value';\n\nconst defaultProps: Partial<TabsProps> = {\n  keepMounted: true,\n  orientation: 'horizontal',\n  loop: true,\n  activateTabWithKeyboard: true,\n  allowTabDeactivation: false,\n  unstyled: false,\n  inverted: false,\n  variant: 'default',\n  placement: 'left',\n};\n\nconst varsResolver = createVarsResolver<TabsFactory>((theme, { radius, color }) => ({\n  root: {\n    '--tabs-radius': getRadius(radius),\n    '--tabs-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Tabs = factory<TabsFactory>((_props, ref) => {\n  const props = useProps('Tabs', defaultProps, _props);\n  const {\n    defaultValue,\n    value,\n    onChange,\n    orientation,\n    children,\n    loop,\n    id,\n    activateTabWithKeyboard,\n    allowTabDeactivation,\n    variant,\n    color,\n    radius,\n    inverted,\n    placement,\n    keepMounted,\n    classNames,\n    styles,\n    unstyled,\n    className,\n    style,\n    vars,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n\n  const [currentTab, setCurrentTab] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: null,\n    onChange,\n  });\n\n  const getStyles = useStyles<TabsFactory>({\n    name: 'Tabs',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <TabsProvider\n      value={{\n        placement,\n        value: currentTab,\n        orientation,\n        id: uid,\n        loop,\n        activateTabWithKeyboard,\n        getTabId: getSafeId(`${uid}-tab`, VALUE_ERROR),\n        getPanelId: getSafeId(`${uid}-panel`, VALUE_ERROR),\n        onChange: setCurrentTab,\n        allowTabDeactivation,\n        variant,\n        color,\n        radius,\n        inverted,\n        keepMounted,\n        unstyled,\n        getStyles,\n      }}\n    >\n      <Box\n        ref={ref}\n        id={uid}\n        variant={variant}\n        mod={{\n          orientation,\n          inverted: orientation === 'horizontal' && inverted,\n          placement: orientation === 'vertical' && placement,\n        }}\n        {...getStyles('root')}\n        {...others}\n      >\n        {children}\n      </Box>\n    </TabsProvider>\n  );\n});\n\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\nTabs.List = TabsList;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+FA,MAAM,WAAW,GACf,mFAAmF,CAAC;AAEtF,MAAM,YAAY,GAAuB;IACvC,WAAW,EAAE,IAAI;IACjB,WAAW,EAAE,YAAY;IACzB,IAAI,EAAE,IAAI;IACV,uBAAuB,EAAE,IAAI;IAC7B,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAc,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAClF,IAAI,EAAE;QACJ,eAAe,EAAE,SAAS,CAAC,MAAM,CAAC;QAClC,cAAc,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC;KAC5C;CACF,CAAC,CAAC,CAAC;MAES,IAAI,GAAG,OAAO,CAAc,CAAC,MAAM,EAAE,GAAG;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACrD,MAAM,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,uBAAuB,EACvB,oBAAoB,EACpB,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,KAEF,KAAK,EADJ,MAAM,UACP,KAAK,EAvBH,yQAuBL,CAAQ,CAAC;IAEV,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IAEtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,eAAe,CAAC;QAClD,KAAK;QACL,YAAY;QACZ,UAAU,EAAE,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,SAAS,CAAc;QACvC,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,YAAY,IACX,KAAK,EAAE;YACL,SAAS;YACT,KAAK,EAAE,UAAU;YACjB,WAAW;YACX,EAAE,EAAE,GAAG;YACP,IAAI;YACJ,uBAAuB;YACvB,QAAQ,EAAE,SAAS,CAAC,GAAG,GAAG,MAAM,EAAE,WAAW,CAAC;YAC9C,UAAU,EAAE,SAAS,CAAC,GAAG,GAAG,QAAQ,EAAE,WAAW,CAAC;YAClD,QAAQ,EAAE,aAAa;YACvB,oBAAoB;YACpB,OAAO;YACP,KAAK;YACL,MAAM;YACN,QAAQ;YACR,WAAW;YACX,QAAQ;YACR,SAAS;SACV;QAED,oBAAC,GAAG,kBACF,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,GAAG,EACP,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE;gBACH,WAAW;gBACX,QAAQ,EAAE,WAAW,KAAK,YAAY,IAAI,QAAQ;gBAClD,SAAS,EAAE,WAAW,KAAK,UAAU,IAAI,SAAS;aACnD,IACG,SAAS,CAAC,MAAM,CAAC,EACjB,MAAM,GAET,QAAQ,CACL,CACO,EACf;AACJ,CAAC,EAAE;AAEH,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACxC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;AACnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,IAAI,GAAG,QAAQ;;;;"}

package/esm/components/Tabs/Tabs.module.css.js

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"root":"mantine-fBtrIHJ","list--default":"mantine--ujetQ3","list":"mantine-b84LNt-","panel":"mantine-6B21-pC","tab":"mantine-aoNu4SV","tabSection":"mantine-73ehQrs","tab--default":"mantine-29OfT1F","list--outline":"mantine-qPTfIBZ","tab--outline":"mantine-0AMwxi5","tab--pills":"mantine--HC5qJb"};
 
 export default classes;

package/esm/components/Tabs/Tabs.module.css.js.map

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

package/esm/components/Tabs/TabsList/TabsList.js

@@ -1,68 +1,30 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { useTabsContext } from '../Tabs.context.js';
 import { factory } from '../../../core/factory/factory.js';
 import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
 import { Box } from '../../../core/Box/Box.js';
 
-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 = {};
 const TabsList = factory((_props, ref) => {
-  const props = useProps("TabsList", defaultProps, _props);
-  const _a = props, { children, className, grow, justify, classNames, styles, style } = _a, others = __objRest(_a, ["children", "className", "grow", "justify", "classNames", "styles", "style"]);
-  const ctx = useTabsContext();
-  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("list", {
-    className,
-    style,
-    classNames,
-    styles,
-    props,
-    variant: ctx.variant
-  })), {
-    ref,
-    role: "tablist",
-    variant: ctx.variant,
-    mod: {
-      grow,
-      orientation: ctx.orientation,
-      placement: ctx.orientation === "vertical" && ctx.placement,
-      inverted: ctx.inverted
-    },
-    "aria-orientation": ctx.orientation,
-    __vars: { "--tabs-justify": justify }
-  }), children);
+    const props = useProps('TabsList', defaultProps, _props);
+    const { children, className, grow, justify, classNames, styles, style } = props, others = __rest(props, ["children", "className", "grow", "justify", "classNames", "styles", "style"]);
+    const ctx = useTabsContext();
+    return (React.createElement(Box, Object.assign({}, others, ctx.getStyles('list', {
+        className,
+        style,
+        classNames,
+        styles,
+        props,
+        variant: ctx.variant,
+    }), { ref: ref, role: "tablist", variant: ctx.variant, mod: {
+            grow,
+            orientation: ctx.orientation,
+            placement: ctx.orientation === 'vertical' && ctx.placement,
+            inverted: ctx.inverted,
+        }, "aria-orientation": ctx.orientation, __vars: { '--tabs-justify': justify } }), children));
 });
-TabsList.displayName = "@mantine/core/TabsList";
+TabsList.displayName = '@mantine/core/TabsList';
 
 export { TabsList };
 //# sourceMappingURL=TabsList.js.map