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

package/esm/components/Slider/SliderRoot/SliderRoot.js

@@ -1,47 +1,14 @@
-'use client';
+import { __rest } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useSliderContext } from '../Slider.context.js';
 import { Box } from '../../../core/Box/Box.js';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 const SliderRoot = forwardRef((_a, ref) => {
-  var _b = _a, { size, disabled, variant, color, thumbSize, radius } = _b, others = __objRest(_b, ["size", "disabled", "variant", "color", "thumbSize", "radius"]);
-  const { getStyles } = useSliderContext();
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({
-    tabIndex: -1,
-    variant,
-    size,
-    ref
-  }, getStyles("root")), others));
+    var { size, disabled, variant, color, thumbSize, radius } = _a, others = __rest(_a, ["size", "disabled", "variant", "color", "thumbSize", "radius"]);
+    const { getStyles } = useSliderContext();
+    return (React.createElement(Box, Object.assign({ tabIndex: -1, variant: variant, size: size, ref: ref }, getStyles('root'), others)));
 });
-SliderRoot.displayName = "@mantine/core/SliderRoot";
+SliderRoot.displayName = '@mantine/core/SliderRoot';
 
 export { SliderRoot };
 //# sourceMappingURL=SliderRoot.js.map

package/esm/components/Slider/SliderRoot/SliderRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  BoxProps,\n  Box,\n  ElementProps,\n  MantineSize,\n  MantineColor,\n  MantineRadius,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color: MantineColor | undefined;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize: string | number | undefined;\n  radius: MantineRadius | (string & {}) | number | undefined;\n}\n\nexport const SliderRoot = forwardRef<HTMLDivElement, SliderRootProps>(\n  ({ size, disabled, variant, color, thumbSize, radius, ...others }: SliderRootProps, ref) => {\n    const { getStyles } = useSliderContext();\n\n    return (\n      <Box\n        tabIndex={-1}\n        variant={variant}\n        size={size}\n        ref={ref}\n        {...getStyles('root')}\n        {...others}\n      />\n    );\n  }\n);\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  BoxProps,\n  Box,\n  ElementProps,\n  MantineSize,\n  MantineColor,\n  MantineRadius,\n} from '../../../core';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface SliderRootProps extends BoxProps, ElementProps<'div'> {\n  size: MantineSize | (string & {}) | number;\n  children: React.ReactNode;\n  color: MantineColor | undefined;\n  disabled: boolean | undefined;\n  variant?: string;\n  thumbSize: string | number | undefined;\n  radius: MantineRadius | (string & {}) | number | undefined;\n}\n\nexport const SliderRoot = forwardRef<HTMLDivElement, SliderRootProps>(\n  ({ size, disabled, variant, color, thumbSize, radius, ...others }: SliderRootProps, ref) => {\n    const { getStyles } = useSliderContext();\n\n    return (\n      <Box\n        tabIndex={-1}\n        variant={variant}\n        size={size}\n        ref={ref}\n        {...getStyles('root')}\n        {...others}\n      />\n    );\n  }\n);\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"names":[],"mappings":";;;;;MAqBa,UAAU,GAAG,UAAU,CAClC,CAAC,EAAiF,EAAE,GAAG;QAAtF,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,OAA8B,EAAzB,MAAM,cAA9D,+DAAgE,CAAF;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,QACE,oBAAC,GAAG,kBACF,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,IACJ,SAAS,CAAC,MAAM,CAAC,EACjB,MAAM,EACV,EACF;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/Slider/Thumb/Thumb.js

@@ -1,80 +1,23 @@
-'use client';
 import React, { forwardRef, useState } from 'react';
 import { useSliderContext } from '../Slider.context.js';
 import { Transition } from '../../Transition/Transition.js';
 import { Box } from '../../../core/Box/Box.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const Thumb = forwardRef(({
