@dreamcommerce/aurora 3.0.0-246 → 3.0.0-248

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_overrides/color_picker_square.js

@@ -0,0 +1,85 @@
+import React, { useRef, useEffect, useState, useCallback } from 'react';
+import { usePicker } from 'react-best-gradient-color-picker/dist/esm/context';
+import tinycolor from 'tinycolor2';
+import { config } from 'react-best-gradient-color-picker/dist/esm/constants';
+import { computePickerPosition, computeSquareXY } from 'react-best-gradient-color-picker/dist/esm/utils/utils';
+import usePaintSquare from 'react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare';
+const { crossSize } = config;
+/**
+ * Zmieniono wzgledem react-best-gradient-color-picker:
+ * - Przeniesiono handleMove na window
+ * - Usunieto throttle ktore i tak nie dzialalo -.-
+ */
+export const Square = () => {
+    const { hc, defaultStyles, squareWidth, squareHeight, handleChange } = usePicker();
+    const [dragging, setDragging] = useState(false);
+    const canvas = useRef(null);
+    const [x, y] = computeSquareXY(hc?.s, hc?.v * 100, squareWidth, squareHeight);
+    const [dragPos, setDragPos] = useState({ x, y });
+    const squareRef = useRef(null);
+    usePaintSquare(canvas, hc?.h, squareWidth, squareHeight);
+    useEffect(() => {
+        if (dragging)
+            return;
+        setDragPos({ x: hc?.v === 0 ? dragPos.x : x, y });
+    }, [x, y]);
+    const onMouseMove = useCallback((e) => {
+        const [x, y] = computePickerPosition(e);
+        if (x && y) {
+            const x1 = Math.min(x + crossSize / 2, squareWidth - 1);
+            const y1 = Math.min(y + crossSize / 2, squareHeight - 1);
+            const newS = (x1 / squareWidth) * 100;
+            const newY = 100 - (y1 / squareHeight) * 100;
+            setDragPos({ x: newY === 0 ? dragPos?.x : x, y });
+            const updated = tinycolor(`hsva(${hc?.h}, ${newS}%, ${newY}%, ${hc?.a})`);
+            handleChange(updated.toRgbString());
+        }
+    }, [dragPos.x, handleChange, hc.a, hc.h, squareHeight, squareWidth]);
+    const handleColor = (e) => {
+        onMouseMove(e);
+    };
+    const stopDragging = () => {
+        setDragging(false);
+    };
+    const handleMove = useCallback((e) => {
+        if (!dragging)
+            return;
+        const newEvent = { target: squareRef.current, clientX: e.clientX, clientY: e.clientY, touches: e.touches };
+        onMouseMove(newEvent);
+    }, [dragging, onMouseMove]);
+    const handleClick = (e) => {
+        if (dragging)
+            return;
+        handleColor(e);
+    };
+    const handleMouseDown = () => {
+        setDragging(true);
+    };
+    const handleCanvasDown = (e) => {
+        setDragging(true);
+        handleColor(e);
+    };
+    useEffect(() => {
+        const handleUp = () => {
+            stopDragging();
+        };
+        window.addEventListener('mouseup', handleUp);
+        window.addEventListener('mousemove', handleMove);
+        return () => {
+            window.removeEventListener('mouseup', handleUp);
+            window.removeEventListener('mousemove', handleMove);
+        };
+    }, [handleMove]);
+    return (React.createElement("div", { style: { position: 'relative' } },
+        React.createElement("div", { ref: squareRef, onMouseUp: stopDragging, onTouchEnd: stopDragging, onMouseDown: handleCanvasDown, onTouchStart: handleCanvasDown, style: { position: 'relative', cursor: 'ew-cross' } },
+            React.createElement("div", { style: {
+                    ...defaultStyles.rbgcpHandle,
+                    transform: `translate(${dragPos?.x || 0}px, ${dragPos?.y || 0}px)`,
+                    ...(dragging ? { transition: '' } : {}),
+                    width: 16,
+                    height: 16
+                }, onMouseDown: handleMouseDown }),
+            React.createElement("div", { style: { ...defaultStyles.rbgcpCanvasWrapper, height: squareHeight }, onClick: (e) => handleClick(e) },
+                React.createElement("canvas", { ref: canvas, id: "paintSquare", width: `${squareWidth}px`, height: `${squareHeight}px` })))));
+};
+//# sourceMappingURL=color_picker_square.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_square.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/color_picker/components/color_picker_overrides/color_picker_square.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_shades.js

