@mantine/core 6.0.11 → 7.0.0-alpha.10

package/esm/components/Slider/utils/get-position/get-position.js

@@ -0,0 +1,7 @@
+function getPosition({ value, min, max }) {
+    const position = ((value - min) / (max - min)) * 100;
+    return Math.min(Math.max(position, 0), 100);
+}
+
+export { getPosition };
+//# sourceMappingURL=get-position.js.map

package/esm/components/Slider/utils/get-position/get-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-position.js","sources":["../../../../../src/components/Slider/utils/get-position/get-position.ts"],"sourcesContent":["interface GetPosition {\n  value: number;\n  min: number;\n  max: number;\n}\n\nexport function getPosition({ value, min, max }: GetPosition) {\n  const position = ((value - min) / (max - min)) * 100;\n  return Math.min(Math.max(position, 0), 100);\n}\n"],"names":[],"mappings":"SAMgB,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAe;IAC1D,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC;IACrD,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAC9C;;;;"}

package/esm/components/Stack/Stack.js

@@ -0,0 +1,43 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './Stack.module.css.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSpacing } from '../../core/utils/get-size/get-size.js';
+
+const defaultProps = {
+    gap: 'md',
+    align: 'stretch',
+    justify: 'flex-start',
+};
+const varsResolver = createVarsResolver((_, { gap, align, justify }) => ({
+    root: {
+        '--stack-gap': getSpacing(gap),
+        '--stack-align': align,
+        '--stack-justify': justify,
+    },
+}));
+const Stack = factory((_props, ref) => {
+    const props = useProps('Stack', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, align, justify, gap, variant } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "align", "justify", "gap", "variant"]);
+    const getStyles = useStyles({
+        name: 'Stack',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return React.createElement(Box, Object.assign({ ref: ref }, getStyles('root'), { variant: variant }, others));
+});
+Stack.displayName = '@mantine/core/Stack';
+
+export { Stack };
+//# sourceMappingURL=Stack.js.map