-  max,
-  min,
-  value,
-  position,
-  label,
-  dragging,
-  onMouseDown,
-  onKeyDownCapture,
-  labelTransitionProps,
-  labelAlwaysOn,
-  thumbLabel,
-  onFocus,
-  onBlur,
-  showLabelOnHover,
-  isHovered,
-  children = null,
-  disabled
-}, ref) => {
-  const { getStyles } = useSliderContext();
-  const [focused, setFocused] = useState(false);
-  const isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover && isHovered;
-  return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({
-    tabIndex: 0,
-    role: "slider",
-    "aria-label": thumbLabel,
-    "aria-valuemax": max,
-    "aria-valuemin": min,
-    "aria-valuenow": value,
-    ref,
-    __vars: { "--slider-thumb-offset": `${position}%` }
-  }, getStyles("thumb", { focusable: true })), {
-    mod: { dragging, disabled },
-    onFocus: () => {
-      setFocused(true);
-      typeof onFocus === "function" && onFocus();
-    },
-    onBlur: () => {
-      setFocused(false);
-      typeof onBlur === "function" && onBlur();
-    },
-    onTouchStart: onMouseDown,
-    onMouseDown,
-    onKeyDownCapture,
-    onClick: (event) => event.stopPropagation()
-  }), children, /* @__PURE__ */ React.createElement(Transition, __spreadValues({
-    mounted: label != null && !!isVisible,
-    transition: "fade",
-    duration: 0
-  }, labelTransitionProps), (transitionStyles) => /* @__PURE__ */ React.createElement("div", __spreadValues({}, getStyles("label", { style: transitionStyles })), label)));
+const Thumb = forwardRef(({ max, min, value, position, label, dragging, onMouseDown, onKeyDownCapture, labelTransitionProps, labelAlwaysOn, thumbLabel, onFocus, onBlur, showLabelOnHover, isHovered, children = null, disabled, }, ref) => {
+    const { getStyles } = useSliderContext();
+    const [focused, setFocused] = useState(false);
+    const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);
+    return (React.createElement(Box, Object.assign({ tabIndex: 0, role: "slider", "aria-label": thumbLabel, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, ref: ref, __vars: { '--slider-thumb-offset': `${position}%` } }, getStyles('thumb', { focusable: true }), { mod: { dragging, disabled }, onFocus: () => {
+            setFocused(true);
+            typeof onFocus === 'function' && onFocus();
+        }, onBlur: () => {
+            setFocused(false);
+            typeof onBlur === 'function' && onBlur();
+        }, onTouchStart: onMouseDown, onMouseDown: onMouseDown, onKeyDownCapture: onKeyDownCapture, onClick: (event) => event.stopPropagation() }),
+        children,
+        React.createElement(Transition, Object.assign({ mounted: label != null && !!isVisible, transition: "fade", duration: 0 }, labelTransitionProps), (transitionStyles) => (React.createElement("div", Object.assign({}, getStyles('label', { style: transitionStyles })), label)))));
 });
-Thumb.displayName = "@mantine/core/SliderThumb";
+Thumb.displayName = '@mantine/core/SliderThumb';
 
 export { Thumb };
 //# sourceMappingURL=Thumb.js.map