@@ -0,0 +1,35 @@
+import { ColorPickerSwatch } from '@auroraComponents/color_picker/components/color_picker_swatch';
+import { ColorPickerUtils } from '../color_picker_utils';
+import React from 'react';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { useTranslation } from 'react-i18next';
+export const ColorPickerShades = () => {
+    const { hslArr, setColor } = useColorPicker();
+    const [t] = useTranslation();
+    const [h, s] = hslArr;
+    const shades = [
+        { h, s, l: 95 },
+        { h, s, l: 90 },
+        { h, s, l: 80 },
+        { h, s, l: 70 },
+        { h, s, l: 60 },
+        { h, s, l: 50 },
+        { h, s, l: 40 },
+        { h, s, l: 30 },
+        { h, s, l: 20 },
+        { h, s, l: 10 },
+        { h, s, l: 5 }
+    ];
+    return (React.createElement("div", { className: "aurora-pt-0.5" },
+        React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text" },
+            React.createElement("p", { className: "aurora-text-xs aurora-font-medium" }, `${t('Shades of color')}`)),
+        React.createElement("div", { className: "aurora-grid aurora-grid-cols-12 aurora-gap-1" }, shades.map((shade, index) => {
+            const colorTiny = ColorPickerUtils.getTinyColorInstance(shade);
+            const colorHex = ColorPickerUtils.getHexValue(colorTiny);
+            const handleOnClick = () => {
+                setColor?.(colorHex);
+            };
+            return (React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${shade}-${index}`, color: colorHex, cssColor: ColorPickerUtils.getHexValueString(colorTiny), hasActiveBorder: true }));
+        }))));
+};
+//# sourceMappingURL=color_picker_shades.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_shades.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_shades.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_shades.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC9C,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAE7B,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM,CAAC;IACtB,MAAM,MAAM,GAAG;QACX,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QACf,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACjB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;QAC1B,6BAAK,SAAS,EAAC,gFAAgF;YAC3F,2BAAG,SAAS,EAAC,mCAAmC,IAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAK,CAC9E;QAEN,6BAAK,SAAS,EAAC,8CAA8C,IACxD,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,SAAS,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC/D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YAEzD,MAAM,aAAa,GAAG,GAAG,EAAE;gBACvB,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;YACzB,CAAC,CAAC;YAEF,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,GAAG,EAAE,GAAG,KAAK,IAAI,KAAK,EAAE,EACxB,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,EACvD,eAAe,SACjB,CACL,CAAC;QACN,CAAC,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_swatch.js

@@ -0,0 +1,20 @@
+import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants';
+import '../color_picker_types';
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+import tinycolor from 'tinycolor2';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+export const ColorPickerSwatch = ({ color, cssColor, size, hasActiveBorder, onClick }) => {
+    const { color: activeColor } = useColorPicker();
+    const handleOnClick = () => {
+        onClick?.(color);
+    };
+    const shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor.value).toHex() === color;
+    return (React.createElement("div", { className: cn(`color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong`, {
+            'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
+            'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
+            '!aurora-border-active aurora-border-2': shouldApplyActiveBorder
+        }), onClick: handleOnClick },
+        React.createElement("div", { className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s", style: { background: `${cssColor}` } })));
+};
+//# sourceMappingURL=color_picker_swatch.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_swatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_swatch.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_swatch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAsC,uBAAuB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAUvF,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE;IACxH,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,eAAe,IAAI,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC;IAElG,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CACT,6IAA6I,EAC7I;YACI,uBAAuB,EAAE,IAAI,KAAK,yBAAyB,CAAC,KAAK;YACjE,uBAAuB,EAAE,IAAI,KAAK,yBAAyB,CAAC,GAAG;YAC/D,uCAAuC,EAAE,uBAAuB;SACnE,CACJ,EACD,OAAO,EAAE,aAAa;QAEtB,6BAAK,SAAS,EAAC,mEAAmE,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,EAAE,GAAI,CACzH,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_variables.js

@@ -0,0 +1,36 @@
+import React, { useState } from 'react';
+import { ColorPickerSwatch } from '@auroraComponents/color_picker/components/color_picker_swatch';
+import { ColorPickerUtils } from '../color_picker_utils';
+import '../color_picker_types';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { useTranslation } from 'react-i18next';
+import { cn } from '@auroraUtilities/cn';
+import { ArrowDownSFillIcon } from '@auroraAssets/icons/arrow_down_s_fill';
+export const ColorPickerVariables = ({ variables }) => {
+    const { setColor } = useColorPicker();
+    const [t] = useTranslation();
+    const [isOpen, setIsOpen] = useState(false);
+    const { primary, secondary, neutral } = variables;
+    const primaryShades = ColorPickerUtils.getVariableShades({ color: primary.value, name: primary.name });
+    const secondaryShades = ColorPickerUtils.getVariableShades({ color: secondary.value, name: secondary.name });
+    const neutralShades = ColorPickerUtils.getVariableShades({ color: neutral.value, name: neutral.name });
+    const allShades = [...primaryShades, ...secondaryShades, ...neutralShades];
+    return (React.createElement("div", { className: "aurora-mt-3.5" },
+        React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text aurora-cursor-pointer", onClick: () => setIsOpen(!isOpen) },
+            React.createElement("p", { className: "aurora-text-xs aurora-font-medium" }, `${t('Theme colors')}`),
+            React.createElement("div", { className: "aurora-flex aurora-items-start aurora-justify-center aurora-h-4 aurora-w-4" },
+                React.createElement(ArrowDownSFillIcon, { className: cn('aurora-h-full aurora-w-full', isOpen && 'aurora-rotate-180') }))),
+        React.createElement("div", { className: "aurora-grid aurora-grid-cols-12 aurora-gap-1" }, Object.values(variables).map((variable, index) => {
+            const colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
+            const colorHex = ColorPickerUtils.getHexValue(colorTiny);
+            const handleOnClick = () => setColor({ value: colorHex, name: `${variable.name}` });
+            return (React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${variable}-${index}`, color: colorHex, cssColor: ColorPickerUtils.getHexValueString(colorTiny), hasActiveBorder: true }));
+        })),
+        isOpen && (React.createElement("div", { className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3" }, allShades.map((variable, index) => {
+            const colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
+            const colorHex = ColorPickerUtils.getHexValue(colorTiny);
+            const handleOnClick = () => setColor({ value: colorHex, name: `${variable.name}` });
+            return (React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${variable}-${index}`, color: colorHex, cssColor: ColorPickerUtils.getHexValueString(colorTiny), hasActiveBorder: true }));
+        })))));
+};
+//# sourceMappingURL=color_picker_variables.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/color_picker_variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_variables.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_variables.tsx"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/current_color_preview.js

@@ -0,0 +1,10 @@
+import { ColorPickerUtils } from '@auroraComponents/color_picker/color_picker_utils';
+import React from 'react';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+export const CurrentColorPreview = () => {
+    const { color } = useColorPicker();
+    return (React.createElement("div", { className: "aurora-w-6 aurora-h-6 aurora-border aurora-rounded-4", "aria-label": "color picker current color value", style: {
+            background: ColorPickerUtils.isGradient(color.value) ? color.value : `#${color.value}`
+        } }));
+};
+//# sourceMappingURL=current_color_preview.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/current_color_preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"current_color_preview.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/current_color_preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAEvF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,CAAC;IAEnC,OAAO,CACH,6BACI,SAAS,EAAC,sDAAsD,gBACrD,kCAAkC,EAC7C,KAAK,EAAE;YACH,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE;SACzF,GACE,CACV,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/components/pure_color_picker.js

