@dreamcommerce/aurora 3.0.0-91 → 3.0.0-93

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.js

@@ -1,13 +1,48 @@
-import { Input } from '@auroraComponents/input/input';
-import { InputUtils } from '@dreamcommerce/utilities';
 import React from 'react';
-import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
-export const ColorPickerInputsRgba = () => {
-    const { setR, setG, setB, handleOnChangeAlpha, alphaValue, rgbaArr } = useColorPicker();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Input, { className: "!aurora-h-6 !aurora-px-2 aurora-text-xs", type: "text", value: rgbaArr[0], onChange: (e) => setR(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
-        React.createElement(Input, { className: "!aurora-h-6 !aurora-px-2 aurora-text-xs", type: "text", value: rgbaArr[1], onChange: (e) => setG(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
-        React.createElement(Input, { className: "!aurora-h-6 !aurora-px-2 aurora-text-xs", type: "text", value: rgbaArr[2], onChange: (e) => setB(Number(e.target.value)), onKeyPress: InputUtils.preventTypingLetters }),
-        React.createElement(Input, { className: "!aurora-h-6 !aurora-px-2 aurora-text-xs", type: "text", value: alphaValue, onChange: handleOnChangeAlpha, onKeyPress: InputUtils.preventTypingLetters })));
+import { Input } from '../../../input/input.js';
+import { useColorPicker } from '../../hooks/use_color_picker.js';
+import { InputUtils } from '@dreamcommerce/utilities';
+
+var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
+  var _useColorPicker = useColorPicker(),
+    setR = _useColorPicker.setR,
+    setG = _useColorPicker.setG,
+    setB = _useColorPicker.setB,
+    handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
+    alphaValue = _useColorPicker.alphaValue,
+    rgbaArr = _useColorPicker.rgbaArr;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: rgbaArr[0],
+    onChange: function onChange(e) {
+      return setR(Number(e.target.value));
+    },
+    onKeyPress: InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React.createElement(Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: rgbaArr[1],
+    onChange: function onChange(e) {
+      return setG(Number(e.target.value));
+    },
+    onKeyPress: InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React.createElement(Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: rgbaArr[2],
+    onChange: function onChange(e) {
+      return setB(Number(e.target.value));
+    },
+    onKeyPress: InputUtils.preventTypingLetters
+  }), /*#__PURE__*/React.createElement(Input, {
+    className: "!aurora-h-6 !aurora-px-2 aurora-text-xs",
+    type: "text",
+    value: alphaValue,
+    onChange: handleOnChangeAlpha,
+    onKeyPress: InputUtils.preventTypingLetters
+  }));
 };
-//# sourceMappingURL=color_picker_inputs_rgba.js.map
+
+export { ColorPickerInputsRgba };
+//# sourceMappingURL=color_picker_inputs_rgba.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"color_picker_inputs_rgba.js","sourceRoot":"","sources":["../../../../../../../../../src/components/color_picker/components/color_picker_inputs/color_picker_inputs_rgba.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AAEvF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACtC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAExF,OAAO,CACH;QACI,oBAAC,KAAK,IACF,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;QACF,oBAAC,KAAK,IACF,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;QACF,oBAAC,KAAK,IACF,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAC7C,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C;QACF,oBAAC,KAAK,IACF,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,mBAAmB,EAC7B,UAAU,EAAE,UAAU,CAAC,oBAAoB,GAC7C,CACH,CACN,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_mode_toggler.d.ts

@@ -1 +1,2 @@
-export declare const ColorPickerModeToggler: () => JSX.Element;
+import React from 'react';
+export declare const ColorPickerModeToggler: () => React.JSX.Element;

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

@@ -1,35 +1,67 @@
 import React from 'react';
-import { Stack } from '@auroraComponents/stack/stack';
-import { Tooltip } from '@auroraComponents/tooltip/tooltip';
-import { TooltipContent } from '@auroraComponents/tooltip/components/tooltip_content';
-import { TooltipProvider } from '@auroraComponents/tooltip/context/tooltip_provider';
-import { TooltipTrigger } from '@auroraComponents/tooltip/components/tooltip_trigger';
-import { Typography } from '@auroraComponents/typography/typography';
-import { useColorPicker } from '@auroraComponents/color_picker/hooks/use_color_picker';
-import { useTranslation } from 'react-i18next';
-export const ColorPickerModeToggler = () => {
-    const { t } = useTranslation();
-    const { gradientType, isCurrentValueGradient, setSolid, setRadial, setLinear, previousSolidColor, previousGradientColor } = useColorPicker();
-    const commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong';
-    const activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
-    return (React.createElement(Stack, { spacing: "1", className: "aurora-flex aurora-list-none" },
-        React.createElement(TooltipProvider, null,
-            React.createElement(Tooltip, null,
-                React.createElement(TooltipTrigger, null,
-                    React.createElement("button", { type: "button", onClick: () => setSolid(previousSolidColor), "aria-label": "Color picker solid mode", className: `aurora-bg-info-active ${commonClassNames} ${!isCurrentValueGradient && activeClassNames}` })),
-                React.createElement(TooltipContent, { variant: "dark" },
-                    React.createElement(Typography, { size: "xs", weight: "medium" }, `${t('Solid')}`)))),
-        React.createElement(TooltipProvider, null,
-            React.createElement(Tooltip, null,
-                React.createElement(TooltipTrigger, null,
-                    React.createElement("button", { type: "button", onClick: () => setLinear(previousGradientColor), "aria-label": "Color picker linear gradient mode", className: `color-picker-mode-toggler__button_gradient_linear ${commonClassNames} ${gradientType === 'linear-gradient' && activeClassNames}` })),
-                React.createElement(TooltipContent, { variant: "dark" },
-                    React.createElement(Typography, { size: "xs", weight: "medium" }, `${t('Linear gradient')}`)))),
-        React.createElement(TooltipProvider, null,
-            React.createElement(Tooltip, null,
-                React.createElement(TooltipTrigger, null,
-                    React.createElement("button", { type: "button", onClick: () => setRadial(previousGradientColor), "aria-label": "Color picker radial gradient mode", className: `color-picker-mode-toggler__button_gradient_radial ${commonClassNames} ${gradientType === 'radial-gradient' && activeClassNames}` })),
-                React.createElement(TooltipContent, { variant: "dark" },
-                    React.createElement(Typography, { size: "xs", weight: "medium" }, `${t('Radial gradient')}`))))));
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { Stack } from '../../stack/stack.js';
+import { Typography } from '../../typography/typography.js';
+import { Tooltip } from '../../tooltip/tooltip.js';
+import { TooltipTrigger } from '../../tooltip/components/tooltip_trigger.js';
+import { TooltipContent } from '../../tooltip/components/tooltip_content.js';
+import { TooltipProvider } from '../../tooltip/context/tooltip_provider.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+
+var ColorPickerModeToggler = function ColorPickerModeToggler() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useColorPicker = useColorPicker(),
+    gradientType = _useColorPicker.gradientType,
+    isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
+    setSolid = _useColorPicker.setSolid,
+    setRadial = _useColorPicker.setRadial,
+    setLinear = _useColorPicker.setLinear,
+    previousSolidColor = _useColorPicker.previousSolidColor,
+    previousGradientColor = _useColorPicker.previousGradientColor;
+  var commonClassNames = 'aurora-block aurora-w-6 aurora-h-6 aurora-border aurora-border-solid aurora-rounded-4 aurora-cursor-pointer hover:aurora-border-strong';
+  var activeClassNames = 'aurora-border-2 aurora-border-solid aurora-border-active';
+  return /*#__PURE__*/React.createElement(Stack, {
+    spacing: "1",
+    className: "aurora-flex aurora-list-none"
+  }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setSolid(previousSolidColor);
+    },
+    "aria-label": "Color picker solid mode",
+    className: "aurora-bg-info-active ".concat(commonClassNames, " ").concat(!isCurrentValueGradient && activeClassNames)
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Solid')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setLinear(previousGradientColor);
+    },
+    "aria-label": "Color picker linear gradient mode",
+    className: "color-picker-mode-toggler__button_gradient_linear ".concat(commonClassNames, " ").concat(gradientType === 'linear-gradient' && activeClassNames)
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: function onClick() {
+      return setRadial(previousGradientColor);
+    },
+    "aria-label": "Color picker radial gradient mode",
+    className: "color-picker-mode-toggler__button_gradient_radial ".concat(commonClassNames, " ").concat(gradientType === 'radial-gradient' && activeClassNames)
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
+    variant: "dark"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    size: "xs",
+    weight: "medium"
+  }, "".concat(t('Radial gradient')))))));
 };
