@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/Switch/Switch.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 SwitchGroup_context = require('./SwitchGroup.context.js');
@@ -22,64 +21,179 @@ 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 = {
-    size: 'sm',
-    radius: 'xl',
-    labelPosition: 'right',
+  size: "sm",
+  radius: "xl",
+  labelPosition: "right"
 };
 const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color, size }) => ({
-    root: {
-        '--switch-radius': getSize.getRadius(radius),
-        '--switch-height': getSize.getSize(size, 'switch-height'),
-        '--switch-width': getSize.getSize(size, 'switch-width'),
-        '--switch-thumb-size': getSize.getSize(size, 'switch-thumb-size'),
-        '--switch-label-font-size': getSize.getSize(size, 'switch-label-font-size'),
-        '--switch-track-label-padding': getSize.getSize(size, 'switch-track-label-padding'),
-        '--switch-color': getThemeColor.getThemeColor(color, theme),
-    },
+  root: {
+    "--switch-radius": getSize.getRadius(radius),
+    "--switch-height": getSize.getSize(size, "switch-height"),
+    "--switch-width": getSize.getSize(size, "switch-width"),
+    "--switch-thumb-size": getSize.getSize(size, "switch-thumb-size"),
+    "--switch-label-font-size": getSize.getSize(size, "switch-label-font-size"),
+    "--switch-track-label-padding": getSize.getSize(size, "switch-track-label-padding"),
+    "--switch-color": getThemeColor.getThemeColor(color, theme)
+  }
 }));
 const Switch = factory.factory((_props, ref) => {
-    var _a;
-    const props = useProps.useProps('Switch', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars, color, label, offLabel, onLabel, id, size, radius, wrapperProps, children, thumbIcon, checked, defaultChecked, onChange, labelPosition, description, error, disabled, variant } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "color", "label", "offLabel", "onLabel", "id", "size", "radius", "wrapperProps", "children", "thumbIcon", "checked", "defaultChecked", "onChange", "labelPosition", "description", "error", "disabled", "variant"]);
-    const ctx = SwitchGroup_context.useSwitchGroupContext();
-    const _size = size || (ctx === null || ctx === void 0 ? void 0 : ctx.size);
-    const getStyles = useStyles.useStyles({
-        name: 'Switch',
-        props,
-        classes: Switch_module['default'],
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
-    const uuid = hooks.useId(id);
-    const contextProps = ctx
-        ? {
-            checked: ctx.value.includes(rest.value),
-            onChange: ctx.onChange,
-        }
-        : {};
-    const [_checked, handleChange] = hooks.useUncontrolled({
-        value: (_a = contextProps.checked) !== null && _a !== void 0 ? _a : checked,
-        defaultValue: defaultChecked,
-        finalValue: false,
-    });
-    return (React__default.createElement(InlineInput.InlineInput, Object.assign({}, getStyles('root'), { __staticSelector: "Switch", __stylesApiProps: props, id: uuid, size: _size, labelPosition: labelPosition, label: label, description: description, error: error, disabled: disabled, classNames: classNames, styles: styles, unstyled: unstyled, "data-checked": contextProps.checked || undefined, variant: variant }, styleProps, wrapperProps),
-        React__default.createElement("input", Object.assign({}, rest, { disabled: disabled, checked: _checked, onChange: (event) => {
-                var _a;
-                ctx ? (_a = contextProps.onChange) === null || _a === void 0 ? void 0 : _a.call(contextProps, event) : onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                handleChange(event.currentTarget.checked);
-            }, id: uuid, ref: ref, type: "checkbox" }, getStyles('input'))),
-        React__default.createElement(Box.Box, Object.assign({ component: "label", htmlFor: uuid, mod: { error, 'label-position': labelPosition } }, getStyles('track')),
-            React__default.createElement(Box.Box, Object.assign({ component: "span", mod: "reduce-motion" }, getStyles('thumb')), thumbIcon),
-            React__default.createElement("span", Object.assign({}, getStyles('trackLabel')), _checked ? onLabel : offLabel))));
+  var _b;
+  const props = useProps.useProps("Switch", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    color,
+    label,
+    offLabel,
+    onLabel,
+    id,
+    size,
+    radius,
+    wrapperProps,
+    children,
+    thumbIcon,
+    checked,
+    defaultChecked,
+    onChange,
+    labelPosition,
+    description,
+    error,
+    disabled,
+    variant
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "className",
+    "style",
+    "styles",
+    "unstyled",
+    "vars",
+    "color",
+    "label",
+    "offLabel",
+    "onLabel",
+    "id",
+    "size",
+    "radius",
+    "wrapperProps",
+    "children",
+    "thumbIcon",
+    "checked",
+    "defaultChecked",
+    "onChange",
+    "labelPosition",
+    "description",
+    "error",
+    "disabled",
+    "variant"
+  ]);
+  const ctx = SwitchGroup_context.useSwitchGroupContext();
+  const _size = size || (ctx == null ? void 0 : ctx.size);
+  const getStyles = useStyles.useStyles({
+    name: "Switch",
+    props,
+    classes: Switch_module['default'],
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
+  const uuid = hooks.useId(id);
+  const contextProps = ctx ? {
+    checked: ctx.value.includes(rest.value),
+    onChange: ctx.onChange
+  } : {};
+  const [_checked, handleChange] = hooks.useUncontrolled({
+    value: (_b = contextProps.checked) != null ? _b : checked,
+    defaultValue: defaultChecked,
+    finalValue: false
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    InlineInput.InlineInput,
+    __spreadValues(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+      __staticSelector: "Switch",
+      __stylesApiProps: props,
+      id: uuid,
+      size: _size,
+      labelPosition,
+      label,
+      description,
+      error,
+      disabled,
+      classNames,
+      styles,
+      unstyled,
+      "data-checked": contextProps.checked || void 0,
+      variant
+    }), styleProps), wrapperProps),
+    /* @__PURE__ */ React__default.createElement(
+      "input",
+      __spreadValues(__spreadProps(__spreadValues({}, rest), {
+        disabled,
+        checked: _checked,
+        onChange: (event) => {
+          var _a2;
+          ctx ? (_a2 = contextProps.onChange) == null ? void 0 : _a2.call(contextProps, event) : onChange == null ? void 0 : onChange(event);
+          handleChange(event.currentTarget.checked);
+        },
+        id: uuid,
+        ref,
+        type: "checkbox"
+      }), getStyles("input"))
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Box.Box,
+      __spreadValues({
+        component: "label",
+        htmlFor: uuid,
+        mod: { error, "label-position": labelPosition }
+      }, getStyles("track")),
+      /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({ component: "span", mod: "reduce-motion" }, getStyles("thumb")), thumbIcon),
+      /* @__PURE__ */ React__default.createElement("span", __spreadValues({}, getStyles("trackLabel")), _checked ? onLabel : offLabel)
+    )
+  );
 });