@@ -0,0 +1,27 @@
+import { ColorPickerContent } from '@auroraComponents/color_picker/components/color_picker_content';
+import { ColorPickerInput } from '@auroraComponents/color_picker/components/color_label_input';
+import { ColorPickerSwatch } from '@auroraComponents/color_picker/components/color_picker_swatch';
+import { ColorPickerUtils } from '@auroraComponents/color_picker/color_picker_utils';
+import '../color_picker_types';
+import { Popover } from '@auroraComponents/popover/popover';
+import { PopoverContent } from '@auroraComponents/popover/components/popover_content';
+import { PopoverTrigger } from '@auroraComponents/popover/components/popover_trigger';
+import React from 'react';
+import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
+import { cn } from '@auroraUtilities/cn';
+const ColorPickerPure = ({ id, name, errors, disabled, className, ...rest }) => {
+    const { color, isColorPickerOpened, setIsColorPickerOpened } = useColorPicker();
+    const colorValue = typeof color === 'string' ? color : color.value;
+    const colorTiny = ColorPickerUtils.getTinyColorInstance(colorValue);
+    const handleClosePopover = () => {
+        setIsColorPickerOpened(false);
+    };
+    return (React.createElement("div", null,
+        React.createElement(Popover, { open: isColorPickerOpened, onOpenChange: (value) => !value && handleClosePopover() },
+            React.createElement(PopoverTrigger, { onClick: () => setIsColorPickerOpened(true), disabled: disabled, className: "aurora-w-full" },
+                React.createElement(ColorPickerInput, { id: id, name: name, errors: errors, disabled: disabled, preElement: React.createElement(ColorPickerSwatch, { color: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValue(colorTiny), cssColor: ColorPickerUtils.isGradient(colorValue) ? colorValue : ColorPickerUtils.getHexValueString(colorTiny), size: "big" }) })),
+            React.createElement(PopoverContent, { className: cn('aurora-rounded-16 aurora-overflow-hidden', className), ...rest },
+                React.createElement(ColorPickerContent, null)))));
+};
+export default ColorPickerPure;
+//# sourceMappingURL=pure_color_picker.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/components/pure_color_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pure_color_picker.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/pure_color_picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gEAAgE,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,6DAA6D,CAAC;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAsC,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,eAAe,GAAoC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC5G,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAG,cAAc,EAAE,CAAC;IAChF,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IACnE,MAAM,SAAS,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH;QACI,oBAAC,OAAO,IAAC,IAAI,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,kBAAkB,EAAE;YACvF,oBAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,eAAe;gBACtG,oBAAC,gBAAgB,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EACN,oBAAC,iBAAiB,IACd,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,EACrG,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,EAC9G,IAAI,EAAC,KAAK,GACZ,GAER,CACW;YAEjB,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAAM,IAAI;gBAC1F,oBAAC,kBAAkB,OAAG,CACT,CACX,CACR,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/esm/packages/aurora/src/src/components/color_picker/hooks/setup_color_picker.js