package/esm/components/Slider/Thumb/Thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { Box } from '../../../core';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface ThumbProps {\n  max: number;\n  min: number;\n  value: number;\n  position: number;\n  dragging: boolean;\n  label: React.ReactNode;\n  onKeyDownCapture?(event: React.KeyboardEvent<HTMLDivElement>): void;\n  onMouseDown?(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n  labelTransitionProps: TransitionOverride | undefined;\n  labelAlwaysOn: boolean | undefined;\n  thumbLabel: string | undefined;\n  onFocus?(): void;\n  onBlur?(): void;\n  showLabelOnHover: boolean | undefined;\n  isHovered?: boolean;\n  children?: React.ReactNode;\n  disabled: boolean | undefined;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n  (\n    {\n      max,\n      min,\n      value,\n      position,\n      label,\n      dragging,\n      onMouseDown,\n      onKeyDownCapture,\n      labelTransitionProps,\n      labelAlwaysOn,\n      thumbLabel,\n      onFocus,\n      onBlur,\n      showLabelOnHover,\n      isHovered,\n      children = null,\n      disabled,\n    }: ThumbProps,\n    ref\n  ) => {\n    const { getStyles } = useSliderContext();\n\n    const [focused, setFocused] = useState(false);\n\n    const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);\n\n    return (\n      <Box<'div'>\n        tabIndex={0}\n        role=\"slider\"\n        aria-label={thumbLabel}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        ref={ref}\n        __vars={{ '--slider-thumb-offset': `${position}%` }}\n        {...getStyles('thumb', { focusable: true })}\n        mod={{ dragging, disabled }}\n        onFocus={() => {\n          setFocused(true);\n          typeof onFocus === 'function' && onFocus();\n        }}\n        onBlur={() => {\n          setFocused(false);\n          typeof onBlur === 'function' && onBlur();\n        }}\n        onTouchStart={onMouseDown}\n        onMouseDown={onMouseDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onClick={(event) => event.stopPropagation()}\n      >\n        {children}\n        <Transition\n          mounted={label != null && !!isVisible}\n          transition=\"fade\"\n          duration={0}\n          {...labelTransitionProps}\n        >\n          {(transitionStyles) => (\n            <div {...getStyles('label', { style: transitionStyles })}>{label}</div>\n          )}\n        </Transition>\n      </Box>\n    );\n  }\n);\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { Box } from '../../../core';\nimport { Transition, TransitionOverride } from '../../Transition';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface ThumbProps {\n  max: number;\n  min: number;\n  value: number;\n  position: number;\n  dragging: boolean;\n  label: React.ReactNode;\n  onKeyDownCapture?(event: React.KeyboardEvent<HTMLDivElement>): void;\n  onMouseDown?(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n  labelTransitionProps: TransitionOverride | undefined;\n  labelAlwaysOn: boolean | undefined;\n  thumbLabel: string | undefined;\n  onFocus?(): void;\n  onBlur?(): void;\n  showLabelOnHover: boolean | undefined;\n  isHovered?: boolean;\n  children?: React.ReactNode;\n  disabled: boolean | undefined;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n  (\n    {\n      max,\n      min,\n      value,\n      position,\n      label,\n      dragging,\n      onMouseDown,\n      onKeyDownCapture,\n      labelTransitionProps,\n      labelAlwaysOn,\n      thumbLabel,\n      onFocus,\n      onBlur,\n      showLabelOnHover,\n      isHovered,\n      children = null,\n      disabled,\n    }: ThumbProps,\n    ref\n  ) => {\n    const { getStyles } = useSliderContext();\n\n    const [focused, setFocused] = useState(false);\n\n    const isVisible = labelAlwaysOn || dragging || focused || (showLabelOnHover && isHovered);\n\n    return (\n      <Box<'div'>\n        tabIndex={0}\n        role=\"slider\"\n        aria-label={thumbLabel}\n        aria-valuemax={max}\n        aria-valuemin={min}\n        aria-valuenow={value}\n        ref={ref}\n        __vars={{ '--slider-thumb-offset': `${position}%` }}\n        {...getStyles('thumb', { focusable: true })}\n        mod={{ dragging, disabled }}\n        onFocus={() => {\n          setFocused(true);\n          typeof onFocus === 'function' && onFocus();\n        }}\n        onBlur={() => {\n          setFocused(false);\n          typeof onBlur === 'function' && onBlur();\n        }}\n        onTouchStart={onMouseDown}\n        onMouseDown={onMouseDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onClick={(event) => event.stopPropagation()}\n      >\n        {children}\n        <Transition\n          mounted={label != null && !!isVisible}\n          transition=\"fade\"\n          duration={0}\n          {...labelTransitionProps}\n        >\n          {(transitionStyles) => (\n            <div {...getStyles('label', { style: transitionStyles })}>{label}</div>\n          )}\n        </Transition>\n      </Box>\n    );\n  }\n);\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":[],"mappings":";;;;;MA2Ba,KAAK,GAAG,UAAU,CAC7B,CACE,EACE,GAAG,EACH,GAAG,EACH,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,gBAAgB,EAChB,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,GACG,EACb,GAAG;IAEH,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAG,aAAa,IAAI,QAAQ,IAAI,OAAO,KAAK,gBAAgB,IAAI,SAAS,CAAC,CAAC;IAE1F,QACE,oBAAC,GAAG,kBACF,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACD,UAAU,mBACP,GAAG,mBACH,GAAG,mBACH,KAAK,EACpB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,EAAE,uBAAuB,EAAE,GAAG,QAAQ,GAAG,EAAE,IAC/C,SAAS,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,IAC3C,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC3B,OAAO,EAAE;YACP,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;SAC5C,EACD,MAAM,EAAE;YACN,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,EAAE,CAAC;SAC1C,EACD,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE;QAE1C,QAAQ;QACT,oBAAC,UAAU,kBACT,OAAO,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,CAAC,SAAS,EACrC,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,CAAC,IACP,oBAAoB,GAEvB,CAAC,gBAAgB,MAChB,6CAAS,SAAS,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,GAAG,KAAK,CAAO,CACxE,CACU,CACT,EACN;AACJ,CAAC,EACD;AAEF,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Slider/Track/Track.js

@@ -1,76 +1,23 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { Marks } from '../Marks/Marks.js';
 import { useSliderContext } from '../Slider.context.js';
 import { Box } from '../../../core/Box/Box.js';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function Track(_a) {
-  var _b = _a, {
-    filled,
-    children,
-    offset,
-    disabled,
-    marksOffset,
-    inverted,
-    containerProps
-  } = _b, others = __objRest(_b, [
-    "filled",
-    "children",
-    "offset",
-    "disabled",
-    "marksOffset",
-    "inverted",
-    "containerProps"
-  ]);
-  const { getStyles } = useSliderContext();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("trackContainer")), {
-    mod: { disabled }
-  }), containerProps), /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, getStyles("track")), {
-    mod: { inverted, disabled }
-  }), /* @__PURE__ */ React.createElement(Box, __spreadValues({
-    mod: { inverted, disabled },
-    __vars: {
-      "--slider-bar-width": `calc(${filled}% + var(--slider-size))`,
-      "--slider-bar-offset": `calc(${offset}% - var(--slider-size))`
-    }
-  }, getStyles("bar"))), children, /* @__PURE__ */ React.createElement(Marks, __spreadProps(__spreadValues({}, others), {
-    offset: marksOffset,
-    disabled,
-    inverted
-  })))));
+    var { filled, children, offset, disabled, marksOffset, inverted, containerProps } = _a, others = __rest(_a, ["filled", "children", "offset", "disabled", "marksOffset", "inverted", "containerProps"]);
+    const { getStyles } = useSliderContext();
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, Object.assign({}, getStyles('trackContainer'), { mod: { disabled } }, containerProps),
+            React.createElement(Box, Object.assign({}, getStyles('track'), { mod: { inverted, disabled } }),
+                React.createElement(Box, Object.assign({ mod: { inverted, disabled }, __vars: {
+                        '--slider-bar-width': `calc(${filled}% + var(--slider-size))`,
+                        '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,
+                    } }, getStyles('bar'))),
+                children,
+                React.createElement(Marks, Object.assign({}, others, { offset: marksOffset, disabled: disabled, inverted: inverted }))))));
 }
