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

package/cjs/components/Tabs/Tabs.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var Tabs_context = require('./Tabs.context.js');
@@ -10,10 +9,10 @@ var TabsList = require('./TabsList/TabsList.js');
 var TabsPanel = require('./TabsPanel/TabsPanel.js');
 var TabsTab = require('./TabsTab/TabsTab.js');
 var Tabs_module = require('./Tabs.module.css.js');
-var getSafeId = require('../../core/utils/get-safe-id/get-safe-id.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 getSafeId = require('../../core/utils/get-safe-id/get-safe-id.js');
 var Box = require('../../core/Box/Box.js');
 var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
 var getSize = require('../../core/utils/get-size/get-size.js');
@@ -23,72 +22,159 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const VALUE_ERROR = 'Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value';
+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 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.createVarsResolver((theme, { radius, color }) => ({
-    root: {
-        '--tabs-radius': getSize.getRadius(radius),
-        '--tabs-color': getThemeColor.getThemeColor(color, theme),
-    },
+  root: {
+    "--tabs-radius": getSize.getRadius(radius),
+    "--tabs-color": getThemeColor.getThemeColor(color, theme)
+  }
 }));
 const Tabs = factory.factory((_props, ref) => {
-    const props = useProps.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 = tslib.__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 = hooks.useId(id);
-    const [currentTab, setCurrentTab] = hooks.useUncontrolled({
-        value,
-        defaultValue,
-        finalValue: null,
-        onChange,
-    });
-    const getStyles = useStyles.useStyles({
-        name: 'Tabs',
-        props,
-        classes: Tabs_module['default'],
-        className,
-        style,
-        classNames,
-        styles,
+  const props = useProps.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 = hooks.useId(id);
+  const [currentTab, setCurrentTab] = hooks.useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: null,
+    onChange
+  });
+  const getStyles = useStyles.useStyles({
+    name: "Tabs",
+    props,
+    classes: Tabs_module['default'],
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Tabs_context.TabsProvider,
+    {
+      value: {
+        placement,
+        value: currentTab,
+        orientation,
+        id: uid,
+        loop,
+        activateTabWithKeyboard,
+        getTabId: getSafeId.getSafeId(`${uid}-tab`, VALUE_ERROR),
+        getPanelId: getSafeId.getSafeId(`${uid}-panel`, VALUE_ERROR),
+        onChange: setCurrentTab,
+        allowTabDeactivation,
+        variant,
+        color,
+        radius,
+        inverted,
+        keepMounted,
         unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React__default.createElement(Tabs_context.TabsProvider, { value: {
-            placement,
-            value: currentTab,
-            orientation,
-            id: uid,
-            loop,
-            activateTabWithKeyboard,
-            getTabId: getSafeId.getSafeId(`${uid}-tab`, VALUE_ERROR),
-            getPanelId: getSafeId.getSafeId(`${uid}-panel`, VALUE_ERROR),
-            onChange: setCurrentTab,
-            allowTabDeactivation,
-            variant,
-            color,
-            radius,
-            inverted,
-            keepMounted,
-            unstyled,
-            getStyles,
-        } },
-        React__default.createElement(Box.Box, Object.assign({ ref: ref, id: uid, variant: variant, mod: {
-                orientation,
-                inverted: orientation === 'horizontal' && inverted,
-                placement: orientation === 'vertical' && placement,
-            } }, getStyles('root'), others), children)));
+        getStyles
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadValues(__spreadValues({
+        ref,
+        id: uid,
+        variant,
+        mod: {
+          orientation,
+          inverted: orientation === "horizontal" && inverted,
+          placement: orientation === "vertical" && placement
+        }
+      }, getStyles("root")), others),
+      children
+    )
+  );
 });
-Tabs.displayName = '@mantine/core/Tabs';
+Tabs.classes = Tabs_module['default'];
+Tabs.displayName = "@mantine/core/Tabs";
 Tabs.Tab = TabsTab.TabsTab;
 Tabs.Panel = TabsPanel.TabsPanel;
 Tabs.List = TabsList.TabsList;

package/cjs/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":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useId","useUncontrolled","useStyles","classes","React","TabsProvider","getSafeId","Box","TabsTab","TabsPanel","TabsList"],"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,GAAGA,qCAAkB,CAAc,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAClF,IAAI,EAAE;QACJ,eAAe,EAAEC,iBAAS,CAAC,MAAM,CAAC;QAClC,cAAc,EAAEC,2BAAa,CAAC,KAAK,EAAE,KAAK,CAAC;KAC5C;CACF,CAAC,CAAC,CAAC;MAES,IAAI,GAAGC,eAAO,CAAc,CAAC,MAAM,EAAE,GAAG;IACnD,MAAM,KAAK,GAAGC,iBAAQ,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,gBACP,KAAK,EAvBH,yQAuBL,CAAQ,CAAC;IAEV,MAAM,GAAG,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;IAEtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,qBAAe,CAAC;QAClD,KAAK;QACL,YAAY;QACZ,UAAU,EAAE,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,SAAS,GAAGC,mBAAS,CAAc;QACvC,IAAI,EAAE,MAAM;QACZ,KAAK;iBACLC,sBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,yBAAY,IACX,KAAK,EAAE;YACL,SAAS;YACT,KAAK,EAAE,UAAU;YACjB,WAAW;YACX,EAAE,EAAE,GAAG;YACP,IAAI;YACJ,uBAAuB;YACvB,QAAQ,EAAEC,mBAAS,CAAC,GAAG,GAAG,MAAM,EAAE,WAAW,CAAC;YAC9C,UAAU,EAAEA,mBAAS,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;QAEDF,6BAACG,OAAG,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,GAAGC,eAAO,CAAC;AACnB,IAAI,CAAC,KAAK,GAAGC,mBAAS,CAAC;AACvB,IAAI,CAAC,IAAI,GAAGC,iBAAQ;;;;"}
+{"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.classes = classes;\nTabs.displayName = '@mantine/core/Tabs';\nTabs.Tab = TabsTab;\nTabs.Panel = TabsPanel;\nTabs.List = TabsList;\n"],"names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useId","useUncontrolled","useStyles","classes","React","TabsProvider","getSafeId","Box","TabsTab","TabsPanel","TabsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAkBF,MAAM,WAAW,GAAG,mFAAmF,CAAC;AACxG,MAAM,YAAY,GAAG;AACrB,EAAE,WAAW,EAAE,IAAI;AACnB,EAAE,WAAW,EAAE,YAAY;AAC3B,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,uBAAuB,EAAE,IAAI;AAC/B,EAAE,oBAAoB,EAAE,KAAK;AAC7B,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,QAAQ,EAAE,KAAK;AACjB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,SAAS,EAAE,MAAM;AACnB,CAAC,CAAC;AACF,MAAM,YAAY,GAAGA,qCAAkB,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;AACvE,EAAE,IAAI,EAAE;AACR,IAAI,eAAe,EAAEC,iBAAS,CAAC,MAAM,CAAC;AACtC,IAAI,cAAc,EAAEC,2BAAa,CAAC,KAAK,EAAE,KAAK,CAAC;AAC/C,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,IAAI,GAAGC,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AAC7C,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AACvD,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,YAAY;AAChB,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,EAAE;AACN,IAAI,uBAAuB;AAC3B,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,IAAI;AACR,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,cAAc;AAClB,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,yBAAyB;AAC7B,IAAI,sBAAsB;AAC1B,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,MAAM;AACV,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,qBAAe,CAAC;AACtD,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,IAAI;AACpB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK;AACT,aAAIC,sBAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAIC,yBAAY;AAChB,IAAI;AACJ,MAAM,KAAK,EAAE;AACb,QAAQ,SAAS;AACjB,QAAQ,KAAK,EAAE,UAAU;AACzB,QAAQ,WAAW;AACnB,QAAQ,EAAE,EAAE,GAAG;AACf,QAAQ,IAAI;AACZ,QAAQ,uBAAuB;AAC/B,QAAQ,QAAQ,EAAEC,mBAAS,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;AACtD,QAAQ,UAAU,EAAEA,mBAAS,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;AAC1D,QAAQ,QAAQ,EAAE,aAAa;AAC/B,QAAQ,oBAAoB;AAC5B,QAAQ,OAAO;AACf,QAAQ,KAAK;AACb,QAAQ,MAAM;AACd,QAAQ,QAAQ;AAChB,QAAQ,WAAW;AACnB,QAAQ,QAAQ;AAChB,QAAQ,SAAS;AACjB,OAAO;AACP,KAAK;AACL,oBAAoBF,cAAK,CAAC,aAAa;AACvC,MAAMG,OAAG;AACT,MAAM,cAAc,CAAC,cAAc,CAAC;AACpC,QAAQ,GAAG;AACX,QAAQ,EAAE,EAAE,GAAG;AACf,QAAQ,OAAO;AACf,QAAQ,GAAG,EAAE;AACb,UAAU,WAAW;AACrB,UAAU,QAAQ,EAAE,WAAW,KAAK,YAAY,IAAI,QAAQ;AAC5D,UAAU,SAAS,EAAE,WAAW,KAAK,UAAU,IAAI,SAAS;AAC5D,SAAS;AACT,OAAO,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC;AACpC,MAAM,QAAQ;AACd,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,IAAI,CAAC,OAAO,GAAGJ,sBAAO,CAAC;AACvB,IAAI,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACxC,IAAI,CAAC,GAAG,GAAGK,eAAO,CAAC;AACnB,IAAI,CAAC,KAAK,GAAGC,mBAAS,CAAC;AACvB,IAAI,CAAC,IAAI,GAAGC,iBAAQ;;;;"}

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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"};
+var classes = {"root":"m-89d60db1","list--default":"m-576c9d4","list":"m-89d33d6d","panel":"m-b0c91715","tab":"m-4ec4dce6","tabSection":"m-fc420b1f","tab--default":"m-539e827b","list--outline":"m-6772fbd5","tab--outline":"m-b59ab47c","tab--pills":"m-c3381914"};
 
 exports.default = classes;
 //# sourceMappingURL=Tabs.module.css.js.map