@@ -0,0 +1,116 @@
+import '../color_picker_types';
+import { useEffect, useState } from 'react';
+import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants';
+import { ColorPickerUtils } from '../color_picker_utils';
+import { isEqual } from 'lodash';
+import { useColorPicker as useBestGradientColorPicker } from 'react-best-gradient-color-picker';
+const defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
+const useSetupColorPicker = ({ initialColor, onChange, onCancel, onSave, colorVariables, withGradient: isWithGradient = false }) => {
+    const initialColorObject = ColorPickerUtils.getColorPickerValue(initialColor);
+    const [color, setColorValue] = useState(initialColorObject);
+    const [previousSolidColor, setPreviousSolidColor] = useState();
+    const [previousGradientColor, setPreviousGradientColor] = useState();
+    const [prevInitialColor, setPrevInitialColor] = useState(initialColor);
+    const withGradient = isWithGradient || ColorPickerUtils.isGradient(initialColorObject.value);
+    const [isColorPickerOpened, setIsColorPickerOpened] = useState(false);
+    const setColor = (newColor) => {
+        const newColorValue = ColorPickerUtils.getColorPickerValue(newColor);
+        !ColorPickerUtils.isGradient(color.value) ? setPreviousSolidColor(color.value) : setPreviousGradientColor(color.value);
+        setColorValue((prevColor) => {
+            return {
+                value: newColorValue.value,
+                name: (prevColor.value ?? prevColor) === newColorValue.value ? prevColor?.name : typeof newColor === 'string' ? '' : newColor?.name
+            };
+        });
+    };
+    useEffect(() => {
+        if (!initialColor)
+            return;
+        if (!isEqual(initialColor, prevInitialColor) && !isColorPickerOpened) {
+            setColor(initialColor);
+            setPrevInitialColor(initialColor);
+        }
+    }, [initialColor]);
+    const { hslArr, rgbaArr, setR, setG, setB, setA, isGradient, gradientType, getGradientObject } = useBestGradientColorPicker(color.value, setColor);
+    const tinyColor = typeof color === 'string' ? ColorPickerUtils.getTinyColorInstance(color) : ColorPickerUtils.getTinyColorInstance(color.value);
+    const hex = ColorPickerUtils.getHexValue(tinyColor);
+    const [alpha, setAlpha] = useState(rgbaArr[3] * 100);
+    const [alphaValue, setAlphaValue] = useState(`${alpha}`);
+    const setSolid = (value) => {
+        setColor(ColorPickerUtils.getColorPickerValue(value).value);
+    };
+    const setLinear = (value) => {
+        const gradientColor = value || defaultGradient;
+        if (value && !ColorPickerUtils.isGradient(value)) {
+            setGradient(gradientColor);
+        }
+        const remaining = gradientColor.split(/,(.+)/)[1];
+        setColor(`linear-gradient(90deg, ${remaining}`);
+    };
+    const setRadial = (value) => {
+        const gradientColor = value || defaultGradient;
+        if (value && !ColorPickerUtils.isGradient(value)) {
+            setGradient(gradientColor);
+        }
+        const remaining = gradientColor.split(/,(.+)/)[1];
+        setColor(`radial-gradient(circle, ${remaining}`);
+    };
+    const setGradient = (value) => {
+        const gradientColor = value || defaultGradient;
+        setColor(gradientColor);
+    };
+    const handleOnChangeAlpha = (event) => {
+        changeAlphaValue(Number(event.target.value));
+    };
+    const changeAlphaValue = (value) => {
+        setAlpha(value > COLOR_PICKER_ALPHA_MAX_VALUE ? COLOR_PICKER_ALPHA_MAX_VALUE : value);
+    };
+    useEffect(() => {
+        setA(alpha);
+    }, [alpha]);
+    useEffect(() => {
+        setAlphaValue(`${Math.round(rgbaArr[3] * 100)}`);
+    }, [rgbaArr[3]]);
+    useEffect(() => {
+        const colorObject = ColorPickerUtils.getAllColorTypes(color);
+        const gradientObject = getGradientObject();
+        onChange?.({
+            ...colorObject,
+            gradient: gradientObject?.isGradient ? ColorPickerUtils.getColorPickerGradientValue(gradientObject) : undefined
+        });
+    }, [color]);
+    const handleCancel = () => {
+        setColor(ColorPickerUtils.getColorPickerValue(initialColor));
+        onCancel?.();
+    };
+    const handleSave = () => {
+        onSave?.(ColorPickerUtils.getAllColorTypes(color));
+    };
+    return {
+        color,
+        previousSolidColor,
+        previousGradientColor,
+        setColor,
+        hex,
+        hslArr,
+        handleOnChangeAlpha,
+        alphaValue,
+        rgbaArr,
+        setR,
+        setG,
+        setB,
+        handleCancel,
+        handleSave,
+        colorVariables,
+        isCurrentValueGradient: isGradient,
+        setSolid,
+        setRadial,
+        setLinear,
+        gradientType: gradientType,
+        withGradient,
+        isColorPickerOpened,
+        setIsColorPickerOpened
+    };
+};
+export default useSetupColorPicker;
+//# sourceMappingURL=setup_color_picker.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/hooks/setup_color_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup_color_picker.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/hooks/setup_color_picker.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/src/components/color_picker/hooks/use_color_picker.js