package/esm/components/Stack/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSpacing,\n  getSpacing,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport classes from './Stack.module.css';\n\nexport type StackStylesNames = 'root';\nexport type StackVariant = string;\nexport type StackCssVariables = {\n  root: '--stack-gap' | '--stack-align' | '--stack-justify';\n};\n\nexport interface StackProps extends BoxProps, StylesApiProps<StackFactory>, ElementProps<'div'> {\n  /** Key of `theme.spacing` or any valid CSS value to set `gap` property, numbers are converted to rem, `'md'` by default */\n  gap?: MantineSpacing | (string & {}) | number;\n\n  /** Controls `align-items` CSS property, `'stretch'` by default */\n  align?: React.CSSProperties['alignItems'];\n\n  /** Controls `justify-content` CSS property, `'flex-start'` by default */\n  justify?: React.CSSProperties['justifyContent'];\n}\n\nexport type StackFactory = Factory<{\n  props: StackProps;\n  ref: HTMLDivElement;\n  stylesNames: StackStylesNames;\n  vars: StackCssVariables;\n  variant: StackVariant;\n}>;\n\nconst defaultProps: Partial<StackProps> = {\n  gap: 'md',\n  align: 'stretch',\n  justify: 'flex-start',\n};\n\nconst varsResolver = createVarsResolver<StackFactory>((_, { gap, align, justify }) => ({\n  root: {\n    '--stack-gap': getSpacing(gap),\n    '--stack-align': align,\n    '--stack-justify': justify,\n  },\n}));\n\nexport const Stack = factory<StackFactory>((_props, ref) => {\n  const props = useProps('Stack', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    align,\n    justify,\n    gap,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<StackFactory>({\n    name: 'Stack',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box ref={ref} {...getStyles('root')} variant={variant} {...others} />;\n});\n\nStack.displayName = '@mantine/core/Stack';\n"],"names":[],"mappings":";;;;;;;;;;AAyCA,MAAM,YAAY,GAAwB;IACxC,GAAG,EAAE,IAAI;IACT,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAe,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM;IACrF,IAAI,EAAE;QACJ,aAAa,EAAE,UAAU,CAAC,GAAG,CAAC;QAC9B,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,OAAO;KAC3B;CACF,CAAC,CAAC,CAAC;MAES,KAAK,GAAG,OAAO,CAAe,CAAC,MAAM,EAAE,GAAG;IACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,OAAO,EACP,GAAG,EACH,OAAO,KAEL,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,wGAYL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAG,SAAS,CAAe;QACxC,IAAI,EAAE,OAAO;QACb,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,oBAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,IAAE,OAAO,EAAE,OAAO,IAAM,MAAM,EAAI,CAAC;AAChF,CAAC,EAAE;AAEH,KAAK,CAAC,WAAW,GAAG,qBAAqB;;;;"}

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

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine--J46Qoq"};
+
+export default classes;
+//# sourceMappingURL=Stack.module.css.js.map

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

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

package/esm/components/Switch/Switch.js

@@ -0,0 +1,78 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useId, useUncontrolled } from '@mantine/hooks';
+import { useSwitchGroupContext } from './SwitchGroup.context.js';
+import { SwitchGroup } from './SwitchGroup/SwitchGroup.js';
+import classes from './Switch.module.css.js';
+import { InlineInput } from '../InlineInput/InlineInput.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getRadius, getSize } from '../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+
+const defaultProps = {
+    size: 'sm',
+    radius: 'xl',
+    labelPosition: 'right',
+};
+const varsResolver = createVarsResolver((theme, { radius, color, size }) => ({
+    root: {
+        '--switch-radius': getRadius(radius),
+        '--switch-height': getSize(size, 'switch-height'),
+        '--switch-width': getSize(size, 'switch-width'),
+        '--switch-thumb-size': getSize(size, 'switch-thumb-size'),
+        '--switch-label-font-size': getSize(size, 'switch-label-font-size'),
+        '--switch-track-label-padding': getSize(size, 'switch-track-label-padding'),
+        '--switch-color': getThemeColor(color, theme),
+    },
+}));
+const Switch = factory((_props, ref) => {
+    var _a;
+    const props = 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 = __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 = useSwitchGroupContext();
+    const _size = size || (ctx === null || ctx === void 0 ? void 0 : ctx.size);
+    const getStyles = useStyles({
+        name: 'Switch',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const { styleProps, rest } = extractStyleProps(others);
+    const uuid = useId(id);
+    const contextProps = ctx
+        ? {
+            checked: ctx.value.includes(rest.value),
+            onChange: ctx.onChange,
+        }
+        : {};
+    const [_checked, handleChange] = useUncontrolled({
+        value: (_a = contextProps.checked) !== null && _a !== void 0 ? _a : checked,
+        defaultValue: defaultChecked,
+        finalValue: false,
+    });
+    return (React.createElement(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.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.createElement(Box, Object.assign({ component: "label", htmlFor: uuid, mod: { error, 'label-position': labelPosition } }, getStyles('track')),
+            React.createElement(Box, Object.assign({ component: "span", mod: "reduce-motion" }, getStyles('thumb')), thumbIcon),
+            React.createElement("span", Object.assign({}, getStyles('trackLabel')), _checked ? onLabel : offLabel))));
+});
+Switch.displayName = '@mantine/core/Switch';
+Switch.Group = SwitchGroup;
+
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/esm/components/Switch/Switch.js.map

@@ -0,0 +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":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-ALPBoeW","input":"mantine-6BtVmwd","track":"mantine-BU-ARqd","thumb":"mantine-i2HdMIO","trackLabel":"mantine-0X3WnHm"};
+
+export default classes;
+//# sourceMappingURL=Switch.module.css.js.map

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

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

package/esm/components/Switch/SwitchGroup/SwitchGroup.js

@@ -0,0 +1,30 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useUncontrolled } from '@mantine/hooks';
+import { SwitchGroupProvider } from '../SwitchGroup.context.js';
+import { Input } from '../../Input/Input.js';
+import { factory } from '../../../core/factory/factory.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+
+const defaultProps = {};
+const SwitchGroup = factory((props, ref) => {
+    const _a = useProps('SwitchGroup', defaultProps, props), { value, defaultValue, onChange, size, wrapperProps, children } = _a, others = __rest(_a, ["value", "defaultValue", "onChange", "size", "wrapperProps", "children"]);
+    const [_value, setValue] = 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.createElement(SwitchGroupProvider, { value: { value: _value, onChange: handleChange, size } },
+        React.createElement(Input.Wrapper, Object.assign({ size: size, ref: ref }, wrapperProps, others, { labelElement: "div", __staticSelector: "SwitchGroup" }), children)));
+});
+SwitchGroup.displayName = '@mantine/core/SwitchGroup';
+
+export { SwitchGroup };
+//# sourceMappingURL=SwitchGroup.js.map

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

@@ -0,0 +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":[],"mappings":";;;;;;;;AAmCA,MAAM,YAAY,GAA8B,EAAE,CAAC;MAEtC,WAAW,GAAG,OAAO,CAAqB,CAAC,KAAK,EAAE,GAAG;IAChE,MAAM,KAA6E,QAAQ,CACzF,aAAa,EACb,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,OAIlE,EAJuE,MAAM,cAAxE,yEAA0E,CAI/E,CAAC;IAEF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,eAAe,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,QACE,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE;QACzE,oBAAC,KAAK,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;;;;"}

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

@@ -0,0 +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":[],"mappings":";;AASA,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;MAClE,mBAAmB,GAAG,kBAAkB,CAAC,SAAS;MAClD,qBAAqB,GAAG,MAAM,UAAU,CAAC,kBAAkB;;;;"}

package/esm/components/Table/Table.components.js

@@ -0,0 +1,54 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useTableContext } from './Table.context.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { Box } from '../../core/Box/Box.js';
+
+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;
+    }
+    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((_props, ref) => {
+        const props = useProps(name, {}, _props);
+        const { classNames, className, style, styles, unstyled } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled"]);
+        const ctx = useTableContext();
+        return (React.createElement(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 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 });
+
+export { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, tableElement };
+//# sourceMappingURL=Table.components.js.map

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

@@ -0,0 +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":[],"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,GAAG,OAAO,CAAU,CAAC,MAAM,EAAE,GAAG;QAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACzC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,KAAgB,KAAK,EAAhB,MAAM,UAAK,KAAK,EAArE,0DAA6D,CAAQ,CAAC;QAE5E,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;QAE9B,QACE,oBAAC,GAAG,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;;;;"}

package/esm/components/Table/Table.context.js

@@ -0,0 +1,6 @@
+import { createSafeContext } from '../../core/utils/create-safe-context/create-safe-context.js';
+
+const [TableProvider, useTableContext] = createSafeContext('Table component was not found in the tree');
+
+export { TableProvider, useTableContext };
+//# sourceMappingURL=Table.context.js.map

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

@@ -0,0 +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":[],"mappings":";;MAYa,CAAC,aAAa,EAAE,eAAe,CAAC,GAAG,iBAAiB,CAC/D,2CAA2C;;;;"}

package/esm/components/Table/Table.js

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

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

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

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

@@ -0,0 +1,4 @@
+var classes = {"table":"mantine-4pMcfOJ","th":"mantine-3gTtPB9","tr":"mantine-iKGktTN","td":"mantine-2ZfSoeP","tbody":"mantine-z46XZly","caption":"mantine-0faD29m"};
+
+export default classes;
+//# sourceMappingURL=Table.module.css.js.map

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

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

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

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

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

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

package/esm/components/Tabs/Tabs.js

@@ -0,0 +1,89 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useId, useUncontrolled } from '@mantine/hooks';
+import { TabsProvider } from './Tabs.context.js';
+import { TabsList } from './TabsList/TabsList.js';
+import { TabsPanel } from './TabsPanel/TabsPanel.js';
+import { TabsTab } from './TabsTab/TabsTab.js';
+import classes from './Tabs.module.css.js';
+import { getSafeId } from '../../core/utils/get-safe-id/get-safe-id.js';
+import { factory } from '../../core/factory/factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getRadius } from '../../core/utils/get-size/get-size.js';
+import { getThemeColor } from '../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js';
+
+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',
+};
+const varsResolver = createVarsResolver((theme, { radius, color }) => ({
+    root: {
+        '--tabs-radius': getRadius(radius),
+        '--tabs-color': getThemeColor(color, theme),
+    },
+}));
+const Tabs = factory((_props, ref) => {
+    const props = useProps('Tabs', defaultProps, _props);
+    const { defaultValue, value, onChange, orientation, children, loop, id, activateTabWithKeyboard, allowTabDeactivation, variant, color, radius, inverted, placement, keepMounted, classNames, styles, unstyled, className, style, vars } = props, others = __rest(props, ["defaultValue", "value", "onChange", "orientation", "children", "loop", "id", "activateTabWithKeyboard", "allowTabDeactivation", "variant", "color", "radius", "inverted", "placement", "keepMounted", "classNames", "styles", "unstyled", "className", "style", "vars"]);
+    const uid = useId(id);
+    const [currentTab, setCurrentTab] = useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: null,
+        onChange,
+    });
+    const getStyles = useStyles({
+        name: 'Tabs',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(TabsProvider, { value: {
+            placement,
+            value: currentTab,
+            orientation,
+            id: uid,
+            loop,
+            activateTabWithKeyboard,
+            getTabId: getSafeId(`${uid}-tab`, VALUE_ERROR),
+            getPanelId: getSafeId(`${uid}-panel`, VALUE_ERROR),
+            onChange: setCurrentTab,
+            allowTabDeactivation,
+            variant,
+            color,
+            radius,
+            inverted,
+            keepMounted,
+            unstyled,
+            getStyles,
+        } },
+        React.createElement(Box, Object.assign({ ref: ref, id: uid, variant: variant, mod: {
+                orientation,
+                inverted: orientation === 'horizontal' && inverted,
+                placement: orientation === 'vertical' && placement,
+            } }, getStyles('root'), others), children)));
+});
+Tabs.displayName = '@mantine/core/Tabs';
+Tabs.Tab = TabsTab;
+Tabs.Panel = TabsPanel;
+Tabs.List = TabsList;
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

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

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

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-fBtrIHJ","list--default":"mantine--ujetQ3","list":"mantine-b84LNt-","panel":"mantine-6B21-pC","tab":"mantine-aoNu4SV","tabSection":"mantine-73ehQrs","tab--default":"mantine-29OfT1F","list--outline":"mantine-qPTfIBZ","tab--outline":"mantine-0AMwxi5","tab--pills":"mantine--HC5qJb"};
+
+export default classes;
+//# sourceMappingURL=Tabs.module.css.js.map

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

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

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

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

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

@@ -0,0 +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":[],"mappings":";;;;;;;AAmCA,MAAM,YAAY,GAA2B,EAAE,CAAC;MAEnC,QAAQ,GAAG,OAAO,CAAkB,CAAC,MAAM,EAAE,GAAG;IAC3D,MAAM,KAAK,GAAG,QAAQ,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,UAAK,KAAK,EAApF,6EAA4E,CAAQ,CAAC;IAE3F,MAAM,GAAG,GAAG,cAAc,EAAE,CAAC;IAE7B,QACE,oBAAC,GAAG,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;;;;"}