package/cjs/components/Tabs/TabsList/TabsList.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Tabs_context = require('../Tabs.context.js');
+var Tabs_module = require('../Tabs.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,26 +13,69 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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 = {};
 const TabsList = factory.factory((_props, ref) => {
-    const props = useProps.useProps('TabsList', defaultProps, _props);
-    const { children, className, grow, justify, classNames, styles, style } = props, others = tslib.__rest(props, ["children", "className", "grow", "justify", "classNames", "styles", "style"]);
-    const ctx = Tabs_context.useTabsContext();
-    return (React__default.createElement(Box.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));
+  const props = useProps.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 = Tabs_context.useTabsContext();
+  return /* @__PURE__ */ React__default.createElement(
+    Box.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
+  );
 });
-TabsList.displayName = '@mantine/core/TabsList';
+TabsList.classes = Tabs_module['default'];
+TabsList.displayName = "@mantine/core/TabsList";
 
 exports.TabsList = TabsList;
 //# sourceMappingURL=TabsList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabsList.js","sources":["../../../../src/components/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  useProps,\n  factory,\n  ElementProps,\n  StylesApiProps,\n  Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsListStylesNames = 'list';\n\nexport interface TabsListProps\n  extends BoxProps,\n    StylesApiProps<TabsListFactory>,\n    ElementProps<'div'> {\n  /** `Tabs.Tab` components */\n  children: React.ReactNode;\n\n  /** Determines whether tabs should take all available space, `false` by default */\n  grow?: boolean;\n\n  /** Tabs alignment, `flex-start` by default */\n  justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type TabsListFactory = Factory<{\n  props: TabsListProps;\n  ref: HTMLDivElement;\n  stylesNames: TabsListStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<TabsListProps> = {};\n\nexport const TabsList = factory<TabsListFactory>((_props, ref) => {\n  const props = useProps('TabsList', defaultProps, _props);\n  const { children, className, grow, justify, classNames, styles, style, ...others } = props;\n\n  const ctx = useTabsContext();\n\n  return (\n    <Box\n      {...others}\n      {...ctx.getStyles('list', {\n        className,\n        style,\n        classNames,\n        styles,\n        props,\n        variant: ctx.variant,\n      })}\n      ref={ref}\n      role=\"tablist\"\n      variant={ctx.variant}\n      mod={{\n        grow,\n        orientation: ctx.orientation,\n        placement: ctx.orientation === 'vertical' && ctx.placement,\n        inverted: ctx.inverted,\n      }}\n      aria-orientation={ctx.orientation}\n      __vars={{ '--tabs-justify': justify }}\n    >\n      {children}\n    </Box>\n  );\n});\n\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;AAmCA,MAAM,YAAY,GAA2B,EAAE,CAAC;MAEnC,QAAQ,GAAGA,eAAO,CAAkB,CAAC,MAAM,EAAE,GAAG;IAC3D,MAAM,KAAK,GAAGC,iBAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACzD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAApF,6EAA4E,CAAQ,CAAC;IAE3F,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;IAE7B,QACEC,6BAACC,OAAG,oBACE,MAAM,EACN,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE;QACxB,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,KAAK;QACL,OAAO,EAAE,GAAG,CAAC,OAAO;KACrB,CAAC,IACF,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,GAAG,EAAE;YACH,IAAI;YACJ,WAAW,EAAE,GAAG,CAAC,WAAW;YAC5B,SAAS,EAAE,GAAG,CAAC,WAAW,KAAK,UAAU,IAAI,GAAG,CAAC,SAAS;YAC1D,QAAQ,EAAE,GAAG,CAAC,QAAQ;SACvB,sBACiB,GAAG,CAAC,WAAW,EACjC,MAAM,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE,KAEpC,QAAQ,CACL,EACN;AACJ,CAAC,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
+{"version":3,"file":"TabsList.js","sources":["../../../../src/components/Tabs/TabsList/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  useProps,\n  factory,\n  ElementProps,\n  StylesApiProps,\n  Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\nimport classes from '../Tabs.module.css';\n\nexport type TabsListStylesNames = 'list';\n\nexport interface TabsListProps\n  extends BoxProps,\n    StylesApiProps<TabsListFactory>,\n    ElementProps<'div'> {\n  /** `Tabs.Tab` components */\n  children: React.ReactNode;\n\n  /** Determines whether tabs should take all available space, `false` by default */\n  grow?: boolean;\n\n  /** Tabs alignment, `flex-start` by default */\n  justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type TabsListFactory = Factory<{\n  props: TabsListProps;\n  ref: HTMLDivElement;\n  stylesNames: TabsListStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<TabsListProps> = {};\n\nexport const TabsList = factory<TabsListFactory>((_props, ref) => {\n  const props = useProps('TabsList', defaultProps, _props);\n  const { children, className, grow, justify, classNames, styles, style, ...others } = props;\n\n  const ctx = useTabsContext();\n\n  return (\n    <Box\n      {...others}\n      {...ctx.getStyles('list', {\n        className,\n        style,\n        classNames,\n        styles,\n        props,\n        variant: ctx.variant,\n      })}\n      ref={ref}\n      role=\"tablist\"\n      variant={ctx.variant}\n      mod={{\n        grow,\n        orientation: ctx.orientation,\n        placement: ctx.orientation === 'vertical' && ctx.placement,\n        inverted: ctx.inverted,\n      }}\n      aria-orientation={ctx.orientation}\n      __vars={{ '--tabs-justify': justify }}\n    >\n      {children}\n    </Box>\n  );\n});\n\nTabsList.classes = classes;\nTabsList.displayName = '@mantine/core/TabsList';\n"],"names":["factory","useProps","useTabsContext","React","Box","classes"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AASF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,QAAQ,GAAGA,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACjD,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,UAAU,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC3D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAClM,EAAE,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;AAC/B,EAAE,uBAAuBC,cAAK,CAAC,aAAa;AAC5C,IAAIC,OAAG;AACP,IAAI,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE;AACnF,MAAM,SAAS;AACf,MAAM,KAAK;AACX,MAAM,UAAU;AAChB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,OAAO,EAAE,GAAG,CAAC,OAAO;AAC1B,KAAK,CAAC,CAAC,EAAE;AACT,MAAM,GAAG;AACT,MAAM,IAAI,EAAE,SAAS;AACrB,MAAM,OAAO,EAAE,GAAG,CAAC,OAAO;AAC1B,MAAM,GAAG,EAAE;AACX,QAAQ,IAAI;AACZ,QAAQ,WAAW,EAAE,GAAG,CAAC,WAAW;AACpC,QAAQ,SAAS,EAAE,GAAG,CAAC,WAAW,KAAK,UAAU,IAAI,GAAG,CAAC,SAAS;AAClE,QAAQ,QAAQ,EAAE,GAAG,CAAC,QAAQ;AAC9B,OAAO;AACP,MAAM,kBAAkB,EAAE,GAAG,CAAC,WAAW;AACzC,MAAM,MAAM,EAAE,EAAE,gBAAgB,EAAE,OAAO,EAAE;AAC3C,KAAK,CAAC;AACN,IAAI,QAAQ;AACZ,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,QAAQ,CAAC,OAAO,GAAGC,sBAAO,CAAC;AAC3B,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/cjs/components/Tabs/TabsPanel/TabsPanel.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Tabs_context = require('../Tabs.context.js');
+var Tabs_module = require('../Tabs.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,22 +13,64 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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 = {};
 const TabsPanel = factory.factory((_props, ref) => {
-    const props = useProps.useProps('TabsPanel', defaultProps, _props);
-    const { children, className, value, classNames, styles, style } = props, others = tslib.__rest(props, ["children", "className", "value", "classNames", "styles", "style"]);
-    const ctx = Tabs_context.useTabsContext();
-    const active = ctx.value === value;
-    const content = ctx.keepMounted ? children : active ? children : null;
-    return (React__default.createElement(Box.Box, Object.assign({}, others, ctx.getStyles('panel', {
-        className,
-        classNames,
-        styles,
-        style: [style, !active ? { display: 'none' } : undefined],
-        props,
-    }), { ref: ref, mod: { orientation: ctx.orientation }, role: "tabpanel", id: ctx.getPanelId(value), "aria-labelledby": ctx.getTabId(value) }), content));
+  const props = useProps.useProps("TabsPanel", defaultProps, _props);
+  const _a = props, { children, className, value, classNames, styles, style } = _a, others = __objRest(_a, ["children", "className", "value", "classNames", "styles", "style"]);
+  const ctx = Tabs_context.useTabsContext();
+  const active = ctx.value === value;
+  const content = ctx.keepMounted ? children : active ? children : null;
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("panel", {
+      className,
+      classNames,
+      styles,
+      style: [style, !active ? { display: "none" } : void 0],
+      props
+    })), {
+      ref,
+      mod: { orientation: ctx.orientation },
+      role: "tabpanel",
+      id: ctx.getPanelId(value),
+      "aria-labelledby": ctx.getTabId(value)
+    }),
+    content
+  );
 });
-TabsPanel.displayName = '@mantine/core/TabsPanel';
+TabsPanel.classes = Tabs_module['default'];
+TabsPanel.displayName = "@mantine/core/TabsPanel";
 
 exports.TabsPanel = TabsPanel;
 //# sourceMappingURL=TabsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.js","sources":["../../../../src/components/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  useProps,\n  factory,\n  ElementProps,\n  StylesApiProps,\n  Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\n\nexport type TabsPanelStylesNames = 'panel';\n\nexport interface TabsPanelProps\n  extends BoxProps,\n    StylesApiProps<TabsPanelFactory>,\n    ElementProps<'div'> {\n  /** Panel content */\n  children: React.ReactNode;\n\n  /** Value of associated control */\n  value: string;\n}\n\nexport type TabsPanelFactory = Factory<{\n  props: TabsPanelProps;\n  ref: HTMLDivElement;\n  stylesNames: TabsPanelStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<TabsPanelProps> = {};\n\nexport const TabsPanel = factory<TabsPanelFactory>((_props, ref) => {\n  const props = useProps('TabsPanel', defaultProps, _props);\n  const { children, className, value, classNames, styles, style, ...others } = props;\n\n  const ctx = useTabsContext();\n\n  const active = ctx.value === value;\n  const content = ctx.keepMounted ? children : active ? children : null;\n\n  return (\n    <Box\n      {...others}\n      {...ctx.getStyles('panel', {\n        className,\n        classNames,\n        styles,\n        style: [style, !active ? { display: 'none' } : undefined],\n        props,\n      })}\n      ref={ref}\n      mod={{ orientation: ctx.orientation }}\n      role=\"tabpanel\"\n      id={ctx.getPanelId(value)}\n      aria-labelledby={ctx.getTabId(value)}\n    >\n      {content}\n    </Box>\n  );\n});\n\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":["factory","useProps","useTabsContext","React","Box"],"mappings":";;;;;;;;;;;;;;;AAgCA,MAAM,YAAY,GAA4B,EAAE,CAAC;MAEpC,SAAS,GAAGA,eAAO,CAAmB,CAAC,MAAM,EAAE,GAAG;IAC7D,MAAM,KAAK,GAAGC,iBAAQ,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA5E,mEAAoE,CAAQ,CAAC;IAEnF,MAAM,GAAG,GAAGC,2BAAc,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,CAAC,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IAEtE,QACEC,6BAACC,OAAG,oBACE,MAAM,EACN,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE;QACzB,SAAS;QACT,UAAU;QACV,MAAM;QACN,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACzD,KAAK;KACN,CAAC,IACF,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,CAAC,WAAW,EAAE,EACrC,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,qBACR,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,KAEnC,OAAO,CACJ,EACN;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"TabsPanel.js","sources":["../../../../src/components/Tabs/TabsPanel/TabsPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  useProps,\n  factory,\n  ElementProps,\n  StylesApiProps,\n  Factory,\n} from '../../../core';\nimport { useTabsContext } from '../Tabs.context';\nimport classes from '../Tabs.module.css';\n\nexport type TabsPanelStylesNames = 'panel';\n\nexport interface TabsPanelProps\n  extends BoxProps,\n    StylesApiProps<TabsPanelFactory>,\n    ElementProps<'div'> {\n  /** Panel content */\n  children: React.ReactNode;\n\n  /** Value of associated control */\n  value: string;\n}\n\nexport type TabsPanelFactory = Factory<{\n  props: TabsPanelProps;\n  ref: HTMLDivElement;\n  stylesNames: TabsPanelStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps: Partial<TabsPanelProps> = {};\n\nexport const TabsPanel = factory<TabsPanelFactory>((_props, ref) => {\n  const props = useProps('TabsPanel', defaultProps, _props);\n  const { children, className, value, classNames, styles, style, ...others } = props;\n\n  const ctx = useTabsContext();\n\n  const active = ctx.value === value;\n  const content = ctx.keepMounted ? children : active ? children : null;\n\n  return (\n    <Box\n      {...others}\n      {...ctx.getStyles('panel', {\n        className,\n        classNames,\n        styles,\n        style: [style, !active ? { display: 'none' } : undefined],\n        props,\n      })}\n      ref={ref}\n      mod={{ orientation: ctx.orientation }}\n      role=\"tabpanel\"\n      id={ctx.getPanelId(value)}\n      aria-labelledby={ctx.getTabId(value)}\n    >\n      {content}\n    </Box>\n  );\n});\n\nTabsPanel.classes = classes;\nTabsPanel.displayName = '@mantine/core/TabsPanel';\n"],"names":["factory","useProps","useTabsContext","React","Box","classes"],"mappings":"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"}