@@ -0,0 +1,7 @@
+import { ColorPickerContext } from '@auroraComponents/color_picker/color_picker_context';
+import '../color_picker_types';
+import { useContext } from 'react';
+export const useColorPicker = () => {
+    return useContext(ColorPickerContext);
+};
+//# sourceMappingURL=use_color_picker.js.map

package/build/esm/packages/aurora/src/src/components/color_picker/hooks/use_color_picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_color_picker.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/hooks/use_color_picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAC;AACzF,OAAoC,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAwB,EAAE;IACpD,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAC1C,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/control/control.js

@@ -0,0 +1,5 @@
+import './control_types';
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+export const Control = ({ children, classname }) => (React.createElement("div", { className: cn(`aurora-flex aurora-gap-1 aurora-w-full`, classname) }, children));
+//# sourceMappingURL=control.js.map

package/build/esm/packages/aurora/src/src/components/control/control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control.js","sourceRoot":"","sources":["../../../../../../../../src/components/control/control.tsx"],"names":[],"mappings":"AAAA,OAA8B,iBAAiB,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACzE,6BAAK,SAAS,EAAE,EAAE,CAAC,wCAAwC,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAC5F,CAAC"}

package/build/esm/packages/aurora/src/src/components/control/control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/control/control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/checkbox_control/checkbox_control.js

