npm - @mantine/core - Versions diffs - 7.0.0-alpha.19 → 7.0.0-alpha.20 - Mend

@mantine/core 7.0.0-alpha.19 → 7.0.0-alpha.20

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 (252) hide show

package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n offset: number;\n position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n offset,\n position,\n}: UseFloatingTooltip) {\n const [opened, setOpened] = useState(false);\n const boundaryRef = useRef<T>();\n const { x, y, ~~reference~~, ~~floating,~~ refs, update, placement } = useFloating({\n placement: position,\n middleware: [\n shift({\n crossAxis: true,\n padding: 5,\n rootBoundary: 'document',\n }),\n ],\n });\n\n const horizontalOffset = placement.includes('right')\n ? offset\n : position.includes('left')\n ? offset * -1\n : 0;\n\n const verticalOffset = placement.includes('bottom')\n ? offset\n : position.includes('top')\n ? offset * -1\n : 0;\n\n const handleMouseMove = useCallback(\n ({ clientX, clientY }: MouseEvent \| React.MouseEvent<T, MouseEvent>) => {\n ~~reference~~({\n getBoundingClientRect() {\n return {\n width: 0,\n height: 0,\n x: clientX,\n y: clientY,\n left: clientX + horizontalOffset,\n top: clientY + verticalOffset,\n right: clientX,\n bottom: clientY,\n };\n },\n });\n },\n [reference]\n );\n\n useEffect(() => {\n if (refs.floating.current) {\n const boundary = boundaryRef.current!;\n boundary.addEventListener('mousemove', handleMouseMove);\n\n const parents = getOverflowAncestors(refs.floating.current);\n parents.forEach((parent) => {\n parent.addEventListener('scroll', update);\n });\n\n return () => {\n boundary.removeEventListener('mousemove', handleMouseMove);\n parents.forEach((parent) => {\n parent.removeEventListener('scroll', update);\n });\n };\n }\n\n return undefined;\n }, [reference, refs.floating.current, update, handleMouseMove, opened]);\n\n return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,kBAAkB,CAAC;AACnC,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,EAAE,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC;AAC/B,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,~~SAAS,EAAE,~~QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;~~AAC7E~~,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,CAAC;AACZ,QAAQ,SAAS,EAAE,IAAI;AACvB,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,YAAY,EAAE,UAAU;AAChC,OAAO,CAAC;AACR,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC9G,EAAE,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5G,EAAE,MAAM,eAAe,GAAG,WAAW;AACrC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK;AAC9B,MAAM,~~SAAS~~,CAAC;~~AAChB~~,QAAQ,qBAAqB,GAAG;AAChC,UAAU,OAAO;AACjB,YAAY,KAAK,EAAE,CAAC;AACpB,YAAY,MAAM,EAAE,CAAC;AACrB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,IAAI,EAAE,OAAO,GAAG,gBAAgB;AAC5C,YAAY,GAAG,EAAE,OAAO,GAAG,cAAc;AACzC,YAAY,KAAK,EAAE,OAAO;AAC1B,YAAY,MAAM,EAAE,OAAO;AAC3B,WAAW,CAAC;AACZ,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,CAAC,SAAS,CAAC;~~AACf~~,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC/B,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;AAC3C,MAAM,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AAClC,QAAQ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAClD,OAAO,CAAC,CAAC;AACT,MAAM,OAAO,MAAM;AACnB,QAAQ,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACnE,QAAQ,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AACpC,UAAU,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACvD,SAAS,CAAC,CAAC;AACX,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;~~AAC1E~~,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC;~~AAC7E~~;;;;"}
1	+ {"version":3,"file":"use-floating-tooltip.js","sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\nimport { FloatingPosition } from '../../Floating';\n\ninterface UseFloatingTooltip {\n offset: number;\n position: FloatingPosition;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n offset,\n position,\n}: UseFloatingTooltip) {\n const [opened, setOpened] = useState(false);\n const boundaryRef = useRef<T>();\n const { x, y, elements, refs, update, placement } = useFloating({\n placement: position,\n middleware: [\n shift({\n crossAxis: true,\n padding: 5,\n rootBoundary: 'document',\n }),\n ],\n });\n\n const horizontalOffset = placement.includes('right')\n ? offset\n : position.includes('left')\n ? offset * -1\n : 0;\n\n const verticalOffset = placement.includes('bottom')\n ? offset\n : position.includes('top')\n ? offset * -1\n : 0;\n\n const handleMouseMove = useCallback(\n ({ clientX, clientY }: MouseEvent \| React.MouseEvent<T, MouseEvent>) => {\n refs.setPositionReference({\n getBoundingClientRect() {\n return {\n width: 0,\n height: 0,\n x: clientX,\n y: clientY,\n left: clientX + horizontalOffset,\n top: clientY + verticalOffset,\n right: clientX,\n bottom: clientY,\n };\n },\n });\n },\n [elements.reference]\n );\n\n useEffect(() => {\n if (refs.floating.current) {\n const boundary = boundaryRef.current!;\n boundary.addEventListener('mousemove', handleMouseMove);\n\n const parents = getOverflowAncestors(refs.floating.current);\n parents.forEach((parent) => {\n parent.addEventListener('scroll', update);\n });\n\n return () => {\n boundary.removeEventListener('mousemove', handleMouseMove);\n parents.forEach((parent) => {\n parent.removeEventListener('scroll', update);\n });\n };\n }\n\n return undefined;\n }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);\n\n return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,kBAAkB,CAAC;AACnC,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC9C,EAAE,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC;AAC/B,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,WAAW,CAAC;AAClE,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,CAAC;AACZ,QAAQ,SAAS,EAAE,IAAI;AACvB,QAAQ,OAAO,EAAE,CAAC;AAClB,QAAQ,YAAY,EAAE,UAAU;AAChC,OAAO,CAAC;AACR,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC9G,EAAE,MAAM,cAAc,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC5G,EAAE,MAAM,eAAe,GAAG,WAAW;AACrC,IAAI,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK;AAC9B,MAAM,IAAI,CAAC,oBAAoB,CAAC;AAChC,QAAQ,qBAAqB,GAAG;AAChC,UAAU,OAAO;AACjB,YAAY,KAAK,EAAE,CAAC;AACpB,YAAY,MAAM,EAAE,CAAC;AACrB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,CAAC,EAAE,OAAO;AACtB,YAAY,IAAI,EAAE,OAAO,GAAG,gBAAgB;AAC5C,YAAY,GAAG,EAAE,OAAO,GAAG,cAAc;AACzC,YAAY,KAAK,EAAE,OAAO;AAC1B,YAAY,MAAM,EAAE,OAAO;AAC3B,WAAW,CAAC;AACZ,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxB,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;AAC/B,MAAM,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;AAC3C,MAAM,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAC9D,MAAM,MAAM,OAAO,GAAG,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAClE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AAClC,QAAQ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAClD,OAAO,CAAC,CAAC;AACT,MAAM,OAAO,MAAM;AACnB,QAAQ,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AACnE,QAAQ,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK;AACpC,UAAU,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AACvD,SAAS,CAAC,CAAC;AACX,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;AACnF,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;AAC/F;;;;"}

package/esm/components/Tooltip/use-tooltip.js CHANGED Viewed

@@ -24,8 +24,6 @@ function useTooltip(settings) {
   const {
     x,
     y,
-    reference,
-    floating,
     context,
     refs,
     update,
@@ -71,8 +69,8 @@ function useTooltip(settings) {
     y,
     arrowX,
     arrowY,
-    reference,
-    floating,
+    reference: refs.setReference,
+    floating: refs.setFloating,
     getFloatingProps,
     getReferenceProps,
     isGroupPhase,

package/esm/components/Tooltip/use-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n useFloating,\n flip,\n arrow,\n offset,\n shift,\n useInteractions,\n useHover,\n useFocus,\n useRole,\n useDismiss,\n useDelayGroupContext,\n useDelayGroup,\n inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n position: FloatingPosition;\n closeDelay?: number;\n openDelay?: number;\n onPositionChange?(position: FloatingPosition): void;\n opened?: boolean;\n offset: number \| FloatingAxesOffsets;\n arrowRef?: React.RefObject<HTMLDivElement>;\n arrowOffset?: number;\n events?: { hover: boolean; focus: boolean; touch: boolean };\n positionDependencies: any[];\n inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n const controlled = typeof settings.opened === 'boolean';\n const opened = controlled ? settings.opened : uncontrolledOpened;\n const withinGroup = useTooltipGroupContext();\n const uid = useId();\n\n const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n const onChange = useCallback(\n (_opened: boolean) => {\n setUncontrolledOpened(_opened);\n\n if (_opened) {\n setCurrentId(uid);\n }\n },\n [setCurrentId, uid]\n );\n\n const {\n x,\n y,\n ~~reference,\n floating,\n~~ context,\n refs,\n update,\n placement,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n } = useFloating({\n placement: settings.position,\n open: opened,\n onOpenChange: onChange,\n middleware: [\n offset(settings.offset),\n shift({ padding: 8 }),\n flip(),\n arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n ...(settings.inline ? [inline()] : []),\n ],\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(context, {\n enabled: settings.events?.hover,\n delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n mouseOnly: !settings.events?.touch,\n }),\n useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n useRole(context, { role: 'tooltip' }),\n // cannot be used with controlled tooltip, page jumps\n useDismiss(context, { enabled: typeof settings.opened === undefined }),\n useDelayGroup(context, { id: uid }),\n ]);\n\n useFloatingAutoUpdate({\n opened,\n position: settings.position,\n positionDependencies: settings.positionDependencies,\n floating: { refs, update },\n });\n\n useDidUpdate(() => {\n settings.onPositionChange?.(placement);\n }, [placement]);\n\n const isGroupPhase = opened && currentId && currentId !== uid;\n\n return {\n x,\n y,\n arrowX,\n arrowY,\n reference,\n floating,\n getFloatingProps,\n getReferenceProps,\n isGroupPhase,\n opened,\n placement,\n };\n}\n"],"names":[],"mappings":";;;;;;AAmBO,SAAS,UAAU,CAAC,QAAQ,EAAE;AACrC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AACjB,EAAE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtE,EAAE,MAAM,UAAU,GAAG,OAAO,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAC;AAC1D,EAAE,MAAM,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,MAAM,GAAG,kBAAkB,CAAC;AACnE,EAAE,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;AAC/C,EAAE,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;AACtB,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;AAChF,EAAE,MAAM,QAAQ,GAAG,WAAW;AAC9B,IAAI,CAAC,OAAO,KAAK;AACjB,MAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACrC,MAAM,IAAI,OAAO,EAAE;AACnB,QAAQ,YAAY,CAAC,GAAG,CAAC,CAAC;AAC1B,OAAO;AACP,KAAK;AACL,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC;AACvB,GAAG,CAAC;AACJ,EAAE,MAAM;AACR,IAAI,CAAC;AACL,IAAI,CAAC;AACL,IAAI,~~SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,~~OAAO;AACX,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;AAC5D,GAAG,GAAG,WAAW,CAAC;AAClB,IAAI,SAAS,EAAE,QAAQ,CAAC,QAAQ;AAChC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,YAAY,EAAE,QAAQ;AAC1B,IAAI,UAAU,EAAE;AAChB,MAAM,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC7B,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;AAC3B,MAAM,IAAI,EAAE;AACZ,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC,WAAW,EAAE,CAAC;AAC1E,MAAM,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE;AAC1C,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC;AAClE,IAAI,QAAQ,CAAC,OAAO,EAAE;AACtB,MAAM,OAAO,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK;AACjE,MAAM,KAAK,EAAE,WAAW,GAAG,UAAU,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE;AAChG,MAAM,SAAS,EAAE,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AACtE,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC;AAC1G,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AACzC;AACA,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,QAAQ,CAAC,MAAM,KAAK,KAAK,CAAC,EAAE,CAAC;AACvE,IAAI,aAAa,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC;AACvC,GAAG,CAAC,CAAC;AACL,EAAE,qBAAqB,CAAC;AACxB,IAAI,MAAM;AACV,IAAI,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC/B,IAAI,oBAAoB,EAAE,QAAQ,CAAC,oBAAoB;AACvD,IAAI,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC9B,GAAG,CAAC,CAAC;AACL,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,IAAI,GAAG,CAAC;AACZ,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,gBAAgB,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACvF,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,EAAE,MAAM,YAAY,GAAG,MAAM,IAAI,SAAS,IAAI,SAAS,KAAK,GAAG,CAAC;AAChE,EAAE,OAAO;AACT,IAAI,CAAC;AACL,IAAI,CAAC;AACL,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,SAAS;~~AACb~~,IAAI,QAAQ;~~AACZ~~,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,MAAM;AACV,IAAI,SAAS;AACb,GAAG,CAAC;AACJ;;;;"}
1	+ {"version":3,"file":"use-tooltip.js","sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport {\n useFloating,\n flip,\n arrow,\n offset,\n shift,\n useInteractions,\n useHover,\n useFocus,\n useRole,\n useDismiss,\n useDelayGroupContext,\n useDelayGroup,\n inline,\n} from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context';\nimport { FloatingAxesOffsets, FloatingPosition, useFloatingAutoUpdate } from '../Floating';\n\ninterface UseTooltip {\n position: FloatingPosition;\n closeDelay?: number;\n openDelay?: number;\n onPositionChange?(position: FloatingPosition): void;\n opened?: boolean;\n offset: number \| FloatingAxesOffsets;\n arrowRef?: React.RefObject<HTMLDivElement>;\n arrowOffset?: number;\n events?: { hover: boolean; focus: boolean; touch: boolean };\n positionDependencies: any[];\n inline?: boolean;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n const controlled = typeof settings.opened === 'boolean';\n const opened = controlled ? settings.opened : uncontrolledOpened;\n const withinGroup = useTooltipGroupContext();\n const uid = useId();\n\n const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n\n const onChange = useCallback(\n (_opened: boolean) => {\n setUncontrolledOpened(_opened);\n\n if (_opened) {\n setCurrentId(uid);\n }\n },\n [setCurrentId, uid]\n );\n\n const {\n x,\n y,\n context,\n refs,\n update,\n placement,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n } = useFloating({\n placement: settings.position,\n open: opened,\n onOpenChange: onChange,\n middleware: [\n offset(settings.offset),\n shift({ padding: 8 }),\n flip(),\n arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }),\n ...(settings.inline ? [inline()] : []),\n ],\n });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(context, {\n enabled: settings.events?.hover,\n delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n mouseOnly: !settings.events?.touch,\n }),\n useFocus(context, { enabled: settings.events?.focus, keyboardOnly: true }),\n useRole(context, { role: 'tooltip' }),\n // cannot be used with controlled tooltip, page jumps\n useDismiss(context, { enabled: typeof settings.opened === undefined }),\n useDelayGroup(context, { id: uid }),\n ]);\n\n useFloatingAutoUpdate({\n opened,\n position: settings.position,\n positionDependencies: settings.positionDependencies,\n floating: { refs, update },\n });\n\n useDidUpdate(() => {\n settings.onPositionChange?.(placement);\n }, [placement]);\n\n const isGroupPhase = opened && currentId && currentId !== uid;\n\n return {\n x,\n y,\n arrowX,\n arrowY,\n reference: refs.setReference,\n floating: refs.setFloating,\n getFloatingProps,\n getReferenceProps,\n isGroupPhase,\n opened,\n placement,\n };\n}\n"],"names":[],"mappings":"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"}

package/esm/core/Box/Box.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme, MantineBreakpoint } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n MantineStyleProps,\n extractStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> \| string;\nexport type BoxMod = Mod \| Mod[] \| BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n /** Class added to the root element, if applicable /\n className?: string;\n\n /* Inline style added to root component element, can subscribe to theme defined on MantineProvider /\n style?: MantineStyleProp;\n\n /* CSS variables defined on root component element /\n __vars?: CssVarsProp;\n\n /* Breakpoint above which the component is hidden with `display: none` /\n hiddenFrom?: MantineBreakpoint;\n\n /* Breakpoint below which the component is hidden with `display: none` /\n visibleFrom?: MantineBreakpoint;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' \| PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n /* Variant passed from parent component, sets `data-variant` /\n variant?: string;\n\n /* Size passed from parent component, sets `data-size` if value is not number like /\n size?: string \| number;\n\n /* Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nconst _Box = forwardRef<HTMLDivElement, BoxComponentProps & { component: any; className: string }>(\n (\n { component, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, ...others },\n ref\n ) => {\n const theme = useMantineTheme();\n const Element = component \|\| 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const responsiveClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n return (\n <>\n {parsedStyleProps.hasResponsiveStyles && (\n <InlineStyles\n selector={`.${responsiveClassName}`}\n styles={parsedStyleProps.styles}\n media={parsedStyleProps.media}\n />\n )}\n <Element\n ref={ref}\n style={getBoxStyle({\n theme,\n style,\n vars: __vars,\n styleProps: parsedStyleProps.inlineStyles,\n })}\n className={cx(className, {\n [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n })}\n data-variant={variant}\n data-size={isNumberLike(size) ? undefined : size \|\| undefined}\n {...getBoxMod(mod)}\n {...rest}\n />\n </>\n );\n }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Box.js","sources":["../../../src/core/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cx from 'clsx';\nimport { useMantineTheme, MantineBreakpoint } from '../MantineProvider';\nimport { InlineStyles } from '../InlineStyles';\nimport { createPolymorphicComponent } from '../factory';\nimport type { MantineStyleProp, CssVarsProp } from './Box.types';\nimport { getBoxStyle } from './get-box-style/get-box-style';\nimport { useRandomClassName } from './use-random-classname/use-random-classname';\nimport {\n MantineStyleProps,\n extractStyleProps,\n parseStyleProps,\n STYlE_PROPS_DATA,\n} from './style-props';\nimport { getBoxMod } from './get-box-mod/get-box-mod';\nimport { isNumberLike } from '../utils';\n\nexport type Mod = Record<string, any> \| string;\nexport type BoxMod = Mod \| Mod[] \| BoxMod[];\n\nexport interface BoxProps extends MantineStyleProps {\n /** Class added to the root element, if applicable /\n className?: string;\n\n /* Inline style added to root component element, can subscribe to theme defined on MantineProvider /\n style?: MantineStyleProp;\n\n /* CSS variables defined on root component element /\n __vars?: CssVarsProp;\n\n /* Breakpoint above which the component is hidden with `display: none` /\n hiddenFrom?: MantineBreakpoint;\n\n /* Breakpoint below which the component is hidden with `display: none` /\n visibleFrom?: MantineBreakpoint;\n}\n\nexport type ElementProps<\n ElementType extends React.ElementType,\n PropsToOmit extends string = never,\n> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' \| PropsToOmit>;\n\nexport interface BoxComponentProps extends BoxProps {\n /* Variant passed from parent component, sets `data-variant` /\n variant?: string;\n\n /* Size passed from parent component, sets `data-size` if value is not number like /\n size?: string \| number;\n\n /* Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */\n mod?: BoxMod;\n}\n\nconst _Box = forwardRef<HTMLDivElement, BoxComponentProps & { component: any; className: string }>(\n (\n { component, style, __vars, className, variant, mod, size, hiddenFrom, visibleFrom, ...others },\n ref\n ) => {\n const theme = useMantineTheme();\n const Element = component \|\| 'div';\n const { styleProps, rest } = extractStyleProps(others);\n const responsiveClassName = useRandomClassName();\n const parsedStyleProps = parseStyleProps({\n styleProps,\n theme,\n data: STYlE_PROPS_DATA,\n });\n\n return (\n <>\n {parsedStyleProps.hasResponsiveStyles && (\n <InlineStyles\n selector={`.${responsiveClassName}`}\n styles={parsedStyleProps.styles}\n media={parsedStyleProps.media}\n />\n )}\n <Element\n ref={ref}\n style={getBoxStyle({\n theme,\n style,\n vars: __vars,\n styleProps: parsedStyleProps.inlineStyles,\n })}\n className={cx(className, {\n [responsiveClassName]: parsedStyleProps.hasResponsiveStyles,\n [`mantine-hidden-from-${hiddenFrom}`]: hiddenFrom,\n [`mantine-visible-from-${visibleFrom}`]: visibleFrom,\n })}\n data-variant={variant}\n data-size={isNumberLike(size) ? undefined : size \|\| undefined}\n {...getBoxMod(mod)}\n {...rest}\n />\n </>\n );\n }\n);\n\n_Box.displayName = '@mantine/core/Box';\n\nexport const Box = createPolymorphicComponent<'div', BoxComponentProps>(_Box);\n"],"names":[],"mappings":"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"}

package/esm/core/factory/create-polymorphic-component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements \| React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n C,\n React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n ? React.ComponentPropsWithRef<C>['ref']\n : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n ComponentDefaultType,\n Props,\n StaticComponents = Record<string, never>\n>(component: any) {\n type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n type _PolymorphicComponent = <C = ComponentDefaultType>(\n props: ComponentProps<C>\n ) => React.ReactElement;\n\n type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":"AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
1	+ {"version":3,"file":"create-polymorphic-component.js","sources":["../../../src/core/factory/create-polymorphic-component.ts"],"sourcesContent":["import React from 'react';\n\ntype ExtendedProps<Props = {}, OverrideProps = {}> = OverrideProps &\n Omit<Props, keyof OverrideProps>;\n\ntype ElementType = keyof JSX.IntrinsicElements \| React.JSXElementConstructor<any>;\n\ntype PropsOf<C extends ElementType> = JSX.LibraryManagedAttributes<\n C,\n React.ComponentPropsWithoutRef<C>\n>;\n\ntype ComponentProp<C> = {\n component?: C;\n};\n\ntype InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C>, Props>;\n\nexport type PolymorphicRef<C> = C extends React.ElementType\n ? React.ComponentPropsWithRef<C>['ref']\n : never;\n\nexport type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType\n ? InheritedProps<C, Props & ComponentProp<C>> & { ref?: PolymorphicRef<C> }\n : Props & { component: React.ElementType };\n\nexport function createPolymorphicComponent<\n ComponentDefaultType,\n Props,\n StaticComponents = Record<string, never>,\n>(component: any) {\n type ComponentProps<C> = PolymorphicComponentProps<C, Props>;\n\n type _PolymorphicComponent = <C = ComponentDefaultType>(\n props: ComponentProps<C>\n ) => React.ReactElement;\n\n type ComponentProperties = Omit<React.FunctionComponent<ComponentProps<any>>, never>;\n\n type PolymorphicComponent = _PolymorphicComponent & ComponentProperties & StaticComponents;\n\n return component as PolymorphicComponent;\n}\n"],"names":[],"mappings":"AAAO,SAAS,0BAA0B,CAAC,SAAS,EAAE;AACtD,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/core/factory/factory.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n props: Record<string, any>;\n ctx?: any;\n ref?: any;\n stylesNames?: string;\n vars?: any;\n variant?: string;\n staticComponents?: Record<string, any>;\n // Compound components cannot have classNames, styles and vars on MantineProvider\n compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n classNames?: ClassNames<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n ? ExtendCompoundComponent<Payload>\n : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n ? Input\n : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type ComponentClasses<Payload extends FactoryPayload> = {\n classes: Payload['stylesNames'] extends string ? Record<~~Payload['stylesNames']~~, string> : never;\n};\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n ThemeExtend<Payload> &\n ComponentClasses<Payload> &\n StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n Component.extend = identity as any;\n\n return Component as MantineComponent<Payload>;\n}\n"],"names":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}
1	+ {"version":3,"file":"factory.js","sources":["../../../src/core/factory/factory.ts"],"sourcesContent":["import { forwardRef } from 'react';\nimport type { MantineThemeComponent } from '../MantineProvider';\nimport type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';\n\nexport type DataAttributes = Record<`data-${string}`, any>;\n\nexport interface FactoryPayload {\n props: Record<string, any>;\n ctx?: any;\n ref?: any;\n stylesNames?: string;\n vars?: any;\n variant?: string;\n staticComponents?: Record<string, any>;\n // Compound components cannot have classNames, styles and vars on MantineProvider\n compound?: boolean;\n}\n\nexport interface ExtendCompoundComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n}\n\nexport interface ExtendsRootComponent<Payload extends FactoryPayload> {\n defaultProps?: Partial<Payload['props']> & DataAttributes;\n classNames?: ClassNames<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n}\n\nexport type ExtendComponent<Payload extends FactoryPayload> = Payload['compound'] extends true\n ? ExtendCompoundComponent<Payload>\n : ExtendsRootComponent<Payload>;\n\nexport type StaticComponents<Input> = Input extends Record<string, any>\n ? Input\n : Record<string, never>;\n\nexport interface ThemeExtend<Payload extends FactoryPayload> {\n extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;\n}\n\nexport type ComponentClasses<Payload extends FactoryPayload> = {\n classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n};\n\nexport type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<\n Payload['props'] & React.RefAttributes<Payload['ref']>\n> &\n ThemeExtend<Payload> &\n ComponentClasses<Payload> &\n StaticComponents<Payload['staticComponents']>;\n\nexport function identity<T>(value: T): T {\n return value;\n}\n\nexport function factory<Payload extends FactoryPayload>(\n ui: React.ForwardRefRenderFunction<Payload['ref'], Payload['props']>\n) {\n const Component = forwardRef(ui) as MantineComponent<Payload>;\n\n Component.extend = identity as any;\n\n return Component as MantineComponent<Payload>;\n}\n"],"names":[],"mappings":";;AACO,SAAS,QAAQ,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,OAAO,CAAC,EAAE,EAAE;AAC5B,EAAE,MAAM,SAAS,GAAG,UAAU,CAAC,EAAE,CAAC,CAAC;AACnC,EAAE,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC;AAC9B,EAAE,OAAO,SAAS,CAAC;AACnB;;;;"}

package/esm/core/styles-api/use-styles/use-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-styles.js","sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useMantineTheme, useMantineClassNamesPrefix } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { getStyle } from './get-style/get-style';\nimport { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n name: string \| (string \| undefined)[];\n classes: Payload['stylesNames'] extends string ? Record<~~Payload['stylesNames']~~, string> : never;\n props: Payload['props'];\n stylesCtx?: Payload['ctx'];\n className?: string;\n style?: MantineStyleProp;\n rootSelector?: Payload['stylesNames'];\n unstyled?: boolean;\n classNames?: ClassNames<Payload> \| ClassNamesArray<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n varsResolver?: VarsResolver<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n selector: NonNullable<Payload['stylesNames']>,\n options?: GetStylesApiOptions\n) => {\n className: string;\n style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n name,\n classes,\n props,\n stylesCtx,\n className,\n style,\n rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n unstyled,\n classNames,\n styles,\n vars,\n varsResolver,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n const theme = useMantineTheme();\n const classNamesPrefix = useMantineClassNamesPrefix();\n const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n\n return (selector, options) => ({\n className: getClassName({\n theme,\n options,\n themeName,\n selector,\n classNamesPrefix,\n classNames,\n classes,\n unstyled,\n className,\n rootSelector,\n props,\n stylesCtx,\n }),\n\n style: getStyle({\n theme,\n themeName,\n selector,\n options,\n props,\n stylesCtx,\n rootSelector,\n styles,\n style,\n vars,\n varsResolver,\n }),\n });\n}\n"],"names":[],"mappings":";;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,IAAI;AACN,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,YAAY,GAAG,MAAM;AACvB,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAG,0BAA0B,EAAE,CAAC;AACxD,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,MAAM;AACjC,IAAI,SAAS,EAAE,YAAY,CAAC;AAC5B,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC;AACN,IAAI,KAAK,EAAE,QAAQ,CAAC;AACpB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,YAAY;AAClB,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}
1	+ {"version":3,"file":"use-styles.js","sources":["../../../../src/core/styles-api/use-styles/use-styles.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { useMantineTheme, useMantineClassNamesPrefix } from '../../MantineProvider';\nimport type { MantineStyleProp } from '../../Box';\nimport { FactoryPayload } from '../../factory';\nimport { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';\nimport { getClassName } from './get-class-name/get-class-name';\nimport { getStyle } from './get-style/get-style';\nimport { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';\n\nexport interface UseStylesInput<Payload extends FactoryPayload> {\n name: string \| (string \| undefined)[];\n classes: Payload['stylesNames'] extends string ? Record<string, string> : never;\n props: Payload['props'];\n stylesCtx?: Payload['ctx'];\n className?: string;\n style?: MantineStyleProp;\n rootSelector?: Payload['stylesNames'];\n unstyled?: boolean;\n classNames?: ClassNames<Payload> \| ClassNamesArray<Payload>;\n styles?: Styles<Payload>;\n vars?: PartialVarsResolver<Payload>;\n varsResolver?: VarsResolver<Payload>;\n}\n\nexport type GetStylesApi<Payload extends FactoryPayload> = (\n selector: NonNullable<Payload['stylesNames']>,\n options?: GetStylesApiOptions\n) => {\n className: string;\n style: CSSProperties;\n};\n\nexport function useStyles<Payload extends FactoryPayload>({\n name,\n classes,\n props,\n stylesCtx,\n className,\n style,\n rootSelector = 'root' as NonNullable<Payload['stylesNames']>,\n unstyled,\n classNames,\n styles,\n vars,\n varsResolver,\n}: UseStylesInput<Payload>): GetStylesApi<Payload> {\n const theme = useMantineTheme();\n const classNamesPrefix = useMantineClassNamesPrefix();\n const themeName = (Array.isArray(name) ? name : [name]).filter((n) => n) as string[];\n\n return (selector, options) => ({\n className: getClassName({\n theme,\n options,\n themeName,\n selector,\n classNamesPrefix,\n classNames,\n classes,\n unstyled,\n className,\n rootSelector,\n props,\n stylesCtx,\n }),\n\n style: getStyle({\n theme,\n themeName,\n selector,\n options,\n props,\n stylesCtx,\n rootSelector,\n styles,\n style,\n vars,\n varsResolver,\n }),\n });\n}\n"],"names":[],"mappings":";;;;;AAGO,SAAS,SAAS,CAAC;AAC1B,EAAE,IAAI;AACN,EAAE,OAAO;AACT,EAAE,KAAK;AACP,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,KAAK;AACP,EAAE,YAAY,GAAG,MAAM;AACvB,EAAE,QAAQ;AACV,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,IAAI;AACN,EAAE,YAAY;AACd,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,gBAAgB,GAAG,0BAA0B,EAAE,CAAC;AACxD,EAAE,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3E,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,MAAM;AACjC,IAAI,SAAS,EAAE,YAAY,CAAC;AAC5B,MAAM,KAAK;AACX,MAAM,OAAO;AACb,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,gBAAgB;AACtB,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,KAAK,CAAC;AACN,IAAI,KAAK,EAAE,QAAQ,CAAC;AACpB,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,OAAO;AACb,MAAM,KAAK;AACX,MAAM,SAAS;AACf,MAAM,YAAY;AAClB,MAAM,MAAM;AACZ,MAAM,KAAK;AACX,MAAM,IAAI;AACV,MAAM,YAAY;AAClB,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL;;;;"}

package/esm/core/utils/get-size/get-size.js CHANGED Viewed

@@ -2,6 +2,9 @@ import { isNumberLike } from '../is-number-like/is-number-like.js';
 import { rem } from '../units-converters/rem.js';
 function getSize(size, prefix = "size", convertToRem = true) {
+  if (size === void 0) {
+    return void 0;
+  }
   return isNumberLike(size) ? convertToRem ? rem(size) : size : `var(--${prefix}-${size})`;
 }
 function getSpacing(size) {

package/esm/core/utils/get-size/get-size.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"get-size.js","sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like';\nimport { rem } from '../units-converters';\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string {\n return isNumberLike(size)\n ? convertToRem\n ? rem(size)\n : (size as string)\n : `var(--${prefix}-${size})`;\n}\n\nexport function getSpacing(size: unknown) {\n return getSize(size, 'mantine-spacing');\n}\n\nexport function getRadius(size: unknown) {\n if (size === undefined) {\n return 'var(--mantine-radius-default)';\n }\n\n return getSize(size, 'mantine-radius');\n}\n\nexport function getFontSize(size: unknown) {\n return getSize(size, 'mantine-font-size');\n}\n\nexport function getLineHeight(size: unknown) {\n return getSize(size, 'mantine-line-height', false);\n}\n\nexport function getShadow(size: unknown) {\n if (!size) {\n return 'none';\n }\n\n return getSize(size, 'mantine-shadow');\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE;AACpE,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC3F,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAC1C,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,+BAA+B,CAAC;AAC3C,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC,CAAC;AACM,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC5C,CAAC;AACM,SAAS,aAAa,CAAC,IAAI,EAAE;AACpC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;AACrD,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC;;;;"}
1	+ {"version":3,"file":"get-size.js","sources":["../../../../src/core/utils/get-size/get-size.ts"],"sourcesContent":["import { isNumberLike } from '../is-number-like/is-number-like';\nimport { rem } from '../units-converters';\n\nexport function getSize(size: unknown, prefix = 'size', convertToRem = true): string \| undefined {\n if (size === undefined) {\n return undefined;\n }\n\n return isNumberLike(size)\n ? convertToRem\n ? rem(size)\n : (size as string)\n : `var(--${prefix}-${size})`;\n}\n\nexport function getSpacing(size: unknown) {\n return getSize(size, 'mantine-spacing');\n}\n\nexport function getRadius(size: unknown) {\n if (size === undefined) {\n return 'var(--mantine-radius-default)';\n }\n\n return getSize(size, 'mantine-radius');\n}\n\nexport function getFontSize(size: unknown) {\n return getSize(size, 'mantine-font-size');\n}\n\nexport function getLineHeight(size: unknown) {\n return getSize(size, 'mantine-line-height', false);\n}\n\nexport function getShadow(size: unknown) {\n if (!size) {\n return 'none';\n }\n\n return getSize(size, 'mantine-shadow');\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE;AACpE,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC3F,CAAC;AACM,SAAS,UAAU,CAAC,IAAI,EAAE;AACjC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;AAC1C,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,+BAA+B,CAAC;AAC3C,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC,CAAC;AACM,SAAS,WAAW,CAAC,IAAI,EAAE;AAClC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;AAC5C,CAAC;AACM,SAAS,aAAa,CAAC,IAAI,EAAE;AACpC,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAC;AACrD,CAAC;AACM,SAAS,SAAS,CAAC,IAAI,EAAE;AAChC,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;AACzC;;;;"}