-//# sourceMappingURL=color_picker_mode_toggler.js.map
+
+export { ColorPickerModeToggler };
+//# sourceMappingURL=color_picker_mode_toggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"color_picker_mode_toggler.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/color_picker_mode_toggler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,YAAY,EAAE,sBAAsB,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,GAAG,cAAc,EAAE,CAAC;IAE7I,MAAM,gBAAgB,GAClB,wIAAwI,CAAC;IAC7I,MAAM,gBAAgB,GAAG,0DAA0D,CAAC;IAEpF,OAAO,CACH,oBAAC,KAAK,IAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAC,8BAA8B;QACvD,oBAAC,eAAe;YACZ,oBAAC,OAAO;gBACJ,oBAAC,cAAc;oBACX,gCACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC,gBAChC,yBAAyB,EACpC,SAAS,EAAE,yBAAyB,gBAAgB,IAAI,CAAC,sBAAsB,IAAI,gBAAgB,EAAE,GAC/F,CACG;gBAEjB,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM;oBAC1B,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,IAAE,GAAG,CAAC,CAAC,OAAO,CAAC,EAAE,CAAc,CACvD,CACX,CACI;QAElB,oBAAC,eAAe;YACZ,oBAAC,OAAO;gBACJ,oBAAC,cAAc;oBACX,gCACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,qBAAqB,CAAC,gBACpC,mCAAmC,EAC9C,SAAS,EAAE,qDAAqD,gBAAgB,IAC5E,YAAY,KAAK,iBAAiB,IAAI,gBAC1C,EAAE,GACI,CACG;gBAEjB,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM;oBAC1B,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,IAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAc,CACjE,CACX,CACI;QAElB,oBAAC,eAAe;YACZ,oBAAC,OAAO;gBACJ,oBAAC,cAAc;oBACX,gCACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,qBAAqB,CAAC,gBACpC,mCAAmC,EAC9C,SAAS,EAAE,qDAAqD,gBAAgB,IAC5E,YAAY,KAAK,iBAAiB,IAAI,gBAC1C,EAAE,GACI,CACG;gBAEjB,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM;oBAC1B,oBAAC,UAAU,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,IAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAc,CACjE,CACX,CACI,CACd,CACX,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_shades.d.ts