@@ -0,0 +1,26 @@
+import { Checkbox } from '@auroraComponents/checkbox/checkbox';
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import React from 'react';
+import './checkbox_control_types';
+import { Stack } from '@auroraComponents/stack/stack';
+import { cn } from '@auroraUtilities/cn';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+export const CheckboxControl = ({ id, name, label, value, tooltip, helperText, errors, checked = false, disabled = false, required = false, onCheckedChange, ...rest }) => {
+    const [_checked, setChecked] = React.useState(checked);
+    const handleCheckedChange = (checked) => {
+        setChecked(checked);
+        onCheckedChange?.(checked);
+    };
+    return (React.createElement(Control, { classname: "aurora-items-start aurora-gap-3" },
+        React.createElement(Checkbox, { id: id, name: name, value: value, checked: checked, onCheckedChange: handleCheckedChange, required: required, disabled: disabled, errors: errors, ...rest }),
+        React.createElement(Stack, { spacing: "0.5", direction: "column" },
+            label ? (React.createElement(Label, { htmlFor: id, required: required, disabled: disabled, tooltip: tooltip, className: cn({
+                    'aurora-font-semibold': _checked
+                }) }, label)) : null,
+            helperText ? React.createElement(HelperText, { color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined }, helperText) : null,
+            errors ? React.createElement(ErrorList, { errors: errors }) : null)));
+};
+//# sourceMappingURL=checkbox_control.js.map

package/build/esm/packages/aurora/src/src/components/controls/checkbox_control/checkbox_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_control.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/checkbox_control/checkbox_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAsC,0BAA0B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC7D,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,GAAG,IAAI,EACV,EAAE,EAAE;IACD,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEvD,MAAM,mBAAmB,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC7C,UAAU,CAAC,OAAO,CAAC,CAAC;QACpB,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iCAAiC;QAChD,oBAAC,QAAQ,IACL,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,KACV,IAAI,GACV;QAEF,oBAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ;YAClC,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IACF,OAAO,EAAE,EAAE,EACX,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC;oBACV,sBAAsB,EAAE,QAAQ;iBACnC,CAAC,IAED,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;YAEP,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;YAE1H,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAC1C,CACF,CACb,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/checkbox_control/checkbox_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox_control_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/checkbox_control/checkbox_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+B,2CAA2C,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/color_picker_control/color_picker_control.js

@@ -0,0 +1,17 @@
+import { ColorPicker } from '@auroraComponents/color_picker/color_picker';
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import React from 'react';
+import './color_picker_control_types';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+export const ColorPickerControl = ({ label, tooltip, required = false, id, name, errors, initialColor, colorVariables, onChange, onCancel, onSave, withGradient, helperText, disabled, ...rest }) => {
+    return (React.createElement(Control, { classname: "aurora-flex-col" },
+        label ? (React.createElement(Label, { htmlFor: id, tooltip: tooltip, required: required }, label)) : null,
+        React.createElement(ColorPicker, { id: id, name: name, initialColor: initialColor, colorVariables: colorVariables, errors: errors, onChange: onChange, onCancel: onCancel, onSave: onSave, withGradient: withGradient, disabled: disabled, ...rest }),
+        helperText ? React.createElement(HelperText, { color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined }, helperText) : null,
+        errors ? React.createElement(ErrorList, { errors: errors }) : null));
+};
+ColorPickerControl.displayName = 'ColorPickerControl';
+//# sourceMappingURL=color_picker_control.js.map