-Switch.displayName = '@mantine/core/Switch';
+Switch.classes = __spreadValues(__spreadValues({}, Switch_module['default']), InlineInput.InlineInputClasses);
+Switch.displayName = "@mantine/core/Switch";
 Switch.Group = SwitchGroup.SwitchGroup;
 
 exports.Switch = Switch;

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSize,\n  MantineRadius,\n  extractStyleProps,\n  getRadius,\n  Box,\n  getSize,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { InlineInput, InlineInputStylesNames } from '../InlineInput';\nimport { useSwitchGroupContext } from './SwitchGroup.context';\nimport { SwitchGroup } from './SwitchGroup/SwitchGroup';\nimport classes from './Switch.module.css';\n\nexport type SwitchStylesNames =\n  | 'root'\n  | 'track'\n  | 'trackLabel'\n  | 'thumb'\n  | 'input'\n  | InlineInputStylesNames;\nexport type SwitchVariant = string;\nexport type SwitchCssVariables = {\n  root:\n    | '--switch-radius'\n    | '--switch-height'\n    | '--switch-width'\n    | '--switch-thumb-size'\n    | '--switch-label-font-size'\n    | '--switch-track-label-padding'\n    | '--switch-color';\n};\n\nexport interface SwitchProps\n  extends BoxProps,\n    StylesApiProps<SwitchFactory>,\n    ElementProps<'input', 'size'> {\n  /** Id used to bind input and label, if not passed, unique id will be generated instead */\n  id?: string;\n\n  /** Switch label */\n  label?: React.ReactNode;\n\n  /** Inner label when Switch is in unchecked state */\n  offLabel?: React.ReactNode;\n\n  /** Inner label when Switch is in checked state */\n  onLabel?: React.ReactNode;\n\n  /** Key of `theme.colors` or any valid CSS color to set input color in checked state, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Controls size of all elements */\n  size?: MantineSize | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius,` \"xl\" by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Props passed down to the wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Icon inside the thumb of switch */\n  thumbIcon?: React.ReactNode;\n\n  /** Position of the label relative to the input, `'right'` by default */\n  labelPosition?: 'left' | 'right';\n\n  /** Description displayed below the label */\n  description?: React.ReactNode;\n\n  /** Error displayed below the label */\n  error?: React.ReactNode;\n}\n\nexport type SwitchFactory = Factory<{\n  props: SwitchProps;\n  ref: HTMLInputElement;\n  stylesNames: SwitchStylesNames;\n  vars: SwitchCssVariables;\n  variant: SwitchVariant;\n  staticComponents: {\n    Group: typeof SwitchGroup;\n  };\n}>;\n\nconst defaultProps: Partial<SwitchProps> = {\n  size: 'sm',\n  radius: 'xl',\n  labelPosition: 'right',\n};\n\nconst varsResolver = createVarsResolver<SwitchFactory>((theme, { radius, color, size }) => ({\n  root: {\n    '--switch-radius': getRadius(radius),\n    '--switch-height': getSize(size, 'switch-height'),\n    '--switch-width': getSize(size, 'switch-width'),\n    '--switch-thumb-size': getSize(size, 'switch-thumb-size'),\n    '--switch-label-font-size': getSize(size, 'switch-label-font-size'),\n    '--switch-track-label-padding': getSize(size, 'switch-track-label-padding'),\n    '--switch-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Switch = factory<SwitchFactory>((_props, ref) => {\n  const props = useProps('Switch', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    color,\n    label,\n    offLabel,\n    onLabel,\n    id,\n    size,\n    radius,\n    wrapperProps,\n    children,\n    thumbIcon,\n    checked,\n    defaultChecked,\n    onChange,\n    labelPosition,\n    description,\n    error,\n    disabled,\n    variant,\n    ...others\n  } = props;\n\n  const ctx = useSwitchGroupContext();\n  const _size = size || ctx?.size;\n\n  const getStyles = useStyles<SwitchFactory>({\n    name: 'Switch',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const { styleProps, rest } = extractStyleProps(others);\n  const uuid = useId(id);\n\n  const contextProps = ctx\n    ? {\n        checked: ctx.value.includes(rest.value as string),\n        onChange: ctx.onChange,\n      }\n    : {};\n\n  const [_checked, handleChange] = useUncontrolled({\n    value: contextProps.checked ?? checked,\n    defaultValue: defaultChecked,\n    finalValue: false,\n  });\n\n  return (\n    <InlineInput\n      {...getStyles('root')}\n      __staticSelector=\"Switch\"\n      __stylesApiProps={props}\n      id={uuid}\n      size={_size}\n      labelPosition={labelPosition}\n      label={label}\n      description={description}\n      error={error}\n      disabled={disabled}\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      data-checked={contextProps.checked || undefined}\n      variant={variant}\n      {...styleProps}\n      {...wrapperProps}\n    >\n      <input\n        {...rest}\n        disabled={disabled}\n        checked={_checked}\n        onChange={(event) => {\n          ctx ? contextProps.onChange?.(event) : onChange?.(event);\n          handleChange(event.currentTarget.checked);\n        }}\n        id={uuid}\n        ref={ref}\n        type=\"checkbox\"\n        {...getStyles('input')}\n      />\n\n      <Box\n        component=\"label\"\n        htmlFor={uuid}\n        mod={{ error, 'label-position': labelPosition }}\n        {...getStyles('track')}\n      >\n        <Box component=\"span\" mod=\"reduce-motion\" {...getStyles('thumb')}>\n          {thumbIcon}\n        </Box>\n        <span {...getStyles('trackLabel')}>{_checked ? onLabel : offLabel}</span>\n      </Box>\n    </InlineInput>\n  );\n});\n\nSwitch.displayName = '@mantine/core/Switch';\nSwitch.Group = SwitchGroup;\n"],"names":["createVarsResolver","getRadius","getSize","getThemeColor","factory","useProps","useSwitchGroupContext","useStyles","classes","extractStyleProps","useId","useUncontrolled","React","InlineInput","Box","SwitchGroup"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineColor,\n  MantineSize,\n  MantineRadius,\n  extractStyleProps,\n  getRadius,\n  Box,\n  getSize,\n  getThemeColor,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { InlineInput, InlineInputStylesNames, InlineInputClasses } from '../InlineInput';\nimport { useSwitchGroupContext } from './SwitchGroup.context';\nimport { SwitchGroup } from './SwitchGroup/SwitchGroup';\nimport classes from './Switch.module.css';\n\nexport type SwitchStylesNames =\n  | 'root'\n  | 'track'\n  | 'trackLabel'\n  | 'thumb'\n  | 'input'\n  | InlineInputStylesNames;\nexport type SwitchVariant = string;\nexport type SwitchCssVariables = {\n  root:\n    | '--switch-radius'\n    | '--switch-height'\n    | '--switch-width'\n    | '--switch-thumb-size'\n    | '--switch-label-font-size'\n    | '--switch-track-label-padding'\n    | '--switch-color';\n};\n\nexport interface SwitchProps\n  extends BoxProps,\n    StylesApiProps<SwitchFactory>,\n    ElementProps<'input', 'size'> {\n  /** Id used to bind input and label, if not passed, unique id will be generated instead */\n  id?: string;\n\n  /** Switch label */\n  label?: React.ReactNode;\n\n  /** Inner label when Switch is in unchecked state */\n  offLabel?: React.ReactNode;\n\n  /** Inner label when Switch is in checked state */\n  onLabel?: React.ReactNode;\n\n  /** Key of `theme.colors` or any valid CSS color to set input color in checked state, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Controls size of all elements */\n  size?: MantineSize | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius,` \"xl\" by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Props passed down to the wrapper element */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Icon inside the thumb of switch */\n  thumbIcon?: React.ReactNode;\n\n  /** Position of the label relative to the input, `'right'` by default */\n  labelPosition?: 'left' | 'right';\n\n  /** Description displayed below the label */\n  description?: React.ReactNode;\n\n  /** Error displayed below the label */\n  error?: React.ReactNode;\n}\n\nexport type SwitchFactory = Factory<{\n  props: SwitchProps;\n  ref: HTMLInputElement;\n  stylesNames: SwitchStylesNames;\n  vars: SwitchCssVariables;\n  variant: SwitchVariant;\n  staticComponents: {\n    Group: typeof SwitchGroup;\n  };\n}>;\n\nconst defaultProps: Partial<SwitchProps> = {\n  size: 'sm',\n  radius: 'xl',\n  labelPosition: 'right',\n};\n\nconst varsResolver = createVarsResolver<SwitchFactory>((theme, { radius, color, size }) => ({\n  root: {\n    '--switch-radius': getRadius(radius),\n    '--switch-height': getSize(size, 'switch-height'),\n    '--switch-width': getSize(size, 'switch-width'),\n    '--switch-thumb-size': getSize(size, 'switch-thumb-size'),\n    '--switch-label-font-size': getSize(size, 'switch-label-font-size'),\n    '--switch-track-label-padding': getSize(size, 'switch-track-label-padding'),\n    '--switch-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Switch = factory<SwitchFactory>((_props, ref) => {\n  const props = useProps('Switch', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    color,\n    label,\n    offLabel,\n    onLabel,\n    id,\n    size,\n    radius,\n    wrapperProps,\n    children,\n    thumbIcon,\n    checked,\n    defaultChecked,\n    onChange,\n    labelPosition,\n    description,\n    error,\n    disabled,\n    variant,\n    ...others\n  } = props;\n\n  const ctx = useSwitchGroupContext();\n  const _size = size || ctx?.size;\n\n  const getStyles = useStyles<SwitchFactory>({\n    name: 'Switch',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const { styleProps, rest } = extractStyleProps(others);\n  const uuid = useId(id);\n\n  const contextProps = ctx\n    ? {\n        checked: ctx.value.includes(rest.value as string),\n        onChange: ctx.onChange,\n      }\n    : {};\n\n  const [_checked, handleChange] = useUncontrolled({\n    value: contextProps.checked ?? checked,\n    defaultValue: defaultChecked,\n    finalValue: false,\n  });\n\n  return (\n    <InlineInput\n      {...getStyles('root')}\n      __staticSelector=\"Switch\"\n      __stylesApiProps={props}\n      id={uuid}\n      size={_size}\n      labelPosition={labelPosition}\n      label={label}\n      description={description}\n      error={error}\n      disabled={disabled}\n      classNames={classNames}\n      styles={styles}\n      unstyled={unstyled}\n      data-checked={contextProps.checked || undefined}\n      variant={variant}\n      {...styleProps}\n      {...wrapperProps}\n    >\n      <input\n        {...rest}\n        disabled={disabled}\n        checked={_checked}\n        onChange={(event) => {\n          ctx ? contextProps.onChange?.(event) : onChange?.(event);\n          handleChange(event.currentTarget.checked);\n        }}\n        id={uuid}\n        ref={ref}\n        type=\"checkbox\"\n        {...getStyles('input')}\n      />\n\n      <Box\n        component=\"label\"\n        htmlFor={uuid}\n        mod={{ error, 'label-position': labelPosition }}\n        {...getStyles('track')}\n      >\n        <Box component=\"span\" mod=\"reduce-motion\" {...getStyles('thumb')}>\n          {thumbIcon}\n        </Box>\n        <span {...getStyles('trackLabel')}>{_checked ? onLabel : offLabel}</span>\n      </Box>\n    </InlineInput>\n  );\n});\n\nSwitch.classes = { ...classes, ...InlineInputClasses };\nSwitch.displayName = '@mantine/core/Switch';\nSwitch.Group = SwitchGroup;\n"],"names":["createVarsResolver","getRadius","getSize","getThemeColor","factory","useProps","useSwitchGroupContext","useStyles","classes","extractStyleProps","useId","useUncontrolled","React","InlineInput","Box","InlineInputClasses","SwitchGroup"],"mappings":"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"}