@@ -1 +1,2 @@
-export declare const ColorPickerShades: () => JSX.Element;
+import React from 'react';
+export declare const ColorPickerShades: () => React.JSX.Element;

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

@@ -1,35 +1,88 @@
-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-mt-3.5" },
-        React.createElement("div", { className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-strong" },
-            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) }));
-        }))));
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+import { ColorPickerSwatch } from './color_picker_swatch.js';
+
+var ColorPickerShades = function ColorPickerShades() {
+  var _useColorPicker = useColorPicker(),
+    hslArr = _useColorPicker.hslArr,
+    setColor = _useColorPicker.setColor;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var _hslArr = _slicedToArray(hslArr, 2),
+    h = _hslArr[0],
+    s = _hslArr[1];
+  var shades = [{
+    h: h,
+    s: s,
+    l: 95
+  }, {
+    h: h,
+    s: s,
+    l: 90
+  }, {
+    h: h,
+    s: s,
+    l: 80
+  }, {
+    h: h,
+    s: s,
+    l: 70
+  }, {
+    h: h,
+    s: s,
+    l: 60
+  }, {
+    h: h,
+    s: s,
+    l: 50
+  }, {
+    h: h,
+    s: s,
+    l: 40
+  }, {
+    h: h,
+    s: s,
+    l: 30
+  }, {
+    h: h,
+    s: s,
+    l: 20
+  }, {
+    h: h,
+    s: s,
+    l: 10
+  }, {
+    h: h,
+    s: s,
+    l: 5
+  }];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-mt-3.5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-strong"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "aurora-text-xs aurora-font-medium"
+  }, "".concat(t('Shades of color')))), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
+  }, shades.map(function (shade, index) {
+    var colorTiny = ColorPickerUtils.getTinyColorInstance(shade);
+    var colorHex = ColorPickerUtils.getHexValue(colorTiny);
+    var handleOnClick = function handleOnClick() {
+      setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
+    };
+    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      size: "small",
+      onClick: handleOnClick,
+      key: "".concat(shade, "-").concat(index),
+      color: colorHex,
+      cssColor: ColorPickerUtils.getHexValueString(colorTiny)
+    });
+  })));
 };