package/build/esm/packages/aurora/src/src/components/controls/color_picker_control/color_picker_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_control.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/color_picker_control/color_picker_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAyC,8BAA8B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,EAAE,EACF,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;QAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IACnD,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;QAER,oBAAC,WAAW,IACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,KACd,IAAI,GACV;QAED,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;QAE1H,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC;AACN,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/color_picker_control/color_picker_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAsC,OAAO,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/controls_group/controls_group.js

@@ -0,0 +1,8 @@
+import 'react';
+import { Stack } from '@auroraComponents/stack/stack';
+import React from 'react';
+import '@auroraComponents/controls/controls_group/controls_group_types';
+export const ControlsGroup = ({ children, spacing = '4' }) => {
+    return (React.createElement(Stack, { spacing: spacing, direction: "column", width: "100%" }, children));
+};
+//# sourceMappingURL=controls_group.js.map

package/build/esm/packages/aurora/src/src/components/controls/controls_group/controls_group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls_group.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/controls_group/controls_group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAoC,gEAAgE,CAAC;AAErG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,GAAG,EAA0C,EAAE,EAAE;IACjG,OAAO,CACH,oBAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,IACnD,QAAQ,CACL,CACX,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/controls_group/controls_group_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls_group_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/controls_group/controls_group_types.ts"],"names":[],"mappings":"AAAA,OAAkC,8CAA8C,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/input_control/input_control.js

@@ -0,0 +1,17 @@
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Input } from '@auroraComponents/input/input';
+import { Label } from '@auroraComponents/label/label';
+import React from 'react';
+import './input_control_types';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+export const InputControl = React.forwardRef(({ id, name, label, helperText, preElement, postElement, errors, disabled, defaultValue, value, placeholder, readOnly, type, required, tooltip, onChange, onKeyDown, onKeyUp, ...props }, ref) => {
+    return (React.createElement(Control, { classname: "aurora-flex-col" },
+        label ? (React.createElement(Label, { htmlFor: id, required: required, tooltip: tooltip, disabled: disabled }, label)) : null,
+        React.createElement(Input, { ref: ref, id: id, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, disabled: disabled, readOnly: readOnly, preElement: preElement, postElement: postElement, errors: errors, type: type, onChange: onChange, onKeyDown: onKeyDown, onKeyUp: onKeyUp, ...props }),
+        helperText ? React.createElement(HelperText, { color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined }, helperText) : null,
+        errors ? React.createElement(ErrorList, { errors: errors }) : null));
+});
+InputControl.displayName = 'InputControl';
+//# sourceMappingURL=input_control.js.map

package/build/esm/packages/aurora/src/src/components/controls/input_control/input_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_control.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/input_control/input_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAmC,uBAAuB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACxC,CACI,EACI,EAAE,EACF,IAAI,EACJ,KAAK,EACL,UAAU,EACV,UAAU,EACV,WAAW,EACX,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;QAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IACvE,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;QAER,oBAAC,KAAK,IACF,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KACZ,KAAK,GACX;QAED,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;QAE1H,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/input_control/input_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input_control_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/input_control/input_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/multiselect_control/multiselect_control.js