package/cjs/components/Switch/SwitchGroup/SwitchGroup.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 SwitchGroup_context = require('../SwitchGroup.context.js');
@@ -14,25 +13,70 @@ 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 SwitchGroup = factory.factory((props, ref) => {
-    const _a = useProps.useProps('SwitchGroup', defaultProps, props), { value, defaultValue, onChange, size, wrapperProps, children } = _a, others = tslib.__rest(_a, ["value", "defaultValue", "onChange", "size", "wrapperProps", "children"]);
-    const [_value, setValue] = hooks.useUncontrolled({
-        value,
-        defaultValue,
-        finalValue: [],
-        onChange,
-    });
-    const handleChange = (event) => {
-        const itemValue = event.currentTarget.value;
-        setValue(_value.includes(itemValue)
-            ? _value.filter((item) => item !== itemValue)
-            : [..._value, itemValue]);
-    };
-    return (React__default.createElement(SwitchGroup_context.SwitchGroupProvider, { value: { value: _value, onChange: handleChange, size } },
-        React__default.createElement(Input.Input.Wrapper, Object.assign({ size: size, ref: ref }, wrapperProps, others, { labelElement: "div", __staticSelector: "SwitchGroup" }), children)));
+  const _a = useProps.useProps(
+    "SwitchGroup",
+    defaultProps,
+    props
+  ), { value, defaultValue, onChange, size, wrapperProps, children } = _a, others = __objRest(_a, ["value", "defaultValue", "onChange", "size", "wrapperProps", "children"]);
+  const [_value, setValue] = hooks.useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange
+  });
+  const handleChange = (event) => {
+    const itemValue = event.currentTarget.value;
+    setValue(
+      _value.includes(itemValue) ? _value.filter((item) => item !== itemValue) : [..._value, itemValue]
+    );
+  };
+  return /* @__PURE__ */ React__default.createElement(SwitchGroup_context.SwitchGroupProvider, { value: { value: _value, onChange: handleChange, size } }, /* @__PURE__ */ React__default.createElement(
+    Input.Input.Wrapper,
+    __spreadProps(__spreadValues(__spreadValues({
+      size,
+      ref
+    }, wrapperProps), others), {
+      labelElement: "div",
+      __staticSelector: "SwitchGroup"
+    }),
+    children
+  ));
 });
