npm - @mantine/core - Versions diffs - 3.2.0 → 3.3.0 - Mend

@mantine/core 3.2.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1486) hide show

package/cjs/components/Select/SelectDropdown/SelectDropdown.js CHANGED Viewed

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
+var styles = require('@mantine/styles');
 var SelectDropdown_styles = require('./SelectDropdown.styles.js');
 var Popper = require('../../Popper/Popper.js');
 var Paper = require('../../Paper/Paper.js');
@@ -19,16 +20,19 @@ const SelectDropdown = React.forwardRef(({
   uuid,
   shadow,
   maxDropdownHeight,
+  withinPortal = true,
   children,
   classNames,
-  styles,
+  styles: styles$1,
   dropdownComponent,
   referenceElement,
   direction = "column",
   onDirectionChange,
+  zIndex = styles.getDefaultZIndex("popover"),
   __staticSelector
 }, ref) => {
-  const { classes } = SelectDropdown_styles['default'](null, { classNames, styles, name: __staticSelector });
+  const { classes } = SelectDropdown_styles['default'](null, { classNames, styles: styles$1, name: __staticSelector });
+  const previousPlacement = React.useRef("bottom");
   return /* @__PURE__ */ React__default.createElement(Popper.Popper, {
     referenceElement,
     mounted,
@@ -36,13 +40,9 @@ const SelectDropdown = React.forwardRef(({
     transitionDuration,
     transitionTimingFunction,
     position: "bottom",
+    withinPortal,
     placementFallbacks: ["top"],
-    onPlacementChange: (placement) => {
-      const nextDirection = placement === "top" ? "column-reverse" : "column";
-      if (direction !== nextDirection) {
-        onDirectionChange && onDirectionChange(nextDirection);
-      }
-    },
+    zIndex,
     modifiers: [
       {
         name: "sameWidth",
@@ -55,6 +55,20 @@ const SelectDropdown = React.forwardRef(({
         effect: ({ state }) => {
           state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
         }
+      },
+      {
+        name: "directionControl",
+        enabled: true,
+        phase: "main",
+        fn: ({ state }) => {
+          if (previousPlacement.current !== state.placement) {
+            previousPlacement.current = state.placement;
+            const nextDirection = state.placement === "top" ? "column-reverse" : "column";
+            if (direction !== nextDirection) {
+              onDirectionChange && onDirectionChange(nextDirection);
+            }
+          }
+        }
       }
     ]
   }, /* @__PURE__ */ React__default.createElement(Paper.Paper, {

package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDropdown.js","sources":["../../../../src/components/Select/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineShadow, ClassNames } from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { Paper } from '../../Paper';\nimport useStyles from './SelectDropdown.styles';\nimport { Popper } from '../../Popper';\n\nexport type SelectDropdownStylesNames = ClassNames<typeof useStyles>;\n\ninterface SelectDropdownProps extends DefaultProps<SelectDropdownStylesNames> {\n mounted: boolean;\n transition: MantineTransition;\n transitionDuration: number;\n transitionTimingFunction: string;\n uuid: string;\n shadow: MantineShadow;\n maxDropdownHeight?: number \| string;\n children: React.ReactNode;\n __staticSelector: string;\n dropdownComponent?: React.FC<any>;\n referenceElement?: HTMLElement;\n direction?: React.CSSProperties['flexDirection'];\n onDirectionChange?: (direction: React.CSSProperties['flexDirection']) => void;\n}\n\nexport const SelectDropdown = forwardRef<HTMLDivElement, SelectDropdownProps>(\n (\n {\n mounted,\n transition,\n transitionDuration,\n transitionTimingFunction,\n uuid,\n shadow,\n maxDropdownHeight,\n children,\n classNames,\n styles,\n dropdownComponent,\n referenceElement,\n direction = 'column',\n onDirectionChange,\n __staticSelector,\n }: SelectDropdownProps,\n ref\n ) => {\n const { classes } = useStyles(null, { classNames, styles, name: __staticSelector });\n\n return (\n <Popper\n referenceElement={referenceElement}\n mounted={mounted}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n position=\"bottom\"\n ~~placementFallbacks~~={~~['top']~~}\n ~~onPlacementChange~~={~~(placement: string) => {\n const nextDirection = placement ===~~ 'top' ~~? 'column-reverse' : 'column';\n\n if (direction !== nextDirection) {\n onDirectionChange && onDirectionChange(nextDirection);\n~~ }\n }}\n modifiers={[\n {\n // @ts-ignore\n name: 'sameWidth',\n enabled: true,\n phase: 'beforeWrite',\n requires: ['computeStyles'],\n fn: ({ state }) => {\n // eslint-disable-next-line no-param-reassign\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n effect: ({ state }) => {\n // eslint-disable-next-line no-param-reassign\n state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n },\n },\n ]}\n >\n <Paper<'div'>\n component={(dropdownComponent \|\| 'div') as any}\n id={`${uuid}-items`}\n aria-labelledby={`${uuid}-label`}\n role=\"listbox\"\n className={classes.dropdown}\n shadow={shadow}\n ref={ref}\n style={{\n maxHeight: maxDropdownHeight,\n flexDirection: direction,\n }}\n onMouseDown={(event) => event.preventDefault()}\n >\n {children}\n </Paper>\n </Popper>\n );\n }\n);\n\nSelectDropdown.displayName = '@mantine/core/SelectDropdown';\n"],"names":["forwardRef","useStyles","React","Popper","Paper"],"mappings":"~~;;;;;;;;;;;;;AAIY~~,MAAC,cAAc,GAAGA,gBAAU,CAAC,CAAC;AAC1C,EAAE,OAAO;AACT,EAAE,UAAU;AACZ,EAAE,kBAAkB;AACpB,EAAE,wBAAwB;AAC1B,EAAE,IAAI;AACN,EAAE,MAAM;AACR,EAAE,iBAAiB;AACnB,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,~~EAAE~~,~~MAAM~~;AACR,EAAE,iBAAiB;AACnB,EAAE,gBAAgB;AAClB,EAAE,SAAS,GAAG,QAAQ;AACtB,EAAE,iBAAiB;AACnB,EAAE,gBAAgB;AAClB,CAAC,EAAE,GAAG,KAAK;AACX,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGC,gCAAS,CAAC,IAAI,EAAE,EAAE,UAAU,~~EAAE~~,~~MAAM~~,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACtF,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,aAAM,EAAE;AACrD,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,kBAAkB,EAAE,CAAC,KAAK,CAAC;AAC/B,IAAI,~~iBAAiB,EAAE,CAAC,SAAS,KAAK;AACtC,~~MAAM~~,MAAM,aAAa,GAAG,SAAS,KAAK,KAAK,GAAG,gBAAgB,GAAG,QAAQ,CAAC~~;~~AAC9E~~,~~MAAM,~~IAAI,SAAS,~~KAAK,aAAa,~~EAAE;~~AACvC,QAAQ,iBAAiB,IAAI,iBAAiB,CAAC,aAAa,CAAC,CAAC;AAC9D,OAAO;AACP,KAAK;AACL,IAAI,SAAS,EAAE;~~AACf,MAAM;AACN,QAAQ,IAAI,EAAE,WAAW;AACzB,QAAQ,OAAO,EAAE,IAAI;AACrB,QAAQ,KAAK,EAAE,aAAa;AAC5B,QAAQ,QAAQ,EAAE,CAAC,eAAe,CAAC;AACnC,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK;AAC3B,UAAU,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACzE,SAAS;AACT,QAAQ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK;AAC/B,UAAU,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;AAC1F,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,kBAAkBD,cAAK,CAAC,aAAa,CAACE,WAAK,EAAE;AAChD,IAAI,SAAS,EAAE,iBAAiB,IAAI,KAAK;AACzC,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;AACvB,IAAI,iBAAiB,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;AACtC,IAAI,IAAI,EAAE,SAAS;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,IAAI,MAAM;AACV,IAAI,GAAG;AACP,IAAI,KAAK,EAAE;AACX,MAAM,SAAS,EAAE,iBAAiB;AAClC,MAAM,aAAa,EAAE,SAAS;AAC9B,KAAK;AACL,IAAI,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE;AAClD,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC,EAAE;AACH,cAAc,CAAC,WAAW,GAAG,8BAA8B;;;;"}
1	+ {"version":3,"file":"SelectDropdown.js","sources":["../../../../src/components/Select/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { DefaultProps, MantineShadow, ClassNames, getDefaultZIndex } from '@mantine/styles';\nimport type { Placement } from '@popperjs/core';\nimport { MantineTransition } from '../../Transition';\nimport { Paper } from '../../Paper';\nimport useStyles from './SelectDropdown.styles';\nimport { Popper } from '../../Popper';\n\nexport type SelectDropdownStylesNames = ClassNames<typeof useStyles>;\n\ninterface SelectDropdownProps extends DefaultProps<SelectDropdownStylesNames> {\n mounted: boolean;\n transition: MantineTransition;\n transitionDuration: number;\n transitionTimingFunction: string;\n uuid: string;\n shadow: MantineShadow;\n maxDropdownHeight?: number \| string;\n withinPortal?: boolean;\n children: React.ReactNode;\n __staticSelector: string;\n dropdownComponent?: React.FC<any>;\n referenceElement?: HTMLElement;\n direction?: React.CSSProperties['flexDirection'];\n onDirectionChange?: (direction: React.CSSProperties['flexDirection']) => void;\n zIndex?: number;\n}\n\nexport const SelectDropdown = forwardRef<HTMLDivElement, SelectDropdownProps>(\n (\n {\n mounted,\n transition,\n transitionDuration,\n transitionTimingFunction,\n uuid,\n shadow,\n maxDropdownHeight,\n withinPortal = true,\n children,\n classNames,\n styles,\n dropdownComponent,\n referenceElement,\n direction = 'column',\n onDirectionChange,\n zIndex = getDefaultZIndex('popover'),\n __staticSelector,\n }: SelectDropdownProps,\n ref\n ) => {\n const { classes } = useStyles(null, { classNames, styles, name: __staticSelector });\n\n const previousPlacement = useRef<Placement>('bottom');\n\n return (\n <Popper\n referenceElement={referenceElement}\n mounted={mounted}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n position=\"bottom\"\n withinPortal={withinPortal}\n placementFallbacks={['top']}\n zIndex={zIndex}\n modifiers={[\n {\n // @ts-ignore\n name: 'sameWidth',\n enabled: true,\n phase: 'beforeWrite',\n requires: ['computeStyles'],\n fn: ({ state }) => {\n // eslint-disable-next-line no-param-reassign\n state.styles.popper.width = `${state.rects.reference.width}px`;\n },\n effect: ({ state }) => {\n // eslint-disable-next-line no-param-reassign\n state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n },\n },\n {\n // @ts-ignore\n name: 'directionControl',\n enabled: true,\n phase: 'main',\n fn: ({ state }) => {\n if (previousPlacement.current !== state.placement) {\n previousPlacement.current = state.placement;\n\n const nextDirection = state.placement === 'top' ? 'column-reverse' : 'column';\n\n if (direction !== nextDirection) {\n onDirectionChange && onDirectionChange(nextDirection);\n }\n }\n },\n },\n ]}\n >\n <Paper<'div'>\n component={(dropdownComponent \|\| 'div') as any}\n id={`${uuid}-items`}\n aria-labelledby={`${uuid}-label`}\n role=\"listbox\"\n className={classes.dropdown}\n shadow={shadow}\n ref={ref}\n style={{\n maxHeight: maxDropdownHeight,\n flexDirection: direction,\n }}\n onMouseDown={(event) => event.preventDefault()}\n >\n {children}\n </Paper>\n </Popper>\n );\n }\n);\n\nSelectDropdown.displayName = '@mantine/core/SelectDropdown';\n"],"names":["forwardRef","styles","getDefaultZIndex","useStyles","useRef","React","Popper","Paper"],"mappings":"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"}

package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js CHANGED Viewed

@@ -26,7 +26,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = styles.createStyles((theme) => ({
   dropdown: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     boxSizing: "border-box",
-    zIndex: 10,
     pointerEvents: "auto",
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,

package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectDropdown.styles.js","sources":["../../../../src/components/Select/SelectDropdown/SelectDropdown.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n dropdown: {\n ...theme.fn.fontStyles(),\n boxSizing: 'border-box',\n ~~zIndex: 10,\n~~ pointerEvents: 'auto',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n padding: 4,\n overflowY: 'auto',\n display: 'flex',\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACrE,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,~~MAAM,EAAE,EAAE;AACd,IAAI,~~aAAa,EAAE,MAAM;AACzB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"SelectDropdown.styles.js","sources":["../../../../src/components/Select/SelectDropdown/SelectDropdown.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n dropdown: {\n ...theme.fn.fontStyles(),\n boxSizing: 'border-box',\n pointerEvents: 'auto',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n }`,\n padding: 4,\n overflowY: 'auto',\n display: 'flex',\n },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACrE,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,aAAa,EAAE,MAAM;AACzB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}

package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js CHANGED Viewed

@@ -62,11 +62,12 @@ function getSelectRightSectionProps(_a) {
   if (rightSection) {
     return { rightSection, rightSectionWidth, styles };
   }
+  const _styles = typeof styles === "function" ? styles(theme) : styles;
   return {
     rightSectionWidth: theme.fn.size({ size: props.size, sizes: RIGHT_SECTION_WIDTH }),
     rightSection: /* @__PURE__ */ React__default.createElement(SelectRightSection.SelectRightSection, __spreadValues({}, props)),
-    styles: __spreadProps(__spreadValues({}, styles), {
-      rightSection: __spreadProps(__spreadValues({}, styles == null ? void 0 : styles.rightSection), {
+    styles: __spreadProps(__spreadValues({}, _styles), {
+      rightSection: __spreadProps(__spreadValues({}, _styles == null ? void 0 : _styles.rightSection), {
         pointerEvents: props.shouldClear ? void 0 : "none"
       })
     })

package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-select-right-section-props.js","sources":["../../../../src/components/Select/SelectRightSection/get-select-right-section-props.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { SelectRightSection, SelectRightSectionProps } from './SelectRightSection';\n\ninterface GetRightSectionProps extends SelectRightSectionProps {\n rightSection?: React.ReactNode;\n rightSectionWidth?: number;\n styles: Record<string, any>;\n theme: MantineTheme;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport function getSelectRightSectionProps({\n styles,\n rightSection,\n rightSectionWidth,\n theme,\n ...props\n}: GetRightSectionProps) {\n if (rightSection) {\n return { rightSection, rightSectionWidth, styles };\n }\n\n return {\n rightSectionWidth: theme.fn.size({ size: props.size, sizes: RIGHT_SECTION_WIDTH }) as number,\n rightSection: <SelectRightSection {...props} />,\n styles: {\n ...~~styles~~,\n rightSection: {\n ...~~styles~~?.rightSection,\n pointerEvents: props.shouldClear ? undefined : 'none',\n },\n },\n };\n}\n"],"names":["React","SelectRightSection"],"mappings":"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~~MAAM~~,CAAC,EAAE;~~AACtD~~,MAAM,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,~~MAAM~~,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,~~MAAM~~,CAAC,YAAY,CAAC,EAAE;~~AACrG~~,QAAQ,aAAa,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,GAAG,MAAM;AAC1D,OAAO,CAAC;AACR,KAAK,CAAC;AACN,GAAG,CAAC;AACJ;;;;"}
1	+ {"version":3,"file":"get-select-right-section-props.js","sources":["../../../../src/components/Select/SelectRightSection/get-select-right-section-props.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineTheme } from '@mantine/styles';\nimport { SelectRightSection, SelectRightSectionProps } from './SelectRightSection';\n\ninterface GetRightSectionProps extends SelectRightSectionProps {\n rightSection?: React.ReactNode;\n rightSectionWidth?: number;\n styles: Record<string, any>;\n theme: MantineTheme;\n}\n\nconst RIGHT_SECTION_WIDTH = {\n xs: 24,\n sm: 30,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport function getSelectRightSectionProps({\n styles,\n rightSection,\n rightSectionWidth,\n theme,\n ...props\n}: GetRightSectionProps) {\n if (rightSection) {\n return { rightSection, rightSectionWidth, styles };\n }\n\n const _styles = typeof styles === 'function' ? styles(theme) : styles;\n\n return {\n rightSectionWidth: theme.fn.size({ size: props.size, sizes: RIGHT_SECTION_WIDTH }) as number,\n rightSection: <SelectRightSection {...props} />,\n styles: {\n ..._styles,\n rightSection: {\n ..._styles?.rightSection,\n pointerEvents: props.shouldClear ? undefined : 'none',\n },\n },\n };\n}\n"],"names":["React","SelectRightSection"],"mappings":"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"}

package/cjs/components/Select/SelectScrollArea/SelectScrollArea.js ADDED Viewed

@@ -0,0 +1,53 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var React = require('react');
+var ScrollArea = require('../../ScrollArea/ScrollArea.js');
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const SelectScrollArea = React.forwardRef((_a, ref) => {
+  var _b = _a, { style } = _b, others = __objRest(_b, ["style"]);
+  return /* @__PURE__ */ React__default.createElement(ScrollArea.ScrollArea, __spreadProps(__spreadValues({}, others), {
+    style: __spreadValues({ position: "absolute", width: "100%" }, style),
+    viewportRef: ref
+  }), others.children);
+});
+SelectScrollArea.displayName = "@mantine/core/SelectScrollArea";
+exports.SelectScrollArea = SelectScrollArea;
+//# sourceMappingURL=SelectScrollArea.js.map

package/cjs/components/Select/SelectScrollArea/SelectScrollArea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectScrollArea.js","sources":["../../../../src/components/Select/SelectScrollArea/SelectScrollArea.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { ScrollArea, ScrollAreaProps } from '../../ScrollArea';\n\nexport const SelectScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n ({ style, ...others }: ScrollAreaProps, ref) => (\n <ScrollArea\n {...others}\n style={{ position: 'absolute', width: '100%', ...style }}\n viewportRef={ref}\n >\n {others.children}\n </ScrollArea>\n )\n);\n\nSelectScrollArea.displayName = '@mantine/core/SelectScrollArea';\n"],"names":["forwardRef","React","ScrollArea"],"mappings":"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"}

package/cjs/components/SimpleGrid/SimpleGrid.js CHANGED Viewed

@@ -47,7 +47,9 @@ const SimpleGrid = React.forwardRef((_a, ref) => {
     spacing = "md",
     children,
     style,
-    sx
+    sx,
+    classNames,
+    styles: styles$1
   } = _b, others = __objRest(_b, [
     "className",
     "breakpoints",
@@ -55,12 +57,14 @@ const SimpleGrid = React.forwardRef((_a, ref) => {
     "spacing",
     "children",
     "style",
-    "sx"
+    "sx",
+    "classNames",
+    "styles"
   ]);
   const theme = styles.useMantineTheme();
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const sortedBreakpoints = getSortedBreakpoints.getSortedBreakpoints(theme, breakpoints);
-  const { classes, cx } = SimpleGrid_styles['default']({ breakpoints: sortedBreakpoints, cols, spacing }, { sx, name: "SimpleGrid" });
+  const { classes, cx } = SimpleGrid_styles['default']({ breakpoints: sortedBreakpoints, cols, spacing }, { sx, classNames, styles: styles$1, name: "SimpleGrid" });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: cx(classes.root, className),
     style: mergedStyles,

package/cjs/components/SimpleGrid/SimpleGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useExtractedMargins,\n useMantineTheme,\n} from '@mantine/styles';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\nimport useStyles, { SimpleGridBreakpoint } from './SimpleGrid.styles';\n\nexport interface SimpleGridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Breakpoints data to change items per row and spacing based on max-width /\n breakpoints?: SimpleGridBreakpoint[];\n\n /* Default amount of columns, used when none of breakpoints can be applied /\n cols?: number;\n\n /* Default spacing between columns, used when none of breakpoints can be applied */\n spacing?: MantineNumberSize;\n}\n\nexport const SimpleGrid = forwardRef<HTMLDivElement, SimpleGridProps>(\n (\n {\n className,\n breakpoints = [],\n cols = 1,\n spacing = 'md',\n children,\n style,\n sx,\n ...others\n }: SimpleGridProps,\n ref\n ) => {\n const theme = useMantineTheme();\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const sortedBreakpoints = getSortedBreakpoints(theme, breakpoints);\n const { classes, cx } = useStyles(\n { breakpoints: sortedBreakpoints, cols, spacing },\n { sx, name: 'SimpleGrid' }\n );\n\n return (\n <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n {children}\n </div>\n );\n }\n);\n\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":["forwardRef","useMantineTheme","useExtractedMargins","getSortedBreakpoints","useStyles","React"],"mappings":"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~~AACnH~~,EAAE,~~uBAAuBC~~,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC1C,IAAI,KAAK,EAAE,YAAY;AACvB,IAAI,GAAG;AACP,GAAG,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;AACtB,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1	+ {"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n useExtractedMargins,\n useMantineTheme,\n} from '@mantine/styles';\nimport { getSortedBreakpoints } from './get-sorted-breakpoints/get-sorted-breakpoints';\nimport useStyles, { SimpleGridBreakpoint } from './SimpleGrid.styles';\n\nexport interface SimpleGridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Breakpoints data to change items per row and spacing based on max-width /\n breakpoints?: SimpleGridBreakpoint[];\n\n /* Default amount of columns, used when none of breakpoints can be applied /\n cols?: number;\n\n /* Default spacing between columns, used when none of breakpoints can be applied */\n spacing?: MantineNumberSize;\n}\n\nexport const SimpleGrid = forwardRef<HTMLDivElement, SimpleGridProps>(\n (\n {\n className,\n breakpoints = [],\n cols = 1,\n spacing = 'md',\n children,\n style,\n sx,\n classNames,\n styles,\n ...others\n }: SimpleGridProps,\n ref\n ) => {\n const theme = useMantineTheme();\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const sortedBreakpoints = getSortedBreakpoints(theme, breakpoints);\n const { classes, cx } = useStyles(\n { breakpoints: sortedBreakpoints, cols, spacing },\n { sx, classNames, styles, name: 'SimpleGrid' }\n );\n\n return (\n <div className={cx(classes.root, className)} style={mergedStyles} ref={ref} {...rest}>\n {children}\n </div>\n );\n }\n);\n\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":["forwardRef","styles","useMantineTheme","useExtractedMargins","getSortedBreakpoints","useStyles","React"],"mappings":"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"}

package/cjs/components/Skeleton/Skeleton.js CHANGED Viewed

@@ -47,7 +47,9 @@ const Skeleton = React.forwardRef((_a, ref) => {
     className,
     style,
     circle,
-    radius = "sm"
+    radius = "sm",
+    classNames,
+    styles: styles$1
   } = _b, others = __objRest(_b, [
     "height",
     "width",
@@ -56,10 +58,12 @@ const Skeleton = React.forwardRef((_a, ref) => {
     "className",
     "style",
     "circle",
-    "radius"
+    "radius",
+    "classNames",
+    "styles"
   ]);
-  const { classes, cx } = Skeleton_styles['default']({ height, width, circle, radius }, { name: "Skeleton", sx });
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
+  const { classes, cx } = Skeleton_styles['default']({ height, width, circle, radius }, { classNames, styles: styles$1, name: "Skeleton", sx });
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: cx(classes.root, { [classes.visible]: visible }, className),
     style: mergedStyles,

package/cjs/components/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useExtractedMargins, MantineNumberSize } from '@mantine/styles';\nimport useStyles from './Skeleton.styles';\n\nexport interface SkeletonProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Should skeleton overlay be displayed /\n visible?: boolean;\n\n /* Skeleton height /\n height?: number \| string;\n\n /* Skeleton width /\n width?: number \| string;\n\n /* If Skeleton is a circle, it's width and border-radius will be equal to height /\n circle?: boolean;\n\n /* Radius from theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n (\n {\n height = 'auto',\n width = '100%',\n visible = true,\n sx,\n className,\n style,\n circle,\n radius = 'sm',\n ...others\n }: SkeletonProps,\n ref\n ) => {\n const { classes, cx } = useStyles({ height, width, circle, radius }, { name: 'Skeleton', sx }~~);\~~n ~~const { mergedStyles, rest } = useExtractedMargins({ others, style }~~);\n return (\n <div\n className={cx(classes.root, { [classes.visible]: visible }, className)}\n style={mergedStyles}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nSkeleton.displayName = '@mantine/core/Skeleton';\n"],"names":["forwardRef","~~useStyles~~","useExtractedMargins","React"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIU,MAAC,QAAQ,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAChD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,MAAM,GAAG,MAAM;AACnB,IAAI,KAAK,GAAG,MAAM;AAClB,IAAI,OAAO,GAAG,IAAI;AAClB,IAAI,EAAE;AACN,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,MAAM,GAAG,IAAI;AACjB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,IAAI;AACR,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,~~OAAO~~,EAAE,~~EAAE~~,EAAE,GAAGC,~~0BAAS~~,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,~~MAAM~~,EAAE,MAAM,EAAE,EAAE,EAAE,~~IAAI,~~EAAE,~~UAAU~~,~~EAAE~~,EAAE,EAAE,~~CAAC~~,~~CAAC;AACjG,~~EAAE,MAAM,EAAE,~~YAAY~~,EAAE,~~IAAI~~,EAAE,~~GAAGC~~,~~0BAAmB~~,~~CAAC~~,EAAE,~~MAAM~~,EAAE,~~KAAK~~,EAAE,CAAC,CAAC;~~AACxE~~,EAAE,~~uBAAuBC~~,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,EAAE,EAAE,SAAS,CAAC;AAC1E,IAAI,KAAK,EAAE,YAAY;AACvB,IAAI,GAAG;AACP,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AACZ,CAAC,EAAE;AACH,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useExtractedMargins, MantineNumberSize } from '@mantine/styles';\nimport useStyles from './Skeleton.styles';\n\nexport interface SkeletonProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n /** Should skeleton overlay be displayed /\n visible?: boolean;\n\n /* Skeleton height /\n height?: number \| string;\n\n /* Skeleton width /\n width?: number \| string;\n\n /* If Skeleton is a circle, it's width and border-radius will be equal to height /\n circle?: boolean;\n\n /* Radius from theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n}\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>(\n (\n {\n height = 'auto',\n width = '100%',\n visible = true,\n sx,\n className,\n style,\n circle,\n radius = 'sm',\n classNames,\n styles,\n ...others\n }: SkeletonProps,\n ref\n ) => {\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const { classes, cx } = useStyles(\n { height, width, circle, radius },\n { classNames, styles, name: 'Skeleton', sx }\n );\n\n return (\n <div\n className={cx(classes.root, { [classes.visible]: visible }, className)}\n style={mergedStyles}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nSkeleton.displayName = '@mantine/core/Skeleton';\n"],"names":["forwardRef","styles","useExtractedMargins","useStyles","React"],"mappings":"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"}

package/cjs/components/Slider/Thumb/Thumb.styles.js CHANGED Viewed

@@ -27,7 +27,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = styles.createStyles((theme, { color, size }) => ({
   label: {
     position: "absolute",
-    top: -32,
+    top: -36,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[9],
     fontSize: theme.fontSizes.xs,
     color: theme.white,

package/cjs/components/Slider/Thumb/Thumb.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n color: MantineColor;\n size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, size }: ThumbStyles) => ({\n label: {\n position: 'absolute',\n top: -32,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n fontSize: theme.fontSizes.xs,\n color: theme.white,\n padding: theme.spacing.xs / 2,\n borderRadius: theme.radius.sm,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n },\n\n thumb: {\n ...theme.fn.focusStyles(),\n boxSizing: 'border-box',\n position: 'absolute',\n height: theme.fn.size({ sizes, size }) * 2,\n width: theme.fn.size({ sizes, size }) * 2,\n backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor(color, 6) : theme.white,\n border: `4px solid ${\n theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6)\n }`,\n color: theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6),\n transform: 'translate(-50%, -50%)',\n top: '50%',\n cursor: 'pointer',\n borderRadius: 1000,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transitionDuration: '100ms',\n transitionProperty: 'box-shadow, transform',\n transitionTimingFunction: theme.transitionTimingFunction,\n zIndex: 2,\n },\n\n dragging: {\n transform: 'translate(-50%, -50%) scale(1.05)',\n boxShadow: theme.shadows.sm,\n },\n}));\n"],"names":["createStyles","sizes"],"mappings":"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"}
1	+ {"version":3,"file":"Thumb.styles.js","sources":["../../../../src/components/Slider/Thumb/Thumb.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface ThumbStyles {\n color: MantineColor;\n size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { color, size }: ThumbStyles) => ({\n label: {\n position: 'absolute',\n top: -36,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[9],\n fontSize: theme.fontSizes.xs,\n color: theme.white,\n padding: theme.spacing.xs / 2,\n borderRadius: theme.radius.sm,\n whiteSpace: 'nowrap',\n pointerEvents: 'none',\n },\n\n thumb: {\n ...theme.fn.focusStyles(),\n boxSizing: 'border-box',\n position: 'absolute',\n height: theme.fn.size({ sizes, size }) * 2,\n width: theme.fn.size({ sizes, size }) * 2,\n backgroundColor: theme.colorScheme === 'dark' ? theme.fn.themeColor(color, 6) : theme.white,\n border: `4px solid ${\n theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6)\n }`,\n color: theme.colorScheme === 'dark' ? theme.white : theme.fn.themeColor(color, 6),\n transform: 'translate(-50%, -50%)',\n top: '50%',\n cursor: 'pointer',\n borderRadius: 1000,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n transitionDuration: '100ms',\n transitionProperty: 'box-shadow, transform',\n transitionTimingFunction: theme.transitionTimingFunction,\n zIndex: 2,\n },\n\n dragging: {\n transform: 'translate(-50%, -50%) scale(1.05)',\n boxShadow: theme.shadows.sm,\n },\n}));\n"],"names":["createStyles","sizes"],"mappings":"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"}

package/cjs/components/Switch/Switch.styles.js CHANGED Viewed

@@ -24,25 +24,25 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const switchHeight = {
-  xs: 14,
-  sm: 18,
-  md: 22,
-  lg: 28,
-  xl: 34
+  xs: 16,
+  sm: 20,
+  md: 24,
+  lg: 30,
+  xl: 36
 };
 const switchWidth = {
-  xs: 28,
-  sm: 36,
-  md: 42,
-  lg: 54,
-  xl: 66
+  xs: 30,
+  sm: 38,
+  md: 44,
+  lg: 56,
+  xl: 68
 };
 const handleSizes = {
-  xs: 10,
-  sm: 12,
-  md: 16,
-  lg: 20,
-  xl: 26
+  xs: 12,
+  sm: 14,
+  md: 18,
+  lg: 22,
+  xl: 28
 };
 const sizes = Object.keys(switchHeight).reduce((acc, size) => {
   acc[size] = { width: switchWidth[size], height: switchHeight[size] };

package/cjs/components/Switch/Switch.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\n\ninterface SwitchStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n}\n\nconst switchHeight = {\n xs: 14,\n sm: 18,\n md: 22,\n lg: 28,\n xl: 34,\n};\n\nconst switchWidth = {\n xs: 28,\n sm: 36,\n md: 42,\n lg: 54,\n xl: 66,\n};\n\nconst handleSizes = {\n xs: 10,\n sm: 12,\n md: 16,\n lg: 20,\n xl: 26,\n};\n\nexport const sizes = Object.keys(switchHeight).reduce((acc, size) => {\n acc[size] = { width: switchWidth[size], height: switchHeight[size] };\n return acc;\n}, {} as Record<MantineSize, { width: number; height: number }>);\n\nexport default createStyles((theme, { size, radius, color }: SwitchStyles) => {\n const handleSize = theme.fn.size({ size, sizes: handleSizes });\n const borderRadius = theme.fn.size({ size: radius, sizes: theme.radius });\n\n return {\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n\n input: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n position: 'relative',\n borderRadius,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n height: theme.fn.size({ size, sizes: switchHeight }),\n width: theme.fn.size({ size, sizes: switchWidth }),\n minWidth: theme.fn.size({ size, sizes: switchWidth }),\n margin: 0,\n transitionProperty: 'background-color, border-color',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: '150ms',\n boxSizing: 'border-box',\n appearance: 'none',\n display: 'flex',\n alignItems: 'center',\n\n '&::before': {\n borderRadius,\n boxSizing: 'border-box',\n content: \"''\",\n display: 'block',\n backgroundColor: theme.white,\n height: handleSize,\n width: handleSize,\n border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n transition: `transform 150ms ${theme.transitionTimingFunction}`,\n transform: `translateX(${size === 'xs' ? 1 : 2}px)`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:checked': {\n backgroundColor: theme.fn.themeColor(color, 6),\n borderColor: theme.fn.themeColor(color, 6),\n\n '&::before': {\n transform: `translateX(${\n theme.fn.size({ size, sizes: switchWidth }) -\n theme.fn.size({ size, sizes: handleSizes }) -\n (size === 'xs' ? 3 : 4) // borderWidth: 2 + padding: 2 * 2\n }px)`,\n borderColor: theme.white,\n },\n },\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n cursor: 'not-allowed',\n\n '&::before': {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n },\n },\n },\n\n label: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n fontFamily: theme.fontFamily,\n paddingLeft: theme.spacing.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n };\n});\n"],"names":["createStyles"],"mappings":"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"}
1	+ {"version":3,"file":"Switch.styles.js","sources":["../../../src/components/Switch/Switch.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\n\ninterface SwitchStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n}\n\nconst switchHeight = {\n xs: 16,\n sm: 20,\n md: 24,\n lg: 30,\n xl: 36,\n};\n\nconst switchWidth = {\n xs: 30,\n sm: 38,\n md: 44,\n lg: 56,\n xl: 68,\n};\n\nconst handleSizes = {\n xs: 12,\n sm: 14,\n md: 18,\n lg: 22,\n xl: 28,\n};\n\nexport const sizes = Object.keys(switchHeight).reduce((acc, size) => {\n acc[size] = { width: switchWidth[size], height: switchHeight[size] };\n return acc;\n}, {} as Record<MantineSize, { width: number; height: number }>);\n\nexport default createStyles((theme, { size, radius, color }: SwitchStyles) => {\n const handleSize = theme.fn.size({ size, sizes: handleSizes });\n const borderRadius = theme.fn.size({ size: radius, sizes: theme.radius });\n\n return {\n root: {\n display: 'flex',\n alignItems: 'center',\n },\n\n input: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n position: 'relative',\n borderRadius,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n height: theme.fn.size({ size, sizes: switchHeight }),\n width: theme.fn.size({ size, sizes: switchWidth }),\n minWidth: theme.fn.size({ size, sizes: switchWidth }),\n margin: 0,\n transitionProperty: 'background-color, border-color',\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: '150ms',\n boxSizing: 'border-box',\n appearance: 'none',\n display: 'flex',\n alignItems: 'center',\n\n '&::before': {\n borderRadius,\n boxSizing: 'border-box',\n content: \"''\",\n display: 'block',\n backgroundColor: theme.white,\n height: handleSize,\n width: handleSize,\n border: `1px solid ${theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[3]}`,\n transition: `transform 150ms ${theme.transitionTimingFunction}`,\n transform: `translateX(${size === 'xs' ? 1 : 2}px)`,\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:checked': {\n backgroundColor: theme.fn.themeColor(color, 6),\n borderColor: theme.fn.themeColor(color, 6),\n\n '&::before': {\n transform: `translateX(${\n theme.fn.size({ size, sizes: switchWidth }) -\n theme.fn.size({ size, sizes: handleSizes }) -\n (size === 'xs' ? 3 : 4) // borderWidth: 2 + padding: 2 * 2\n }px)`,\n borderColor: theme.white,\n },\n },\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n cursor: 'not-allowed',\n\n '&::before': {\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2],\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[0],\n },\n },\n },\n\n label: {\n ...theme.fn.fontStyles(),\n WebkitTapHighlightColor: 'transparent',\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n fontFamily: theme.fontFamily,\n paddingLeft: theme.spacing.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n };\n});\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Tabs/TabControl/TabControl.js CHANGED Viewed

@@ -46,31 +46,34 @@ function TabControl(_a) {
     className,
     active,
     buttonRef,
-    tabProps,
     color,
     variant = "default",
     classNames,
     styles: styles$1,
     orientation = "horizontal",
     icon: __,
-    sx
+    sx,
+    label,
+    icon,
+    color: overrideColor
   } = _b, others = __objRest(_b, [
     "className",
     "active",
     "buttonRef",
-    "tabProps",
     "color",
     "variant",
     "classNames",
     "styles",
     "orientation",
     "icon",
-    "sx"
+    "sx",
+    "label",
+    "icon",
+    "color"
   ]);
-  const _a2 = tabProps, { label, icon, color: overrideColor } = _a2, props = __objRest(_a2, ["label", "icon", "color"]);
   const { sxClassName } = styles.useSx({ sx });
   const { classes, cx } = TabControl_styles['default']({ color: overrideColor || color, orientation }, { classNames, styles: styles$1, name: "Tabs" });
-  return /* @__PURE__ */ React__default.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, others), props), {
+  return /* @__PURE__ */ React__default.createElement("button", __spreadProps(__spreadValues({}, others), {
     tabIndex: active ? 0 : -1,
     className: cx(classes.tabControl, classes[variant], { [classes.tabActive]: active }, sxClassName, className),
     type: "button",

package/cjs/components/Tabs/TabControl/TabControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineColor, ClassNames, useSx } from '@mantine/styles';\nimport ~~{ TabProps } from '../Tab/Tab';\nimport~~ type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<ClassNames<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n extends DefaultProps<TabControlStylesNames>,\n React.~~ComponentPropsWithoutRef~~<'button'> {\n active: boolean;\n ~~tabProps: TabProps;\n~~ color?: MantineColor;\n variant?: TabsVariant;\n orientation?: 'horizontal' \| 'vertical';\n icon?: React.ReactNode;\n buttonRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport function TabControl({\n className,\n active,\n buttonRef,\n ~~tabProps,\n~~ color,\n variant = 'default',\n classNames,\n styles,\n orientation = 'horizontal',\n icon: __,\n sx,\n ...others\n}: TabControlProps) {\n const { ~~label, icon, color: overrideColor, ...props } = tabProps;\n const {~~ sxClassName } = useSx({ sx });\n const { classes, cx } = useStyles(\n { color: overrideColor \|\| color, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n return (\n <button\n {...others}\n ~~{...props}\n~~ tabIndex={active ? 0 : -1}\n className={cx(\n classes.tabControl,\n classes[variant],\n { [classes.tabActive]: active },\n sxClassName,\n className\n )}\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n ref={buttonRef}\n >\n <div className={classes.tabInner}>\n {icon && <div className={classes.tabIcon}>{icon}</div>}\n {label && <div className={classes.tabLabel}>{label}</div>}\n </div>\n </button>\n );\n}\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":["styles","useSx","useStyles","React"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAIK,SAAS,UAAU,CAAC,EAAE,EAAE;AAC/B,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,~~QAAQ;AACZ,IAAI,~~KAAK;AACT,IAAI,OAAO,GAAG,SAAS;AACvB,IAAI,UAAU;AACd,YAAIA,QAAM;AACV,IAAI,WAAW,GAAG,YAAY;AAC9B,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,EAAE;AACN,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,WAAW;AACf,IAAI,~~UAAU;AACd,IAAI,~~OAAO;AACX,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,IAAI;AACR,~~GAAG~~,~~CAAC,CAAC~~;~~AACL~~,~~EAAE~~,MAAM,~~GAAG,GAAG,QAAQ,EAAE,EAAE,KAAK,EAAE,~~IAAI,~~EAAE~~,~~KAAK,EAAE,aAAa,EAAE,~~GAAG,~~GAAG,EAAE,KAAK,GAAG,SAAS,~~CAAC,~~GAAG,EAAE,~~CAAC~~,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC~~;~~AACxH~~,EAAE,MAAM,EAAE,WAAW,EAAE,GAAGC,YAAK,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;AACxC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAGC,4BAAS,CAAC,EAAE,KAAK,EAAE,aAAa,IAAI,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,UAAEF,QAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AAC1H,EAAE,uBAAuBG,cAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,aAAa,CAAC,cAAc,CAAC,~~cAAc,CAAC,~~EAAE,EAAE,MAAM,CAAC,EAAE~~,KAAK,CAAC,EAAE~~;~~AACxH~~,IAAI,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;AAC7B,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,CAAC;AAChH,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,eAAe,EAAE,MAAM;AAC3B,IAAI,GAAG,EAAE,SAAS;AAClB,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,EAAE,IAAI,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,GAAG,EAAE,IAAI,CAAC,EAAE,KAAK,oBAAoBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChE,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AACd,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
1	+ {"version":3,"file":"TabControl.js","sources":["../../../../src/components/Tabs/TabControl/TabControl.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineColor, ClassNames, useSx } from '@mantine/styles';\nimport type { TabsVariant } from '../Tabs';\nimport useStyles from './TabControl.styles';\n\nexport type TabControlStylesNames = Exclude<ClassNames<typeof useStyles>, TabsVariant>;\n\nexport interface TabControlProps\n extends DefaultProps<TabControlStylesNames>,\n React.ComponentPropsWithRef<'button'> {\n active?: boolean;\n color?: MantineColor;\n variant?: TabsVariant;\n orientation?: 'horizontal' \| 'vertical';\n icon?: React.ReactNode;\n buttonRef?: React.ForwardedRef<HTMLButtonElement>;\n label?: React.ReactNode;\n children?: React.ReactNode;\n ref?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport interface TabType {\n type: any;\n props: TabControlProps;\n ref: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport function TabControl({\n className,\n active,\n buttonRef,\n color,\n variant = 'default',\n classNames,\n styles,\n orientation = 'horizontal',\n icon: __,\n sx,\n label,\n icon,\n color: overrideColor,\n ...others\n}: TabControlProps) {\n const { sxClassName } = useSx({ sx });\n const { classes, cx } = useStyles(\n { color: overrideColor \|\| color, orientation },\n { classNames, styles, name: 'Tabs' }\n );\n\n return (\n <button\n {...others}\n tabIndex={active ? 0 : -1}\n className={cx(\n classes.tabControl,\n classes[variant],\n { [classes.tabActive]: active },\n sxClassName,\n className\n )}\n type=\"button\"\n role=\"tab\"\n aria-selected={active}\n ref={buttonRef}\n >\n <div className={classes.tabInner}>\n {icon && <div className={classes.tabIcon}>{icon}</div>}\n {label && <div className={classes.tabLabel}>{label}</div>}\n </div>\n </button>\n );\n}\n\nTabControl.displayName = '@mantine/core/TabControl';\n"],"names":["styles","useSx","useStyles","React"],"mappings":"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"}

package/cjs/components/Tabs/Tabs.js CHANGED Viewed

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var styles = require('@mantine/styles');
-var Tab = require('./Tab/Tab.js');
 var TabControl = require('./TabControl/TabControl.js');
 var Tabs_styles = require('./Tabs.styles.js');
 var Group = require('../Group/Group.js');
@@ -106,7 +105,7 @@ const Tabs = React.forwardRef((_a, ref) => {
   const { classes, cx } = Tabs_styles['default']({ tabPadding, orientation }, { sx, classNames, styles: styles$1, name: "Tabs" });
   const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
   const controlRefs = React.useRef({});
-  const tabs = React__default.Children.toArray(children).filter((item) => item.type === Tab.Tab);
+  const tabs = React__default.Children.toArray(children).filter((item) => item.type === TabControl.TabControl);
   const [_activeTab, handleActiveTabChange] = hooks.useUncontrolled({
     value: active,
     defaultValue: initialTab,
@@ -134,7 +133,6 @@ const Tabs = React.forwardRef((_a, ref) => {
   const panes = tabs.map((tab, index) => /* @__PURE__ */ React__default.createElement(TabControl.TabControl, __spreadProps(__spreadValues({}, tab.props), {
     key: index,
     active: activeTab === index,
-    tabProps: tab.props,
     onKeyDown: handleKeyDown,
     color,
     variant,
@@ -167,7 +165,7 @@ const Tabs = React.forwardRef((_a, ref) => {
   }, content));
 });
 Tabs.displayName = "@mantine/core/Tabs";
-Tabs.Tab = Tab.Tab;
+Tabs.Tab = TabControl.TabControl;
 exports.Tabs = Tabs;
 //# sourceMappingURL=Tabs.js.map