-//# sourceMappingURL=color_picker_shades.js.map
+
+export { ColorPickerShades };
+//# sourceMappingURL=color_picker_shades.js.map

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

@@ -1 +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,4FAA4F;YACvG,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,GACzD,CACL,CAAC;QACN,CAAC,CAAC,CACA,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_swatch.d.ts

@@ -1,11 +1,11 @@
-import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants';
-import { ColorPickerColorTypes } from '../color_picker_types';
-import React from 'react';
-interface IColorPickerSwatchProps {
-    color: string;
-    cssColor: string;
-    size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
-    onClick?: (color: ColorPickerColorTypes['hex']) => void;
-}
-export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
-export {};
+import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants';
+import { ColorPickerColorTypes } from '../color_picker_types';
+import React from 'react';
+interface IColorPickerSwatchProps {
+    color: string;
+    cssColor: string;
+    size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
+    onClick?: (color: ColorPickerColorTypes['hex']) => void;
+}
+export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
+export {};

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

@@ -1,14 +1,24 @@
-import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants';
-import '../color_picker_types';
 import React from 'react';
-export const ColorPickerSwatch = ({ color, cssColor, size, onClick }) => {
-    const handleOnClick = () => {
-        onClick?.(color);
-    };
-    return (React.createElement("div", { className: `color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden 
-                ${size === COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4'}
-                ${size === COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7'}
-            `, onClick: handleOnClick },
-        React.createElement("div", { className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s", style: { background: `${cssColor}` } })));
+import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants.js';
+
+var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
+  var color = _ref.color,
+    cssColor = _ref.cssColor,
+    size = _ref.size,
+    onClick = _ref.onClick;
+  var handleOnClick = function handleOnClick() {
+    onClick === null || onClick === void 0 ? void 0 : onClick(color);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden \n                ".concat(size === COLOR_PICKER_SWATCH_SIZES.small && 'aurora-w-4 aurora-h-4', "\n                ").concat(size === COLOR_PICKER_SWATCH_SIZES.big && 'aurora-w-7 aurora-h-7', "\n            "),
+    onClick: handleOnClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-rounded-2 aurora-shadow-s",
+    style: {
+      background: "".concat(cssColor)
+    }
+  }));
 };
-//# sourceMappingURL=color_picker_swatch.js.map
+
+export { ColorPickerSwatch };
+//# sourceMappingURL=color_picker_swatch.js.map

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

@@ -1 +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;AAS1B,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACvG,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,CACH,6BACI,SAAS,EAAE;kBACL,IAAI,KAAK,yBAAyB,CAAC,KAAK,IAAI,uBAAuB;kBACnE,IAAI,KAAK,yBAAyB,CAAC,GAAG,IAAI,uBAAuB;aACtE,EACD,OAAO,EAAE,aAAa;QAEtB,6BACI,SAAS,EAAC,oFAAoF,EAC9F,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,EAAE,GACtC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_variables.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { IColorPickerColorVariablesType } from '../color_picker_types';
-interface IColorPickerVariablesProps {
-    variables: IColorPickerColorVariablesType;
-}
-export declare const ColorPickerVariables: React.FC<IColorPickerVariablesProps>;
-export {};
+import React from 'react';
+import { IColorPickerColorVariablesType } from '../color_picker_types';
+interface IColorPickerVariablesProps {
+    variables: IColorPickerColorVariablesType;
+}
+export declare const ColorPickerVariables: React.FC<IColorPickerVariablesProps>;
+export {};

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

@@ -1,33 +1,87 @@
 import React, { useState } from 'react';
-import { ArrowDownSLineIcon } from '@auroraAssets/icons/arrow_down_s_line_icon';
-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';
-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-info-active" },
-            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-p-1", onClick: () => setIsOpen(!isOpen) },
-                React.createElement(ArrowDownSLineIcon, { className: `${!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) }));
-        })),
-        isOpen && (React.createElement("div", { className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3" }, allShades.map((variable, index) => {
-            const handleOnClick = () => setColor?.({ value: variable.value, name: variable.name });
-            return (React.createElement(ColorPickerSwatch, { size: "small", onClick: handleOnClick, key: `${variable}-${index}`, color: variable.value, cssColor: variable.value }));
-        })))));
+import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+import { ColorPickerSwatch } from './color_picker_swatch.js';
+
+var ColorPickerVariables = function ColorPickerVariables(_ref) {
+  var variables = _ref.variables;
+  var _useColorPicker = useColorPicker(),
+    setColor = _useColorPicker.setColor;
+  var _useTranslation = useTranslation(),
+    _useTranslation2 = _slicedToArray(_useTranslation, 1),
+    t = _useTranslation2[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var primary = variables.primary,
+    secondary = variables.secondary,
+    neutral = variables.neutral;
+  var primaryShades = ColorPickerUtils.getVariableShades({
+    color: primary.value,
+    name: primary.name
+  });
+  var secondaryShades = ColorPickerUtils.getVariableShades({
+    color: secondary.value,
+    name: secondary.name
+  });
+  var neutralShades = ColorPickerUtils.getVariableShades({
+    color: neutral.value,
+    name: neutral.name
+  });
+  var allShades = [].concat(_toConsumableArray(primaryShades), _toConsumableArray(secondaryShades), _toConsumableArray(neutralShades));
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-mt-3.5"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-active"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "aurora-text-xs aurora-font-medium"
+  }, "".concat(t('Theme colors'))), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-start aurora-justify-center aurora-p-1",
+    onClick: function onClick() {
+      return setIsOpen(!isOpen);
+    }
+  }, /*#__PURE__*/React.createElement(ArrowDownSLineIcon, {
+    className: "".concat(!isOpen ? 'aurora-rotate-180' : '')
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
+  }, Object.values(variables).map(function (variable, index) {
+    var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
+    var colorHex = ColorPickerUtils.getHexValue(colorTiny);
+    var handleOnClick = function handleOnClick() {
+      return setColor({
+        value: colorHex,
+        name: "".concat(variable.name)
+      });
+    };
+    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      size: "small",
+      onClick: handleOnClick,
+      key: "".concat(variable, "-").concat(index),
+      color: colorHex,
+      cssColor: ColorPickerUtils.getHexValueString(colorTiny)
+    });
+  })), isOpen && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
+  }, allShades.map(function (variable, index) {
+    var handleOnClick = function handleOnClick() {
+      return setColor === null || setColor === void 0 ? void 0 : setColor({
+        value: variable.value,
+        name: variable.name
+      });
+    };
+    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      size: "small",
+      onClick: handleOnClick,
+      key: "".concat(variable, "-").concat(index),
+      color: variable.value,
+      cssColor: variable.value
+    });
+  }))));
 };
-//# sourceMappingURL=color_picker_variables.js.map
+
+export { ColorPickerVariables };
+//# sourceMappingURL=color_picker_variables.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"color_picker_variables.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_picker/components/color_picker_variables.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAA+C,uBAAuB,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,MAAM,CAAC,MAAM,oBAAoB,GAAyC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,CAAC;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;IAElD,MAAM,aAAa,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IACvG,MAAM,eAAe,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;IAC7G,MAAM,aAAa,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IACvG,MAAM,SAAS,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,eAAe,EAAE,GAAG,aAAa,CAAC,CAAC;IAE3E,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe;QAC1B,6BAAK,SAAS,EAAC,4FAA4F;YACvG,2BAAG,SAAS,EAAC,mCAAmC,IAAE,GAAG,CAAC,CAAC,cAAc,CAAC,EAAE,CAAK;YAE7E,6BAAK,SAAS,EAAC,iEAAiE,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;gBAC9G,oBAAC,kBAAkB,IAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CACxE,CACJ;QAEN,6BAAK,SAAS,EAAC,8CAA8C,IACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC9C,MAAM,SAAS,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACxE,MAAM,QAAQ,GAAG,gBAAgB,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;YACzD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAEpF,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,GAAG,EAAE,GAAG,QAAQ,IAAI,KAAK,EAAE,EAC3B,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,GACzD,CACL,CAAC;QACN,CAAC,CAAC,CACA;QAEL,MAAM,IAAI,CACP,6BAAK,SAAS,EAAC,0DAA0D,IACpE,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;YAEvF,OAAO,CACH,oBAAC,iBAAiB,IACd,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,GAAG,EAAE,GAAG,QAAQ,IAAI,KAAK,EAAE,EAC3B,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,GAC1B,CACL,CAAC;QACN,CAAC,CAAC,CACA,CACT,CACC,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/current_color_preview.d.ts

@@ -1 +1,2 @@
-export declare const CurrentColorPreview: () => JSX.Element;
+import React from 'react';
+export declare const CurrentColorPreview: () => React.JSX.Element;

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

@@ -1,10 +1,18 @@
-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-self-stretch aurora-w-6 aurora-border aurora-rounded-4", "aria-label": "color picker current color value", style: {
-            background: ColorPickerUtils.isGradient(color.value) ? color.value : `#${color.value}`
-        } }));
+import { ColorPickerUtils } from '../color_picker_utils.js';
+import { useColorPicker } from '../hooks/use_color_picker.js';
+
+var CurrentColorPreview = function CurrentColorPreview() {
+  var _useColorPicker = useColorPicker(),
+    color = _useColorPicker.color;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-self-stretch aurora-w-6 aurora-border aurora-rounded-4",
+    "aria-label": "color picker current color value",
+    style: {
+      background: ColorPickerUtils.isGradient(color.value) ? color.value : "#".concat(color.value)
+    }
+  });
 };
-//# sourceMappingURL=current_color_preview.js.map
+
+export { CurrentColorPreview };
+//# sourceMappingURL=current_color_preview.js.map

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

@@ -1 +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,+DAA+D,gBAC9D,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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/color_picker/components/pure_color_picker.d.ts

@@ -1,4 +1,4 @@
-import { IColorPickerPureProps } from '../color_picker_types';
-import React from 'react';
-declare const ColorPickerPure: React.FC<IColorPickerPureProps>;
-export default ColorPickerPure;
+import { IColorPickerPureProps } from '../color_picker_types';
+import React from 'react';
+declare const ColorPickerPure: React.FC<IColorPickerPureProps>;
+export default ColorPickerPure;