@mantine/core 6.0.10 → 7.0.0-alpha.10

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

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

package/esm/components/ColorPicker/ColorSlider/ColorSlider.js

@@ -0,0 +1,57 @@
+import { __rest } from 'tslib';
+import React, { forwardRef, useState, useRef } from 'react';
+import { useMove, useDidUpdate, useMergedRef, clampUseMovePosition } from '@mantine/hooks';
+import { Thumb } from '../Thumb/Thumb.js';
+import { useColorPickerContext } from '../ColorPicker.context.js';
+import { useMantineTheme } from '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js';
+import { Box } from '../../../core/Box/Box.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const ColorSlider = forwardRef((props, ref) => {
+    const { className, onChange, onChangeEnd, maxValue, round, size = 'md', focusable = true, value, overlays, thumbColor = 'transparent', onScrubStart, onScrubEnd } = props, others = __rest(props, ["className", "onChange", "onChangeEnd", "maxValue", "round", "size", "focusable", "value", "overlays", "thumbColor", "onScrubStart", "onScrubEnd"]);
+    const { getStyles } = useColorPickerContext();
+    const theme = useMantineTheme();
+    const [position, setPosition] = useState({ y: 0, x: value / maxValue });
+    const positionRef = useRef(position);
+    const getChangeValue = (val) => (round ? Math.round(val * maxValue) : val * maxValue);
+    const { ref: sliderRef } = useMove(({ x, y }) => {
+        positionRef.current = { x, y };
+        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue(x));
+    }, {
+        onScrubEnd: () => {
+            const { x } = positionRef.current;
+            onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(getChangeValue(x));
+            onScrubEnd === null || onScrubEnd === void 0 ? void 0 : onScrubEnd();
+        },
+        onScrubStart,
+    });
+    useDidUpdate(() => {
+        setPosition({ y: 0, x: value / maxValue });
+    }, [value]);
+    const handleArrow = (event, pos) => {
+        event.preventDefault();
+        const _position = clampUseMovePosition(pos);
+        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue(_position.x));
+        onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(getChangeValue(_position.x));
+    };
+    const handleKeyDown = (event) => {
+        switch (event.key) {
+            case 'ArrowRight': {
+                handleArrow(event, { x: position.x + 0.05, y: position.y });
+                break;
+            }
+            case 'ArrowLeft': {
+                handleArrow(event, { x: position.x - 0.05, y: position.y });
+                break;
+            }
+        }
+    };
+    const layers = overlays.map((overlay, index) => (React.createElement("div", Object.assign({}, getStyles('sliderOverlay'), { style: overlay, key: index }))));
+    return (React.createElement(Box, Object.assign({}, others, { ref: useMergedRef(sliderRef, ref) }, getStyles('slider'), { role: "slider", "aria-valuenow": value, "aria-valuemax": maxValue, "aria-valuemin": 0, tabIndex: focusable ? 0 : -1, onKeyDown: handleKeyDown, "data-focus-ring": theme.focusRing }),
+        layers,
+        React.createElement(Thumb, Object.assign({ position: position, size: size }, getStyles('thumb', { style: { top: rem(1), background: thumbColor } })))));
+});
+ColorSlider.displayName = '@mantine/core/ColorSlider';
+
+export { ColorSlider };
+//# sourceMappingURL=ColorSlider.js.map