-SwitchGroup.displayName = '@mantine/core/SwitchGroup';
+SwitchGroup.classes = Input.Input.Wrapper.classes;
+SwitchGroup.displayName = "@mantine/core/SwitchGroup";
 
 exports.SwitchGroup = SwitchGroup;
 //# sourceMappingURL=SwitchGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchGroup.js","sources":["../../../../src/components/Switch/SwitchGroup/SwitchGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, useProps, MantineSize, Factory } from '../../../core';\nimport { InputWrapperStylesNames, Input, InputWrapperProps } from '../../Input';\nimport { SwitchGroupProvider } from '../SwitchGroup.context';\n\nexport type SwitchGroupStylesNames = InputWrapperStylesNames;\nexport type SwitchGroupVariant = string;\n\nexport interface SwitchGroupProps extends Omit<InputWrapperProps, 'onChange'> {\n  /** `Switch` components */\n  children: React.ReactNode;\n\n  /** Controlled component value */\n  value?: string[];\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string[];\n\n  /** Called when value changes */\n  onChange?(value: string[]): void;\n\n  /** Props passed down to the `Input.Wrapper` */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Controls size of the `Input.Wrapper`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type SwitchGroupFactory = Factory<{\n  props: SwitchGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: SwitchGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<SwitchGroupProps> = {};\n\nexport const SwitchGroup = factory<SwitchGroupFactory>((props, ref) => {\n  const { value, defaultValue, onChange, size, wrapperProps, children, ...others } = useProps(\n    'SwitchGroup',\n    defaultProps,\n    props\n  );\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: [],\n    onChange,\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const itemValue = event.currentTarget.value;\n    setValue(\n      _value.includes(itemValue)\n        ? _value.filter((item) => item !== itemValue)\n        : [..._value, itemValue]\n    );\n  };\n\n  return (\n    <SwitchGroupProvider value={{ value: _value, onChange: handleChange, size }}>\n      <Input.Wrapper\n        size={size}\n        ref={ref}\n        {...wrapperProps}\n        {...others}\n        labelElement=\"div\"\n        __staticSelector=\"SwitchGroup\"\n      >\n        {children}\n      </Input.Wrapper>\n    </SwitchGroupProvider>\n  );\n});\n\nSwitchGroup.displayName = '@mantine/core/SwitchGroup';\n"],"names":["factory","useProps","useUncontrolled","React","SwitchGroupProvider","Input"],"mappings":";;;;;;;;;;;;;;;;AAmCA,MAAM,YAAY,GAA8B,EAAE,CAAC;MAEtC,WAAW,GAAGA,eAAO,CAAqB,CAAC,KAAK,EAAE,GAAG;IAChE,MAAM,KAA6EC,iBAAQ,CACzF,aAAa,EACb,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,OAIlE,EAJuE,MAAM,oBAAxE,yEAA0E,CAI/E,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;QACzC,KAAK;QACL,YAAY;QACZ,UAAU,EAAE,EAAE;QACd,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAA0C;QAC9D,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;QAC5C,QAAQ,CACN,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC;cACtB,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,SAAS,CAAC;cAC3C,CAAC,GAAG,MAAM,EAAE,SAAS,CAAC,CAC3B,CAAC;KACH,CAAC;IAEF,QACEC,6BAACC,uCAAmB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE;QACzED,6BAACE,WAAK,CAAC,OAAO,kBACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,YAAY,EACZ,MAAM,IACV,YAAY,EAAC,KAAK,EAClB,gBAAgB,EAAC,aAAa,KAE7B,QAAQ,CACK,CACI,EACtB;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"SwitchGroup.js","sources":["../../../../src/components/Switch/SwitchGroup/SwitchGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { factory, useProps, MantineSize, Factory } from '../../../core';\nimport { InputWrapperStylesNames, Input, InputWrapperProps } from '../../Input';\nimport { SwitchGroupProvider } from '../SwitchGroup.context';\n\nexport type SwitchGroupStylesNames = InputWrapperStylesNames;\nexport type SwitchGroupVariant = string;\n\nexport interface SwitchGroupProps extends Omit<InputWrapperProps, 'onChange'> {\n  /** `Switch` components */\n  children: React.ReactNode;\n\n  /** Controlled component value */\n  value?: string[];\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string[];\n\n  /** Called when value changes */\n  onChange?(value: string[]): void;\n\n  /** Props passed down to the `Input.Wrapper` */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Controls size of the `Input.Wrapper`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type SwitchGroupFactory = Factory<{\n  props: SwitchGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: SwitchGroupStylesNames;\n}>;\n\nconst defaultProps: Partial<SwitchGroupProps> = {};\n\nexport const SwitchGroup = factory<SwitchGroupFactory>((props, ref) => {\n  const { value, defaultValue, onChange, size, wrapperProps, children, ...others } = useProps(\n    'SwitchGroup',\n    defaultProps,\n    props\n  );\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: [],\n    onChange,\n  });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const itemValue = event.currentTarget.value;\n    setValue(\n      _value.includes(itemValue)\n        ? _value.filter((item) => item !== itemValue)\n        : [..._value, itemValue]\n    );\n  };\n\n  return (\n    <SwitchGroupProvider value={{ value: _value, onChange: handleChange, size }}>\n      <Input.Wrapper\n        size={size}\n        ref={ref}\n        {...wrapperProps}\n        {...others}\n        labelElement=\"div\"\n        __staticSelector=\"SwitchGroup\"\n      >\n        {children}\n      </Input.Wrapper>\n    </SwitchGroupProvider>\n  );\n});\n\nSwitchGroup.classes = Input.Wrapper.classes;\nSwitchGroup.displayName = '@mantine/core/SwitchGroup';\n"],"names":["factory","useProps","useUncontrolled","React","SwitchGroupProvider","Input"],"mappings":"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"}

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

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

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

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

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

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

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

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

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

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