-Track.displayName = "@mantine/core/SliderTrack";
+Track.displayName = '@mantine/core/SliderTrack';
 
 export { Track };
 //# sourceMappingURL=Track.js.map

package/esm/components/Slider/Track/Track.js.map

@@ -1 +1 @@
-{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../core';\nimport { Marks } from '../Marks/Marks';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface TrackProps {\n  filled: number;\n  offset?: number;\n  marksOffset?: number;\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  children: React.ReactNode;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;\n}\n\nexport function Track({\n  filled,\n  children,\n  offset,\n  disabled,\n  marksOffset,\n  inverted,\n  containerProps,\n  ...others\n}: TrackProps) {\n  const { getStyles } = useSliderContext();\n\n  return (\n    <>\n      <Box {...getStyles('trackContainer')} mod={{ disabled }} {...containerProps}>\n        <Box {...getStyles('track')} mod={{ inverted, disabled }}>\n          <Box\n            mod={{ inverted, disabled }}\n            __vars={{\n              '--slider-bar-width': `calc(${filled}% + var(--slider-size))`,\n              '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,\n            }}\n            {...getStyles('bar')}\n          />\n\n          {children}\n\n          <Marks {...others} offset={marksOffset} disabled={disabled} inverted={inverted} />\n        </Box>\n      </Box>\n    </>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Track.js","sources":["../../../../src/components/Slider/Track/Track.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '../../../core';\nimport { Marks } from '../Marks/Marks';\nimport { useSliderContext } from '../Slider.context';\n\nexport interface TrackProps {\n  filled: number;\n  offset?: number;\n  marksOffset?: number;\n  marks: { value: number; label?: React.ReactNode }[] | undefined;\n  min: number;\n  max: number;\n  value: number;\n  children: React.ReactNode;\n  disabled: boolean | undefined;\n  inverted: boolean | undefined;\n  containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;\n}\n\nexport function Track({\n  filled,\n  children,\n  offset,\n  disabled,\n  marksOffset,\n  inverted,\n  containerProps,\n  ...others\n}: TrackProps) {\n  const { getStyles } = useSliderContext();\n\n  return (\n    <>\n      <Box {...getStyles('trackContainer')} mod={{ disabled }} {...containerProps}>\n        <Box {...getStyles('track')} mod={{ inverted, disabled }}>\n          <Box\n            mod={{ inverted, disabled }}\n            __vars={{\n              '--slider-bar-width': `calc(${filled}% + var(--slider-size))`,\n              '--slider-bar-offset': `calc(${offset}% - var(--slider-size))`,\n            }}\n            {...getStyles('bar')}\n          />\n\n          {children}\n\n          <Marks {...others} offset={marksOffset} disabled={disabled} inverted={inverted} />\n        </Box>\n      </Box>\n    </>\n  );\n}\n\nTrack.displayName = '@mantine/core/SliderTrack';\n"],"names":[],"mappings":";;;;;;SAmBgB,KAAK,CAAC,EAST;QATS,EACpB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,cAAc,OAEH,EADR,MAAM,cARW,yFASrB,CADU;IAET,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEzC,QACE;QACE,oBAAC,GAAG,oBAAK,SAAS,CAAC,gBAAgB,CAAC,IAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,IAAM,cAAc;YACzE,oBAAC,GAAG,oBAAK,SAAS,CAAC,OAAO,CAAC,IAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACtD,oBAAC,GAAG,kBACF,GAAG,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC3B,MAAM,EAAE;wBACN,oBAAoB,EAAE,QAAQ,MAAM,yBAAyB;wBAC7D,qBAAqB,EAAE,QAAQ,MAAM,yBAAyB;qBAC/D,IACG,SAAS,CAAC,KAAK,CAAC,EACpB;gBAED,QAAQ;gBAET,oBAAC,KAAK,oBAAK,MAAM,IAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAC9E,CACF,CACL,EACH;AACJ,CAAC;AAED,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Slider/utils/get-change-value/get-change-value.js