package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.js","sources":["../../../../src/components/ColorPicker/ColorSlider/ColorSlider.tsx"],"sourcesContent":["import React, { useRef, useState, forwardRef } from 'react';\nimport {\n  UseMovePosition,\n  clampUseMovePosition,\n  useDidUpdate,\n  useMergedRef,\n  useMove,\n} from '@mantine/hooks';\nimport { Box, ElementProps, MantineSize, useMantineTheme, rem } from '../../../core';\nimport { Thumb } from '../Thumb/Thumb';\nimport { useColorPickerContext } from '../ColorPicker.context';\n\nexport interface __ColorSliderProps extends ElementProps<'div', 'onChange'> {\n  value: number;\n  onChange?(value: number): void;\n  onChangeEnd?(value: number): void;\n  onScrubStart?(): void;\n  onScrubEnd?(): void;\n  size?: MantineSize | (string & {});\n  focusable?: boolean;\n}\n\nexport interface ColorSliderProps extends __ColorSliderProps {\n  maxValue: number;\n  overlays: React.CSSProperties[];\n  round: boolean;\n  thumbColor?: string;\n}\n\nexport const ColorSlider = forwardRef<HTMLDivElement, ColorSliderProps>((props, ref) => {\n  const {\n    className,\n    onChange,\n    onChangeEnd,\n    maxValue,\n    round,\n    size = 'md',\n    focusable = true,\n    value,\n    overlays,\n    thumbColor = 'transparent',\n    onScrubStart,\n    onScrubEnd,\n    ...others\n  } = props;\n\n  const { getStyles } = useColorPickerContext();\n\n  const theme = useMantineTheme();\n  const [position, setPosition] = useState({ y: 0, x: value / maxValue });\n  const positionRef = useRef(position);\n  const getChangeValue = (val: number) => (round ? Math.round(val * maxValue) : val * maxValue);\n  const { ref: sliderRef } = useMove(\n    ({ x, y }) => {\n      positionRef.current = { x, y };\n      onChange?.(getChangeValue(x));\n    },\n    {\n      onScrubEnd: () => {\n        const { x } = positionRef.current;\n        onChangeEnd?.(getChangeValue(x));\n        onScrubEnd?.();\n      },\n      onScrubStart,\n    }\n  );\n\n  useDidUpdate(() => {\n    setPosition({ y: 0, x: value / maxValue });\n  }, [value]);\n\n  const handleArrow = (event: React.KeyboardEvent<HTMLDivElement>, pos: UseMovePosition) => {\n    event.preventDefault();\n    const _position = clampUseMovePosition(pos);\n    onChange?.(getChangeValue(_position.x));\n    onChangeEnd?.(getChangeValue(_position.x));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowRight': {\n        handleArrow(event, { x: position.x + 0.05, y: position.y });\n        break;\n      }\n\n      case 'ArrowLeft': {\n        handleArrow(event, { x: position.x - 0.05, y: position.y });\n        break;\n      }\n    }\n  };\n\n  const layers = overlays.map((overlay, index) => (\n    <div {...getStyles('sliderOverlay')} style={overlay} key={index} />\n  ));\n\n  return (\n    <Box\n      {...others}\n      ref={useMergedRef(sliderRef, ref)}\n      {...getStyles('slider')}\n      role=\"slider\"\n      aria-valuenow={value}\n      aria-valuemax={maxValue}\n      aria-valuemin={0}\n      tabIndex={focusable ? 0 : -1}\n      onKeyDown={handleKeyDown}\n      data-focus-ring={theme.focusRing}\n    >\n      {layers}\n\n      <Thumb\n        position={position}\n        size={size!}\n        {...getStyles('thumb', { style: { top: rem(1), background: thumbColor } })}\n      />\n    </Box>\n  );\n});\n\nColorSlider.displayName = '@mantine/core/ColorSlider';\n"],"names":[],"mappings":"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"}

package/esm/components/ColorPicker/HueSlider/HueSlider.js

@@ -0,0 +1,22 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { ColorSlider } from '../ColorSlider/ColorSlider.js';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const defaultProps = {};
+const HueSlider = forwardRef((props, ref) => {
+    const _a = useProps('HueSlider', defaultProps, props), { value, onChange, onChangeEnd, color } = _a, others = __rest(_a, ["value", "onChange", "onChangeEnd", "color"]);
+    return (React.createElement(ColorSlider, Object.assign({}, others, { ref: ref, value: value, onChange: onChange, onChangeEnd: onChangeEnd, maxValue: 360, thumbColor: `hsl(${value}, 100%, 50%)`, round: true, "data-hue": true, overlays: [
+            {
+                backgroundImage: 'linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))',
+            },
+            {
+                boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${rem(1)} inset, rgb(0, 0, 0, .15) 0 0 ${rem(4)} inset`,
+            },
+        ] })));
+});
+HueSlider.displayName = '@mantine/core/HueSlider';
+
+export { HueSlider };
+//# sourceMappingURL=HueSlider.js.map

package/esm/components/ColorPicker/HueSlider/HueSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HueSlider.js","sources":["../../../../src/components/ColorPicker/HueSlider/HueSlider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useProps, rem } from '../../../core';\nimport { ColorSlider, __ColorSliderProps } from '../ColorSlider/ColorSlider';\n\nconst defaultProps: Partial<__ColorSliderProps> = {};\n\nexport const HueSlider = forwardRef<HTMLDivElement, __ColorSliderProps>((props, ref) => {\n  const { value, onChange, onChangeEnd, color, ...others } = useProps(\n    'HueSlider',\n    defaultProps,\n    props\n  );\n\n  return (\n    <ColorSlider\n      {...others}\n      ref={ref}\n      value={value}\n      onChange={onChange}\n      onChangeEnd={onChangeEnd}\n      maxValue={360}\n      thumbColor={`hsl(${value}, 100%, 50%)`}\n      round\n      data-hue\n      overlays={[\n        {\n          backgroundImage:\n            'linear-gradient(to right,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(170,100%,50%),hsl(240,100%,50%),hsl(300,100%,50%),hsl(360,100%,50%))',\n        },\n        {\n          boxShadow: `rgba(0, 0, 0, .1) 0 0 0 ${rem(1)} inset, rgb(0, 0, 0, .15) 0 0 ${rem(\n            4\n          )} inset`,\n        },\n      ]}\n    />\n  );\n});\n\nHueSlider.displayName = '@mantine/core/HueSlider';\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAY,GAAgC,EAAE,CAAC;MAExC,SAAS,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG;IACjF,MAAM,KAAqD,QAAQ,CACjE,WAAW,EACX,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,OAI1C,EAJ+C,MAAM,cAAhD,6CAAkD,CAIvD,CAAC;IAEF,QACE,oBAAC,WAAW,oBACN,MAAM,IACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,OAAO,KAAK,cAAc,EACtC,KAAK,0BAEL,QAAQ,EAAE;YACR;gBACE,eAAe,EACb,sJAAsJ;aACzJ;YACD;gBACE,SAAS,EAAE,2BAA2B,GAAG,CAAC,CAAC,CAAC,iCAAiC,GAAG,CAC9E,CAAC,CACF,QAAQ;aACV;SACF,IACD,EACF;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}

package/esm/components/ColorPicker/Saturation/Saturation.js

@@ -0,0 +1,69 @@
+import { __rest } from 'tslib';
+import React, { useState, useRef, useEffect } from 'react';
+import { useMove, clampUseMovePosition } from '@mantine/hooks';
+import { Thumb } from '../Thumb/Thumb.js';
+import { useColorPickerContext } from '../ColorPicker.context.js';
+import { convertHsvaTo } from '../converters/converters.js';
+import { Box } from '../../../core/Box/Box.js';
+
+function Saturation(_a) {
+    var { className, onChange, onChangeEnd, value, saturationLabel, focusable = true, size, color, onScrubStart, onScrubEnd } = _a, others = __rest(_a, ["className", "onChange", "onChangeEnd", "value", "saturationLabel", "focusable", "size", "color", "onScrubStart", "onScrubEnd"]);
+    const { getStyles } = useColorPickerContext();
+    const [position, setPosition] = useState({ x: value.s / 100, y: 1 - value.v / 100 });
+    const positionRef = useRef(position);
+    const { ref } = useMove(({ x, y }) => {
+        positionRef.current = { x, y };
+        onChange({ s: Math.round(x * 100), v: Math.round((1 - y) * 100) });
+    }, {
+        onScrubEnd: () => {
+            const { x, y } = positionRef.current;
+            onChangeEnd({ s: Math.round(x * 100), v: Math.round((1 - y) * 100) });
+            onScrubEnd === null || onScrubEnd === void 0 ? void 0 : onScrubEnd();
+        },
+        onScrubStart,
+    });
+    useEffect(() => {
+        setPosition({ x: value.s / 100, y: 1 - value.v / 100 });
+    }, [value.s, value.v]);
+    const handleArrow = (event, pos) => {
+        event.preventDefault();
+        const _position = clampUseMovePosition(pos);
+        onChange({ s: Math.round(_position.x * 100), v: Math.round((1 - _position.y) * 100) });
+        onChangeEnd({ s: Math.round(_position.x * 100), v: Math.round((1 - _position.y) * 100) });
+    };
+    const handleKeyDown = (event) => {
+        switch (event.key) {
+            case 'ArrowUp': {
+                handleArrow(event, { y: position.y - 0.05, x: position.x });
+                break;
+            }
+            case 'ArrowDown': {
+                handleArrow(event, { y: position.y + 0.05, x: position.x });
+                break;
+            }
+            case 'ArrowRight': {
+                handleArrow(event, { x: position.x + 0.05, y: position.y });
+                break;
+            }
+            case 'ArrowLeft': {
+                handleArrow(event, { x: position.x - 0.05, y: position.y });
+                break;
+            }
+        }
+    };
+    return (React.createElement(Box, Object.assign({}, getStyles('saturation'), { ref: ref }, others, { role: "slider", "aria-label": saturationLabel, "aria-valuenow": position.x, "aria-valuetext": convertHsvaTo('rgba', value), tabIndex: focusable ? 0 : -1, onKeyDown: handleKeyDown }),
+        React.createElement("div", Object.assign({}, getStyles('saturationOverlay', {
+            style: { backgroundColor: `hsl(${value.h}, 100%, 50%)` },
+        }))),
+        React.createElement("div", Object.assign({}, getStyles('saturationOverlay', {
+            style: { backgroundImage: 'linear-gradient(90deg, #fff, transparent)' },
+        }))),
+        React.createElement("div", Object.assign({}, getStyles('saturationOverlay', {
+            style: { backgroundImage: 'linear-gradient(0deg, #000, transparent)' },
+        }))),
+        React.createElement(Thumb, Object.assign({ position: position, size: size }, getStyles('thumb', { style: { backgroundColor: color } })))));
+}
+Saturation.displayName = '@mantine/core/Saturation';
+
+export { Saturation };
+//# sourceMappingURL=Saturation.js.map

package/esm/components/ColorPicker/Saturation/Saturation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Saturation.js","sources":["../../../../src/components/ColorPicker/Saturation/Saturation.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { UseMovePosition, clampUseMovePosition, useMove } from '@mantine/hooks';\nimport { Box, ElementProps, MantineSize } from '../../../core';\nimport { HsvaColor } from '../ColorPicker.types';\nimport { convertHsvaTo } from '../converters';\nimport { Thumb } from '../Thumb/Thumb';\nimport { useColorPickerContext } from '../ColorPicker.context';\n\nexport interface SaturationProps extends ElementProps<'div', 'onChange'> {\n  value: HsvaColor;\n  onChange(color: Partial<HsvaColor>): void;\n  onChangeEnd(color: Partial<HsvaColor>): void;\n  onScrubStart?(): void;\n  onScrubEnd?(): void;\n  saturationLabel?: string;\n  size: MantineSize | (string & {});\n  color: string;\n  focusable?: boolean;\n}\n\nexport function Saturation({\n  className,\n  onChange,\n  onChangeEnd,\n  value,\n  saturationLabel,\n  focusable = true,\n  size,\n  color,\n  onScrubStart,\n  onScrubEnd,\n  ...others\n}: SaturationProps) {\n  const { getStyles } = useColorPickerContext();\n\n  const [position, setPosition] = useState({ x: value.s / 100, y: 1 - value.v / 100 });\n  const positionRef = useRef(position);\n\n  const { ref } = useMove(\n    ({ x, y }) => {\n      positionRef.current = { x, y };\n      onChange({ s: Math.round(x * 100), v: Math.round((1 - y) * 100) });\n    },\n    {\n      onScrubEnd: () => {\n        const { x, y } = positionRef.current;\n        onChangeEnd({ s: Math.round(x * 100), v: Math.round((1 - y) * 100) });\n        onScrubEnd?.();\n      },\n      onScrubStart,\n    }\n  );\n\n  useEffect(() => {\n    setPosition({ x: value.s / 100, y: 1 - value.v / 100 });\n  }, [value.s, value.v]);\n\n  const handleArrow = (event: React.KeyboardEvent<HTMLDivElement>, pos: UseMovePosition) => {\n    event.preventDefault();\n    const _position = clampUseMovePosition(pos);\n    onChange({ s: Math.round(_position.x * 100), v: Math.round((1 - _position.y) * 100) });\n    onChangeEnd({ s: Math.round(_position.x * 100), v: Math.round((1 - _position.y) * 100) });\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    switch (event.key) {\n      case 'ArrowUp': {\n        handleArrow(event, { y: position.y - 0.05, x: position.x });\n        break;\n      }\n\n      case 'ArrowDown': {\n        handleArrow(event, { y: position.y + 0.05, x: position.x });\n        break;\n      }\n\n      case 'ArrowRight': {\n        handleArrow(event, { x: position.x + 0.05, y: position.y });\n        break;\n      }\n\n      case 'ArrowLeft': {\n        handleArrow(event, { x: position.x - 0.05, y: position.y });\n        break;\n      }\n    }\n  };\n\n  return (\n    <Box\n      {...getStyles('saturation')}\n      ref={ref as any}\n      {...others}\n      role=\"slider\"\n      aria-label={saturationLabel}\n      aria-valuenow={position.x}\n      aria-valuetext={convertHsvaTo('rgba', value)}\n      tabIndex={focusable ? 0 : -1}\n      onKeyDown={handleKeyDown}\n    >\n      <div\n        {...getStyles('saturationOverlay', {\n          style: { backgroundColor: `hsl(${value.h}, 100%, 50%)` },\n        })}\n      />\n\n      <div\n        {...getStyles('saturationOverlay', {\n          style: { backgroundImage: 'linear-gradient(90deg, #fff, transparent)' },\n        })}\n      />\n\n      <div\n        {...getStyles('saturationOverlay', {\n          style: { backgroundImage: 'linear-gradient(0deg, #000, transparent)' },\n        })}\n      />\n\n      <Thumb\n        position={position}\n        size={size}\n        {...getStyles('thumb', { style: { backgroundColor: color } })}\n      />\n    </Box>\n  );\n}\n\nSaturation.displayName = '@mantine/core/Saturation';\n"],"names":[],"mappings":"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"}

package/esm/components/ColorPicker/Swatches/Swatches.js

@@ -0,0 +1,19 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useColorPickerContext } from '../ColorPicker.context.js';
+import { ColorSwatch } from '../../ColorSwatch/ColorSwatch.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Swatches = forwardRef((_a, ref) => {
+    var { className, datatype, setValue, onChangeEnd, size, focusable, data, swatchesPerRow } = _a, others = __rest(_a, ["className", "datatype", "setValue", "onChangeEnd", "size", "focusable", "data", "swatchesPerRow"]);
+    const { getStyles } = useColorPickerContext();
+    const colors = data.map((color, index) => (React.createElement(ColorSwatch, Object.assign({}, getStyles('swatch'), { component: "button", type: "button", color: color, key: index, radius: "sm", onClick: () => {
+            setValue(color);
+            onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(color);
+        }, "aria-label": color, tabIndex: focusable ? 0 : -1, "data-swatch": true }))));
+    return (React.createElement(Box, Object.assign({}, getStyles('swatches'), { ref: ref }, others), colors));
+});
+Swatches.displayName = '@mantine/core/Swatches';
+
+export { Swatches };
+//# sourceMappingURL=Swatches.js.map

package/esm/components/ColorPicker/Swatches/Swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swatches.js","sources":["../../../../src/components/ColorPicker/Swatches/Swatches.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, ElementProps } from '../../../core';\nimport { ColorSwatch } from '../../ColorSwatch';\nimport { useColorPickerContext } from '../ColorPicker.context';\n\nexport interface SwatchesProps extends ElementProps<'div'> {\n  size?: string | number;\n  data: string[];\n  swatchesPerRow?: number;\n  focusable?: boolean;\n  onChangeEnd?: (color: string) => void;\n  setValue(value: string): void;\n}\n\nexport const Swatches = forwardRef<HTMLDivElement, SwatchesProps>(\n  (\n    {\n      className,\n      datatype,\n      setValue,\n      onChangeEnd,\n      size,\n      focusable,\n      data,\n      swatchesPerRow,\n      ...others\n    },\n    ref\n  ) => {\n    const { getStyles } = useColorPickerContext();\n\n    const colors = data.map((color, index) => (\n      <ColorSwatch\n        {...getStyles('swatch')}\n        component=\"button\"\n        type=\"button\"\n        color={color}\n        key={index}\n        radius=\"sm\"\n        onClick={() => {\n          setValue(color);\n          onChangeEnd?.(color);\n        }}\n        aria-label={color}\n        tabIndex={focusable ? 0 : -1}\n        data-swatch\n      />\n    ));\n\n    return (\n      <Box {...getStyles('swatches')} ref={ref} {...others}>\n        {colors}\n      </Box>\n    );\n  }\n);\n\nSwatches.displayName = '@mantine/core/Swatches';\n"],"names":[],"mappings":";;;;;;MAca,QAAQ,GAAG,UAAU,CAChC,CACE,EAUC,EACD,GAAG;QAXH,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,cAAc,OAEf,EADI,MAAM,cATX,mGAUC,CADU;IAIX,MAAM,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE9C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACnC,oBAAC,WAAW,oBACN,SAAS,CAAC,QAAQ,CAAC,IACvB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAE;YACP,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;SACtB,gBACW,KAAK,EACjB,QAAQ,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,yBAE5B,CACH,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,oBAAK,SAAS,CAAC,UAAU,CAAC,IAAE,GAAG,EAAE,GAAG,IAAM,MAAM,GACjD,MAAM,CACH,EACN;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/esm/components/ColorPicker/Thumb/Thumb.js

@@ -0,0 +1,17 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useColorPickerContext } from '../ColorPicker.context.js';
+import { Box } from '../../../core/Box/Box.js';
+
+const Thumb = forwardRef((_a, ref) => {
+    var { className, style, size, position } = _a, others = __rest(_a, ["className", "style", "size", "position"]);
+    const { getStyles } = useColorPickerContext();
+    return (React.createElement(Box, Object.assign({ ref: ref }, getStyles('thumb', { style }), { __vars: {
+            '--_thumb-y-offset': `${position.y * 100}%`,
+            '--_thumb-x-offset': `${position.x * 100}%`,
+        } }, others)));
+});
+Thumb.displayName = '@mantine/core/ColorPickerThumb';
+
+export { Thumb };
+//# sourceMappingURL=Thumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sources":["../../../../src/components/ColorPicker/Thumb/Thumb.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, MantineSize } from '../../../core';\nimport { useColorPickerContext } from '../ColorPicker.context';\n\nexport interface ThumbProps extends React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n  position: { x: number; y: number };\n  size: MantineSize | (string & {});\n}\n\nexport const Thumb = forwardRef<HTMLDivElement, ThumbProps>(\n  ({ className, style, size, position, ...others }, ref) => {\n    const { getStyles } = useColorPickerContext();\n    return (\n      <Box\n        ref={ref}\n        {...getStyles('thumb', { style })}\n        __vars={{\n          '--_thumb-y-offset': `${position.y * 100}%`,\n          '--_thumb-x-offset': `${position.x * 100}%`,\n        }}\n        {...others}\n      />\n    );\n  }\n);\n\nThumb.displayName = '@mantine/core/ColorPickerThumb';\n"],"names":[],"mappings":";;;;;MAUa,KAAK,GAAG,UAAU,CAC7B,CAAC,EAA+C,EAAE,GAAG;QAApD,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,OAAa,EAAR,MAAM,cAA7C,0CAA+C,CAAF;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC9C,QACE,oBAAC,GAAG,kBACF,GAAG,EAAE,GAAG,IACJ,SAAS,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,IACjC,MAAM,EAAE;YACN,mBAAmB,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,GAAG;YAC3C,mBAAmB,EAAE,GAAG,QAAQ,CAAC,CAAC,GAAG,GAAG,GAAG;SAC5C,IACG,MAAM,EACV,EACF;AACJ,CAAC,EACD;AAEF,KAAK,CAAC,WAAW,GAAG,gCAAgC;;;;"}

package/esm/components/ColorPicker/converters/converters.js

@@ -0,0 +1,69 @@
+import { round } from './parsers.js';
+
+function hsvaToRgbaObject({ h, s, v, a }) {
+    const _h = (h / 360) * 6;
+    const _s = s / 100;
+    const _v = v / 100;
+    const hh = Math.floor(_h);
+    const l = _v * (1 - _s);
+    const c = _v * (1 - (_h - hh) * _s);
+    const d = _v * (1 - (1 - _h + hh) * _s);
+    const module = hh % 6;
+    return {
+        r: round([_v, c, l, l, d, _v][module] * 255),
+        g: round([d, _v, _v, c, l, l][module] * 255),
+        b: round([l, l, d, _v, _v, c][module] * 255),
+        a: round(a, 2),
+    };
+}
+function hsvaToRgba(color, includeAlpha) {
+    const { r, g, b, a } = hsvaToRgbaObject(color);
+    if (!includeAlpha) {
+        return `rgb(${r}, ${g}, ${b})`;
+    }
+    return `rgba(${r}, ${g}, ${b}, ${round(a, 2)})`;
+}
+function hsvaToHsl({ h, s, v, a }, includeAlpha) {
+    const hh = ((200 - s) * v) / 100;
+    const result = {
+        h: Math.round(h),
+        s: Math.round(hh > 0 && hh < 200 ? ((s * v) / 100 / (hh <= 100 ? hh : 200 - hh)) * 100 : 0),
+        l: Math.round(hh / 2),
+    };
+    if (!includeAlpha) {
+        return `hsl(${result.h}, ${result.s}%, ${result.l}%)`;
+    }
+    return `hsla(${result.h}, ${result.s}%, ${result.l}%, ${round(a, 2)})`;
+}
+function formatHexPart(number) {
+    const hex = number.toString(16);
+    return hex.length < 2 ? `0${hex}` : hex;
+}
+function hsvaToHex(color) {
+    const { r, g, b } = hsvaToRgbaObject(color);
+    return `#${formatHexPart(r)}${formatHexPart(g)}${formatHexPart(b)}`;
+}
+function hsvaToHexa(color) {
+    const a = Math.round(color.a * 255);
+    return `${hsvaToHex(color)}${formatHexPart(a)}`;
+}
+const CONVERTERS = {
+    hex: hsvaToHex,
+    hexa: (color) => hsvaToHexa(color),
+    rgb: (color) => hsvaToRgba(color, false),
+    rgba: (color) => hsvaToRgba(color, true),
+    hsl: (color) => hsvaToHsl(color, false),
+    hsla: (color) => hsvaToHsl(color, true),
+};
+function convertHsvaTo(format, color) {
+    if (!color) {
+        return '#000000';
+    }
+    if (!(format in CONVERTERS)) {
+        return CONVERTERS.hex(color);
+    }
+    return CONVERTERS[format](color);
+}
+
+export { convertHsvaTo, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject };
+//# sourceMappingURL=converters.js.map

package/esm/components/ColorPicker/converters/converters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converters.js","sources":["../../../../src/components/ColorPicker/converters/converters.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat } from '../ColorPicker.types';\nimport { round } from './parsers';\n\nexport function hsvaToRgbaObject({ h, s, v, a }: HsvaColor): RgbaColor {\n  const _h = (h / 360) * 6;\n  const _s = s / 100;\n  const _v = v / 100;\n\n  const hh = Math.floor(_h);\n  const l = _v * (1 - _s);\n  const c = _v * (1 - (_h - hh) * _s);\n  const d = _v * (1 - (1 - _h + hh) * _s);\n  const module = hh % 6;\n\n  return {\n    r: round([_v, c, l, l, d, _v][module] * 255),\n    g: round([d, _v, _v, c, l, l][module] * 255),\n    b: round([l, l, d, _v, _v, c][module] * 255),\n    a: round(a, 2),\n  };\n}\n\nexport function hsvaToRgba(color: HsvaColor, includeAlpha: boolean) {\n  const { r, g, b, a } = hsvaToRgbaObject(color);\n\n  if (!includeAlpha) {\n    return `rgb(${r}, ${g}, ${b})`;\n  }\n\n  return `rgba(${r}, ${g}, ${b}, ${round(a, 2)})`;\n}\n\nexport function hsvaToHsl({ h, s, v, a }: HsvaColor, includeAlpha: boolean) {\n  const hh = ((200 - s) * v) / 100;\n\n  const result = {\n    h: Math.round(h),\n    s: Math.round(hh > 0 && hh < 200 ? ((s * v) / 100 / (hh <= 100 ? hh : 200 - hh)) * 100 : 0),\n    l: Math.round(hh / 2),\n  };\n\n  if (!includeAlpha) {\n    return `hsl(${result.h}, ${result.s}%, ${result.l}%)`;\n  }\n\n  return `hsla(${result.h}, ${result.s}%, ${result.l}%, ${round(a, 2)})`;\n}\n\nfunction formatHexPart(number: number) {\n  const hex = number.toString(16);\n  return hex.length < 2 ? `0${hex}` : hex;\n}\n\nexport function hsvaToHex(color: HsvaColor) {\n  const { r, g, b } = hsvaToRgbaObject(color);\n  return `#${formatHexPart(r)}${formatHexPart(g)}${formatHexPart(b)}`;\n}\n\nexport function hsvaToHexa(color: HsvaColor) {\n  const a = Math.round(color.a * 255);\n\n  return `${hsvaToHex(color)}${formatHexPart(a)}`;\n}\n\nconst CONVERTERS: Record<ColorFormat, (color: HsvaColor) => string> = {\n  hex: hsvaToHex,\n  hexa: (color) => hsvaToHexa(color),\n  rgb: (color) => hsvaToRgba(color, false),\n  rgba: (color) => hsvaToRgba(color, true),\n  hsl: (color) => hsvaToHsl(color, false),\n  hsla: (color) => hsvaToHsl(color, true),\n};\n\nexport function convertHsvaTo(format: ColorFormat, color: HsvaColor) {\n  if (!color) {\n    return '#000000';\n  }\n\n  if (!(format in CONVERTERS)) {\n    return CONVERTERS.hex(color);\n  }\n\n  return CONVERTERS[format](color);\n}\n"],"names":[],"mappings":"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"}

package/esm/components/ColorPicker/converters/parsers.js

@@ -0,0 +1,138 @@
+function round(number, digits = 0, base = Math.pow(10, digits)) {
+    return Math.round(base * number) / base;
+}
+function hslaToHsva({ h, s, l, a }) {
+    const ss = s * ((l < 50 ? l : 100 - l) / 100);
+    return {
+        h,
+        s: ss > 0 ? ((2 * ss) / (l + ss)) * 100 : 0,
+        v: l + ss,
+        a,
+    };
+}
+const angleUnits = {
+    grad: 360 / 400,
+    turn: 360,
+    rad: 360 / (Math.PI * 2),
+};
+function parseHue(value, unit = 'deg') {
+    return Number(value) * (angleUnits[unit] || 1);
+}
+const HSL_REGEXP = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
+function parseHsla(color) {
+    const match = HSL_REGEXP.exec(color);
+    if (!match) {
+        return { h: 0, s: 0, v: 0, a: 1 };
+    }
+    return hslaToHsva({
+        h: parseHue(match[1], match[2]),
+        s: Number(match[3]),
+        l: Number(match[4]),
+        a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1),
+    });
+}
+function rgbaToHsva({ r, g, b, a }) {
+    const max = Math.max(r, g, b);
+    const delta = max - Math.min(r, g, b);
+    const hh = delta
+        ? max === r
+            ? (g - b) / delta
+            : max === g
+                ? 2 + (b - r) / delta
+                : 4 + (r - g) / delta
+        : 0;
+    return {
+        h: round(60 * (hh < 0 ? hh + 6 : hh), 3),
+        s: round(max ? (delta / max) * 100 : 0, 3),
+        v: round((max / 255) * 100, 3),
+        a,
+    };
+}
+function parseHex(color) {
+    const hex = color[0] === '#' ? color.slice(1) : color;
+    if (hex.length === 3) {
+        return rgbaToHsva({
+            r: parseInt(hex[0] + hex[0], 16),
+            g: parseInt(hex[1] + hex[1], 16),
+            b: parseInt(hex[2] + hex[2], 16),
+            a: 1,
+        });
+    }
+    return rgbaToHsva({
+        r: parseInt(hex.slice(0, 2), 16),
+        g: parseInt(hex.slice(2, 4), 16),
+        b: parseInt(hex.slice(4, 6), 16),
+        a: 1,
+    });
+}
+function parseHexa(color) {
+    const hex = color[0] === '#' ? color.slice(1) : color;
+    const roundA = (a) => round(parseInt(a, 16) / 255, 3);
+    if (hex.length === 4) {
+        const withoutOpacity = hex.slice(0, 3);
+        const a = roundA(hex[3] + hex[3]);
+        const hsvaColor = Object.assign(Object.assign({}, parseHex(withoutOpacity)), { a });
+        return hsvaColor;
+    }
+    const withoutOpacity = hex.slice(0, 6);
+    const a = roundA(hex.slice(6, 8));
+    const hsvaColor = Object.assign(Object.assign({}, parseHex(withoutOpacity)), { a });
+    return hsvaColor;
+}
+const RGB_REGEXP = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
+function parseRgba(color) {
+    const match = RGB_REGEXP.exec(color);
+    if (!match) {
+        return { h: 0, s: 0, v: 0, a: 1 };
+    }
+    return rgbaToHsva({
+        r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
+        g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
+        b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
+        a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1),
+    });
+}
+const VALIDATION_REGEXP = {
+    hex: /^#?([0-9A-F]{3}){1,2}$/i,
+    hexa: /^#?([0-9A-F]{4}){1,2}$/i,
+    rgb: /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
+    rgba: /^rgba\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
+    hsl: /hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/i,
+    hsla: /^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d*(?:\.\d+)?)\)$/i,
+};
+const CONVERTERS = {
+    hex: parseHex,
+    hexa: parseHexa,
+    rgb: parseRgba,
+    rgba: parseRgba,
+    hsl: parseHsla,
+    hsla: parseHsla,
+};
+function isColorValid(color) {
+    // eslint-disable-next-line no-restricted-syntax
+    for (const [, regexp] of Object.entries(VALIDATION_REGEXP)) {
+        if (regexp.test(color)) {
+            return true;
+        }
+    }
+    return false;
+}
+function parseColor(color) {
+    if (typeof color !== 'string') {
+        return { h: 0, s: 0, v: 0, a: 1 };
+    }
+    if (color === 'transparent') {
+        return { h: 0, s: 0, v: 0, a: 0 };
+    }
+    const trimmed = color.trim();
+    // eslint-disable-next-line no-restricted-syntax
+    for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {
+        if (regexp.test(trimmed)) {
+            return CONVERTERS[rule](trimmed);
+        }
+    }
+    return { h: 0, s: 0, v: 0, a: 1 };
+}
+
+export { isColorValid, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, round };
+//# sourceMappingURL=parsers.js.map

package/esm/components/ColorPicker/converters/parsers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parsers.js","sources":["../../../../src/components/ColorPicker/converters/parsers.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat, HslaColor } from '../ColorPicker.types';\n\nexport function round(number: number, digits = 0, base = 10 ** digits) {\n  return Math.round(base * number) / base;\n}\n\nfunction hslaToHsva({ h, s, l, a }: HslaColor): HsvaColor {\n  const ss = s * ((l < 50 ? l : 100 - l) / 100);\n\n  return {\n    h,\n    s: ss > 0 ? ((2 * ss) / (l + ss)) * 100 : 0,\n    v: l + ss,\n    a,\n  };\n}\n\nconst angleUnits: Record<string, number> = {\n  grad: 360 / 400,\n  turn: 360,\n  rad: 360 / (Math.PI * 2),\n};\n\nexport function parseHue(value: string, unit = 'deg') {\n  return Number(value) * (angleUnits[unit] || 1);\n}\n\nconst HSL_REGEXP =\n  /hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseHsla(color: string): HsvaColor {\n  const match = HSL_REGEXP.exec(color);\n\n  if (!match) {\n    return { h: 0, s: 0, v: 0, a: 1 };\n  }\n\n  return hslaToHsva({\n    h: parseHue(match[1], match[2]),\n    s: Number(match[3]),\n    l: Number(match[4]),\n    a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1),\n  });\n}\n\nfunction rgbaToHsva({ r, g, b, a }: RgbaColor): HsvaColor {\n  const max = Math.max(r, g, b);\n  const delta = max - Math.min(r, g, b);\n\n  const hh = delta\n    ? max === r\n      ? (g - b) / delta\n      : max === g\n      ? 2 + (b - r) / delta\n      : 4 + (r - g) / delta\n    : 0;\n\n  return {\n    h: round(60 * (hh < 0 ? hh + 6 : hh), 3),\n    s: round(max ? (delta / max) * 100 : 0, 3),\n    v: round((max / 255) * 100, 3),\n    a,\n  };\n}\n\nexport function parseHex(color: string): HsvaColor {\n  const hex = color[0] === '#' ? color.slice(1) : color;\n\n  if (hex.length === 3) {\n    return rgbaToHsva({\n      r: parseInt(hex[0] + hex[0], 16),\n      g: parseInt(hex[1] + hex[1], 16),\n      b: parseInt(hex[2] + hex[2], 16),\n      a: 1,\n    });\n  }\n\n  return rgbaToHsva({\n    r: parseInt(hex.slice(0, 2), 16),\n    g: parseInt(hex.slice(2, 4), 16),\n    b: parseInt(hex.slice(4, 6), 16),\n    a: 1,\n  });\n}\n\nexport function parseHexa(color: string): HsvaColor {\n  const hex = color[0] === '#' ? color.slice(1) : color;\n\n  const roundA = (a: string) => round(parseInt(a, 16) / 255, 3);\n  if (hex.length === 4) {\n    const withoutOpacity = hex.slice(0, 3);\n    const a = roundA(hex[3] + hex[3]);\n\n    const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n    return hsvaColor;\n  }\n\n  const withoutOpacity = hex.slice(0, 6);\n  const a = roundA(hex.slice(6, 8));\n  const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n  return hsvaColor;\n}\n\nconst RGB_REGEXP =\n  /rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseRgba(color: string): HsvaColor {\n  const match = RGB_REGEXP.exec(color);\n\n  if (!match) {\n    return { h: 0, s: 0, v: 0, a: 1 };\n  }\n\n  return rgbaToHsva({\n    r: Number(match[1]) / (match[2] ? 100 / 255 : 1),\n    g: Number(match[3]) / (match[4] ? 100 / 255 : 1),\n    b: Number(match[5]) / (match[6] ? 100 / 255 : 1),\n    a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1),\n  });\n}\n\nconst VALIDATION_REGEXP: Record<ColorFormat, RegExp> = {\n  hex: /^#?([0-9A-F]{3}){1,2}$/i,\n  hexa: /^#?([0-9A-F]{4}){1,2}$/i,\n  rgb: /^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n  rgba: /^rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n  hsl: /hsl\\(\\s*(\\d+)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\)/i,\n  hsla: /^hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*(\\d*(?:\\.\\d+)?)\\)$/i,\n};\n\nconst CONVERTERS: Record<ColorFormat, (color: string) => HsvaColor> = {\n  hex: parseHex,\n  hexa: parseHexa,\n  rgb: parseRgba,\n  rgba: parseRgba,\n  hsl: parseHsla,\n  hsla: parseHsla,\n};\n\nexport function isColorValid(color: string) {\n  // eslint-disable-next-line no-restricted-syntax\n  for (const [, regexp] of Object.entries(VALIDATION_REGEXP)) {\n    if (regexp.test(color)) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\nexport function parseColor(color: string): HsvaColor {\n  if (typeof color !== 'string') {\n    return { h: 0, s: 0, v: 0, a: 1 };\n  }\n\n  if (color === 'transparent') {\n    return { h: 0, s: 0, v: 0, a: 0 };\n  }\n\n  const trimmed = color.trim();\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {\n    if (regexp.test(trimmed)) {\n      return CONVERTERS[rule as keyof typeof CONVERTERS](trimmed);\n    }\n  }\n\n  return { h: 0, s: 0, v: 0, a: 1 };\n}\n"],"names":[],"mappings":"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"}

package/esm/components/ColorSwatch/ColorSwatch.js

@@ -0,0 +1,47 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './ColorSwatch.module.css.js';
+import { rem } from '../../core/utils/units-converters/rem.js';
+import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getRadius } from '../../core/utils/get-size/get-size.js';
+
+const defaultProps = {
+    size: rem(28),
+    radius: rem(28),
+    withShadow: true,
+};
+const varsResolver = createVarsResolver((_, { radius, size }) => ({
+    root: {
+        '--cs-radius': getRadius(radius),
+        '--cs-size': rem(size),
+    },
+}));
+const ColorSwatch = polymorphicFactory((_props, ref) => {
+    const props = useProps('ColorSwatch', defaultProps, _props);
+    const _a = useProps('ColorSwatch', defaultProps, props), { classNames, className, style, styles, unstyled, vars, color, size, radius, withShadow, children, variant } = _a, others = __rest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "color", "size", "radius", "withShadow", "children", "variant"]);
+    const getStyles = useStyles({
+        name: 'ColorSwatch',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(Box, Object.assign({ ref: ref, variant: variant, size: size }, getStyles('root', { focusable: true }), others),
+        React.createElement("span", Object.assign({}, getStyles('alphaOverlay'))),
+        withShadow && React.createElement("span", Object.assign({}, getStyles('shadowOverlay'))),
+        React.createElement("span", Object.assign({}, getStyles('colorOverlay', { style: { backgroundColor: color } }))),
+        React.createElement("span", Object.assign({}, getStyles('childrenOverlay')), children)));
+});
+ColorSwatch.displayName = '@mantine/core/ColorSwatch';
+
+export { ColorSwatch };
+//# sourceMappingURL=ColorSwatch.js.map

package/esm/components/ColorSwatch/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  MantineRadius,\n  StylesApiProps,\n  getRadius,\n  polymorphicFactory,\n  rem,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport classes from './ColorSwatch.module.css';\n\nexport type ColorSwatchStylesNames =\n  | 'root'\n  | 'alphaOverlay'\n  | 'shadowOverlay'\n  | 'colorOverlay'\n  | 'childrenOverlay';\nexport type ColorSwatchVariant = string;\nexport type ColorSwatchCssVariables = {\n  root: '--cs-radius' | '--cs-size';\n};\n\nexport interface ColorSwatchProps extends BoxProps, StylesApiProps<ColorSwatchFactory> {\n  /** Color to display, not related to `theme.colors` – supports only CSS color values */\n  color: string;\n\n  /** Controls `width` and `height` of the swatch, any valid CSS value, numbers are converted to rem */\n  size?: React.CSSProperties['width'];\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Determines whether the swatch should have inner `box-shadow`, `true` by default */\n  withShadow?: boolean;\n\n  /** Content rendered inside the swatch */\n  children?: React.ReactNode;\n}\n\nexport type ColorSwatchFactory = PolymorphicFactory<{\n  props: ColorSwatchProps;\n  defaultRef: HTMLDivElement;\n  defaultComponent: 'div';\n  stylesNames: ColorSwatchStylesNames;\n  vars: ColorSwatchCssVariables;\n  variant: ColorSwatchVariant;\n}>;\n\nconst defaultProps: Partial<ColorSwatchProps> = {\n  size: rem(28),\n  radius: rem(28),\n  withShadow: true,\n};\n\nconst varsResolver = createVarsResolver<ColorSwatchFactory>((_, { radius, size }) => ({\n  root: {\n    '--cs-radius': getRadius(radius),\n    '--cs-size': rem(size),\n  },\n}));\n\nexport const ColorSwatch = polymorphicFactory<ColorSwatchFactory>((_props, ref) => {\n  const props = useProps('ColorSwatch', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    color,\n    size,\n    radius,\n    withShadow,\n    children,\n    variant,\n    ...others\n  } = useProps('ColorSwatch', defaultProps, props);\n\n  const getStyles = useStyles<ColorSwatchFactory>({\n    name: 'ColorSwatch',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      ref={ref}\n      variant={variant}\n      size={size}\n      {...getStyles('root', { focusable: true })}\n      {...others}\n    >\n      <span {...getStyles('alphaOverlay')} />\n      {withShadow && <span {...getStyles('shadowOverlay')} />}\n      <span {...getStyles('colorOverlay', { style: { backgroundColor: color } })} />\n      <span {...getStyles('childrenOverlay')}>{children}</span>\n    </Box>\n  );\n});\n\nColorSwatch.displayName = '@mantine/core/ColorSwatch';\n"],"names":[],"mappings":";;;;;;;;;;;AAqDA,MAAM,YAAY,GAA8B;IAC9C,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;IACb,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IACf,UAAU,EAAE,IAAI;CACjB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAqB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IACpF,IAAI,EAAE;QACJ,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC;QAChC,WAAW,EAAE,GAAG,CAAC,IAAI,CAAC;KACvB;CACF,CAAC,CAAC,CAAC;MAES,WAAW,GAAG,kBAAkB,CAAqB,CAAC,MAAM,EAAE,GAAG;IAC5E,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC5D,MAAM,KAcF,QAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,EAd1C,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,OAEuC,EAD3C,MAAM,cAbL,kIAcL,CAA+C,CAAC;IAEjD,MAAM,SAAS,GAAG,SAAS,CAAqB;QAC9C,IAAI,EAAE,aAAa;QACnB,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,kBACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,SAAS,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EACtC,MAAM;QAEV,8CAAU,SAAS,CAAC,cAAc,CAAC,EAAI;QACtC,UAAU,IAAI,8CAAU,SAAS,CAAC,eAAe,CAAC,EAAI;QACvD,8CAAU,SAAS,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,CAAC,EAAI;QAC9E,8CAAU,SAAS,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAAQ,CACrD,EACN;AACJ,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

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

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-NrgS8tw","colorOverlay":"mantine-HF00v22","shadowOverlay":"mantine-Prv63wq","alphaOverlay":"mantine-moWfGYP","childrenOverlay":"mantine-r5DDD9D"};
+
+export default classes;
+//# sourceMappingURL=ColorSwatch.module.css.js.map

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

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

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js

@@ -0,0 +1,15 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import cx from 'clsx';
+import classes from './ComboboxChevron.module.css.js';
+import { Box } from '../../../core/Box/Box.js';
+import { getSize } from '../../../core/utils/get-size/get-size.js';
+
+function ComboboxChevron(_a) {
+    var { size, error, style, className } = _a, others = __rest(_a, ["size", "error", "style", "className"]);
+    return (React.createElement(Box, Object.assign({ component: "svg", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", mod: ['combobox-chevron', { error }], className: cx(classes.root, className), __vars: { '--combobox-chevron-size': getSize(size, 'combobox-chevron-size') } }, others),
+        React.createElement("path", { d: "M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })));
+}
+
+export { ComboboxChevron };
+//# sourceMappingURL=ComboboxChevron.js.map

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChevron.js","sources":["../../../../src/components/Combobox/ComboboxChevron/ComboboxChevron.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'clsx';\nimport { MantineSize, Box, getSize } from '../../../core';\nimport classes from './ComboboxChevron.module.css';\n\ninterface ComboboxChevronProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'display'> {\n  size: MantineSize | (string & {});\n  error: React.ReactNode;\n}\n\nexport function ComboboxChevron({\n  size,\n  error,\n  style,\n  className,\n  ...others\n}: ComboboxChevronProps) {\n  return (\n    <Box\n      component=\"svg\"\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      mod={['combobox-chevron', { error }]}\n      className={cx(classes.root, className)}\n      __vars={{ '--combobox-chevron-size': getSize(size, 'combobox-chevron-size') }}\n      {...others}\n    >\n      <path\n        d=\"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;SAUgB,eAAe,CAAC,EAMT;QANS,EAC9B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,OAEY,EADlB,MAAM,cALqB,uCAM/B,CADU;IAET,QACE,oBAAC,GAAG,kBACF,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,GAAG,EAAE,CAAC,kBAAkB,EAAE,EAAE,KAAK,EAAE,CAAC,EACpC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EACtC,MAAM,EAAE,EAAE,yBAAyB,EAAE,OAAO,CAAC,IAAI,EAAE,uBAAuB,CAAC,EAAE,IACzE,MAAM;QAEV,8BACE,CAAC,EAAC,krBAAkrB,EACprB,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,CACE,EACN;AACJ;;;;"}

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js

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

package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map

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

package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js

@@ -0,0 +1,21 @@
+function parseItem(item) {
+    if (typeof item === 'string') {
+        return { value: item, label: item };
+    }
+    if ('group' in item) {
+        return {
+            group: item.group,
+            items: item.items.map(parseItem),
+        };
+    }
+    return item;
+}
+function getParsedComboboxData(data) {
+    if (!data) {
+        return [];
+    }
+    return data.map(parseItem);
+}
+
+export { getParsedComboboxData };
+//# sourceMappingURL=get-parsed-combobox-data.js.map