@@ -0,0 +1,17 @@
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import { MultiSelect } from '@auroraComponents/multiselect/multiselect';
+import React from 'react';
+import './multiselect_control_types';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+export const MultiSelectControl = ({ id, options, placeholder, disabled, label, helperText, tooltip, errors, onValueChange, required, ...props }) => {
+    return (React.createElement(Control, { classname: "aurora-flex-col" },
+        label ? (React.createElement(Label, { htmlFor: id, required: required, tooltip: tooltip, disabled: disabled }, label)) : null,
+        React.createElement(MultiSelect, { id: id, options: options, placeholder: placeholder, disabled: disabled, onValueChange: onValueChange, errors: errors, ...props }),
+        helperText ? React.createElement(HelperText, { color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined }, helperText) : null,
+        errors ? React.createElement(ErrorList, { errors: errors }) : null));
+};
+MultiSelectControl.displayName = 'MultiSelectControl';
+//# sourceMappingURL=multiselect_control.js.map

package/build/esm/packages/aurora/src/src/components/controls/multiselect_control/multiselect_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_control.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/multiselect_control/multiselect_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAyC,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE1F,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,EAAE,EACF,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,MAAM,EACN,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,EAAE;IACD,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,iBAAiB;QAC/B,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IACvE,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;QAER,oBAAC,WAAW,IACR,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,KACV,KAAK,GACX;QAED,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI;QAE1H,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC;AACN,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/multiselect_control/multiselect_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_control_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/multiselect_control/multiselect_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAkC,iDAAiD,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/radio_group_control/radio_group_control.js

@@ -0,0 +1,19 @@
+import { Control } from '@auroraComponents/control/control';
+import { ErrorList } from '@auroraComponents/error_list/error_list';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import { RadioGroup } from '@auroraComponents/radio_group/radio_group';
+import { RadioGroupItem } from '@auroraComponents/radio_group/components/radio_group_item';
+import React from 'react';
+import './radio_group_control_types';
+import { CSS_TEXT_COLOR_TOKENS } from '@auroraConstants/css_tokens/css_text_color_tokens';
+import { Stack } from '@auroraComponents/stack/stack';
+export const RadioGroupControl = ({ id, name, items, label, value, defaultValue, tooltip, helperText, errors, disabled = false, required = false, onValueChange, ...rest }) => (React.createElement(Control, { classname: "aurora-flex-col aurora-gap-3" },
+    React.createElement(Stack, { spacing: "0.5", direction: "column" },
+        label ? (React.createElement(Label, { htmlFor: id, required: required, disabled: disabled, tooltip: tooltip, className: "aurora-text" }, label)) : null,
+        helperText ? React.createElement(HelperText, { color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined }, helperText) : null),
+    React.createElement(RadioGroup, { id: id, name: name, value: value, defaultValue: defaultValue, disabled: disabled, required: required, onValueChange: onValueChange, ...rest }, items.map((item) => {
+        return (React.createElement(RadioGroupItem, { key: `radio-button-${item.value}`, value: item.value, id: item.id, errors: errors, disabled: disabled, label: item.label, helperText: item.helperText, tooltip: item.tooltip }));
+    })),
+    errors ? React.createElement(ErrorList, { errors: errors }) : null));
+//# sourceMappingURL=radio_group_control.js.map

package/build/esm/packages/aurora/src/src/components/controls/radio_group_control/radio_group_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_control.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/radio_group_control/radio_group_control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAwC,6BAA6B,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EACjE,EAAE,EACF,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,oBAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B;IAC7C,oBAAC,KAAK,IAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,QAAQ;QAClC,KAAK,CAAC,CAAC,CAAC,CACL,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,IAChG,KAAK,CACF,CACX,CAAC,CAAC,CAAC,IAAI;QAEP,UAAU,CAAC,CAAC,CAAC,oBAAC,UAAU,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAc,CAAC,CAAC,CAAC,IAAI,CACvH;IAER,oBAAC,UAAU,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,KACxB,IAAI,IAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChB,OAAO,CACH,oBAAC,cAAc,IACX,GAAG,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,GACvB,CACL,CAAC;IACN,CAAC,CAAC,CACO;IAEZ,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CACxC,CACb,CAAC"}

package/build/esm/packages/aurora/src/src/components/controls/radio_group_control/radio_group_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_control_types.js","sourceRoot":"","sources":["../../../../../../../../../src/components/controls/radio_group_control/radio_group_control_types.ts"],"names":[],"mappings":"AAAA,OAAuD,iDAAiD,CAAC;AAEzG,OAAkB,OAAO,CAAC"}