@@ -1,20 +1,14 @@
-'use client';
-function getChangeValue({
-  value,
-  containerWidth,
-  min,
-  max,
-  step,
-  precision
-}) {
-  const left = !containerWidth ? value : Math.min(Math.max(value, 0), containerWidth) / containerWidth;
-  const dx = left * (max - min);
-  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;
-  const nextValueWithinStep = Math.max(nextValue, min);
-  if (precision !== void 0) {
-    return Number(nextValueWithinStep.toFixed(precision));
-  }
-  return nextValueWithinStep;
+function getChangeValue({ value, containerWidth, min, max, step, precision, }) {
+    const left = !containerWidth
+        ? value
+        : Math.min(Math.max(value, 0), containerWidth) / containerWidth;
+    const dx = left * (max - min);
+    const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;
+    const nextValueWithinStep = Math.max(nextValue, min);
+    if (precision !== undefined) {
+        return Number(nextValueWithinStep.toFixed(precision));
+    }
+    return nextValueWithinStep;
 }
 
 export { getChangeValue };

package/esm/components/Slider/utils/get-change-value/get-change-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-change-value.js","sources":["../../../../../src/components/Slider/utils/get-change-value/get-change-value.ts"],"sourcesContent":["interface GetChangeValue {\n  value: number;\n  containerWidth?: number;\n  min: number;\n  max: number;\n  step: number;\n  precision?: number;\n}\n\nexport function getChangeValue({\n  value,\n  containerWidth,\n  min,\n  max,\n  step,\n  precision,\n}: GetChangeValue) {\n  const left = !containerWidth\n    ? value\n    : Math.min(Math.max(value, 0), containerWidth) / containerWidth;\n  const dx = left * (max - min);\n  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;\n\n  const nextValueWithinStep = Math.max(nextValue, min);\n\n  if (precision !== undefined) {\n    return Number(nextValueWithinStep.toFixed(precision));\n  }\n\n  return nextValueWithinStep;\n}\n"],"names":[],"mappings":";AAAO,SAAS,cAAc,CAAC;AAC/B,EAAE,KAAK;AACP,EAAE,cAAc;AAChB,EAAE,GAAG;AACL,EAAE,GAAG;AACL,EAAE,IAAI;AACN,EAAE,SAAS;AACX,CAAC,EAAE;AACH,EAAE,MAAM,IAAI,GAAG,CAAC,cAAc,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;AACvG,EAAE,MAAM,EAAE,GAAG,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;AAChC,EAAE,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;AACxE,EAAE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;AACvD,EAAE,IAAI,SAAS,KAAK,KAAK,CAAC,EAAE;AAC5B,IAAI,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1D,GAAG;AACH,EAAE,OAAO,mBAAmB,CAAC;AAC7B;;"}
+{"version":3,"file":"get-change-value.js","sources":["../../../../../src/components/Slider/utils/get-change-value/get-change-value.ts"],"sourcesContent":["interface GetChangeValue {\n  value: number;\n  containerWidth?: number;\n  min: number;\n  max: number;\n  step: number;\n  precision?: number;\n}\n\nexport function getChangeValue({\n  value,\n  containerWidth,\n  min,\n  max,\n  step,\n  precision,\n}: GetChangeValue) {\n  const left = !containerWidth\n    ? value\n    : Math.min(Math.max(value, 0), containerWidth) / containerWidth;\n  const dx = left * (max - min);\n  const nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min;\n\n  const nextValueWithinStep = Math.max(nextValue, min);\n\n  if (precision !== undefined) {\n    return Number(nextValueWithinStep.toFixed(precision));\n  }\n\n  return nextValueWithinStep;\n}\n"],"names":[],"mappings":"SASgB,cAAc,CAAC,EAC7B,KAAK,EACL,cAAc,EACd,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,GACM;IACf,MAAM,IAAI,GAAG,CAAC,cAAc;UACxB,KAAK;UACL,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,cAAc,CAAC,GAAG,cAAc,CAAC;IAClE,MAAM,EAAE,GAAG,IAAI,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;IAEtE,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAErD,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,OAAO,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;KACvD;IAED,OAAO,mBAAmB,CAAC;AAC7B;;;;"}

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

@@ -1,10 +1,9 @@
-'use client';
 function getClientPosition(event) {
-  if ("TouchEvent" in window && event instanceof window.TouchEvent) {
-    const touch = event.touches[0];
-    return touch.clientX;
-  }
-  return event.clientX;
+    if ('TouchEvent' in window && event instanceof window.TouchEvent) {
+        const touch = event.touches[0];
+        return touch.clientX;
+    }
+    return event.clientX;
 }
 
 export { getClientPosition };

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

@@ -1 +1 @@
-{"version":3,"file":"get-client-position.js","sources":["../../../../../src/components/Slider/utils/get-client-position/get-client-position.ts"],"sourcesContent":["export function getClientPosition(event: any) {\n  if ('TouchEvent' in window && event instanceof window.TouchEvent) {\n    const touch = event.touches[0];\n    return touch.clientX;\n  }\n\n  return event.clientX;\n}\n"],"names":[],"mappings":";AAAO,SAAS,iBAAiB,CAAC,KAAK,EAAE;AACzC,EAAE,IAAI,YAAY,IAAI,MAAM,IAAI,KAAK,YAAY,MAAM,CAAC,UAAU,EAAE;AACpE,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACnC,IAAI,OAAO,KAAK,CAAC,OAAO,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB;;"}
+{"version":3,"file":"get-client-position.js","sources":["../../../../../src/components/Slider/utils/get-client-position/get-client-position.ts"],"sourcesContent":["export function getClientPosition(event: any) {\n  if ('TouchEvent' in window && event instanceof window.TouchEvent) {\n    const touch = event.touches[0];\n    return touch.clientX;\n  }\n\n  return event.clientX;\n}\n"],"names":[],"mappings":"SAAgB,iBAAiB,CAAC,KAAU;IAC1C,IAAI,YAAY,IAAI,MAAM,IAAI,KAAK,YAAY,MAAM,CAAC,UAAU,EAAE;QAChE,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC/B,OAAO,KAAK,CAAC,OAAO,CAAC;KACtB;IAED,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB;;;;"}

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

@@ -1,7 +1,6 @@
-'use client';
 function getPosition({ value, min, max }) {
-  const position = (value - min) / (max - min) * 100;
-  return Math.min(Math.max(position, 0), 100);
+    const position = ((value - min) / (max - min)) * 100;
+    return Math.min(Math.max(position, 0), 100);
 }
 
 export { getPosition };

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

@@ -1 +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":";AAAO,SAAS,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;AACjD,EAAE,MAAM,QAAQ,GAAG,CAAC,KAAK,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AACrD,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;AAC9C;;"}
+{"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

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import classes from './Stack.module.css.js';
 import { factory } from '../../core/factory/factory.js';
@@ -8,93 +8,36 @@ 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';
 
-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 = {
-  gap: "md",
-  align: "stretch",
-  justify: "flex-start"
+    gap: 'md',
+    align: 'stretch',
+    justify: 'flex-start',
 };
 const varsResolver = createVarsResolver((_, { gap, align, justify }) => ({
-  root: {
-    "--stack-gap": getSpacing(gap),
-    "--stack-align": align,
-    "--stack-justify": justify
-  }
+    root: {
+        '--stack-gap': getSpacing(gap),
+        '--stack-align': align,
+        '--stack-justify': justify,
+    },
 }));
 const Stack = factory((_props, ref) => {
-  const props = useProps("Stack", defaultProps, _props);
-  const _a = props, {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    align,
-    justify,
-    gap,
-    variant
-  } = _a, others = __objRest(_a, [
-    "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 /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({
-    ref
-  }, getStyles("root")), {
-    variant
-  }), others));
+    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";
+Stack.displayName = '@mantine/core/Stack';
 
 export { Stack };
 //# sourceMappingURL=Stack.js.map

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

@@ -1 +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":"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"}
+{"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

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"root":"mantine--J46Qoq"};
 
 export default classes;

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

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