@dreamcommerce/aurora 3.1.46-1 → 3.1.46-3

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../../stack/stack.js';
 import { COLOR_PICKER_TYPES } from '../../color_picker_constants.js';
@@ -14,25 +14,25 @@ var ColorPickerInputs = function ColorPickerInputs() {
   var handleSelectType = function handleSelectType(e) {
     setType(e.target.value);
   };
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(Stack, {
     spacing: "1",
     align: "center",
     className: "aurora-pt-2"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React.createElement("select", {
+  }, /*#__PURE__*/React__default.createElement("select", {
     value: type,
     onChange: handleSelectType,
     className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
-  }, /*#__PURE__*/React.createElement("option", {
+  }, /*#__PURE__*/React__default.createElement("option", {
     value: COLOR_PICKER_TYPES.HEX
-  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {
+  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default.createElement("option", {
     value: COLOR_PICKER_TYPES.RGB
-  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React.createElement("div", {
+  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex-1"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__inputs-value-container aurora-flex aurora-border aurora-border-strong aurora-rounded-4 aurora-overflow-hidden aurora-h-6"
-  }, type === COLOR_PICKER_TYPES.HEX && /*#__PURE__*/React.createElement(ColorPickerInputsHex, null), type === COLOR_PICKER_TYPES.RGB && /*#__PURE__*/React.createElement(ColorPickerInputsRgba, null))), /*#__PURE__*/React.createElement(CurrentColorPreview, null));
+  }, type === COLOR_PICKER_TYPES.HEX && /*#__PURE__*/React__default.createElement(ColorPickerInputsHex, null), type === COLOR_PICKER_TYPES.RGB && /*#__PURE__*/React__default.createElement(ColorPickerInputsRgba, null))), /*#__PURE__*/React__default.createElement(CurrentColorPreview, null));
 };
 
 export { ColorPickerInputs };

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { ColorPickerInputsHexInput } from './color_picker_inputs_hex_input.js';
 import { ColorPickerInputsHexAlpha } from './color_picker_inputs_hex_alpha.js';
 
 var ColorPickerInputsHex = function ColorPickerInputsHex() {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerInputsHexInput, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ColorPickerInputsHexInput, {
     className: "aurora-h-full aurora-text-xs"
-  }), /*#__PURE__*/React.createElement(ColorPickerInputsHexAlpha, null));
+  }), /*#__PURE__*/React__default.createElement(ColorPickerInputsHexAlpha, null));
 };
 
 export { ColorPickerInputsHex };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useColorPicker } from '../../../hooks/use_color_picker.js';
 import { ColorPickerUtils } from '../../../color_picker_utils.js';
 
@@ -6,9 +6,9 @@ var ColorPickerInputsHexAlpha = function ColorPickerInputsHexAlpha() {
   var _useColorPicker = useColorPicker(),
     handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
     alpha = _useColorPicker.alpha;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: Math.round(alpha),
@@ -16,7 +16,7 @@ var ColorPickerInputsHexAlpha = function ColorPickerInputsHexAlpha() {
       return handleOnChangeAlpha(Number(e.target.value));
     },
     onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%"));
 };

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

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../../../input/input.js';
 import { useColorPicker } from '../../../hooks/use_color_picker.js';
@@ -58,7 +58,7 @@ var ColorPickerInputsHexInput = function ColorPickerInputsHexInput(_ref) {
       valueRef.current = hex;
     }
   }, [hex]);
-  return /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React__default.createElement(Input, {
     ref: primary ? setInputRef : undefined,
     className: className,
     type: type,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { Input } from '../../../input/input.js';
 import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { ColorPickerUtils } from '../../color_picker_utils.js';
@@ -11,7 +11,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
     handleOnChangeAlpha = _useColorPicker.handleOnChangeAlpha,
     alpha = _useColorPicker.alpha,
     rgbaArr = _useColorPicker.rgbaArr;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Input, {
     className: "aurora-h-full aurora-text-xs",
     type: "text",
     value: rgbaArr[0],
@@ -19,7 +19,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
       return setR(Number(e.target.value));
     },
     onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React__default.createElement(Input, {
     className: "aurora-h-full aurora-text-xs",
     type: "text",
     value: rgbaArr[1],
@@ -27,7 +27,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
       return setG(Number(e.target.value));
     },
     onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React__default.createElement(Input, {
     className: "aurora-h-full aurora-text-xs",
     type: "text",
     value: rgbaArr[2],
@@ -35,9 +35,9 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
       return setB(Number(e.target.value));
     },
     onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-rounded-6 focus aurora-text aurora-w-[46px] aurora-flex-none aurora-px-1 aurora-items-center"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     className: "aurora-w-full focus:aurora-outline-none focus:aurora-shadow-none aurora-rounded-6 aurora-h-full aurora-text-xs",
     type: "text",
     value: Math.round(alpha),
@@ -45,7 +45,7 @@ var ColorPickerInputsRgba = function ColorPickerInputsRgba() {
       return handleOnChangeAlpha(Number(e.target.value));
     },
     onKeyDown: ColorPickerUtils.preventTypingLetters
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-text-xs aurora-pl-0.5"
   }, "%")));
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { cn } from '../../../utilities/cn.js';
@@ -41,39 +41,39 @@ var ColorPickerModeToggler = function ColorPickerModeToggler() {
     }
     setRadial(color);
   };
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.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", {
+  }, /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: changeToSolid,
     "aria-label": "Color picker solid mode",
     className: cn('aurora-bg-neutral-700', commonClassNames, !isCurrentValueGradient && activeClassNames)
-  })), /*#__PURE__*/React.createElement(TooltipContent, {
+  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse
-  }, "".concat(t('Solid')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
+  }, "".concat(t('Solid')))))), /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: changeToLinear,
     "aria-label": "Color picker linear gradient mode",
     className: cn('color-picker-mode-toggler__button_gradient_linear', commonClassNames, gradientType === 'linear-gradient' && activeClassNames)
-  })), /*#__PURE__*/React.createElement(TooltipContent, {
+  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse
-  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
+  }, "".concat(t('Linear gradient')))))), /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     onClick: changeToRadial,
     "aria-label": "Color picker radial gradient mode",
     className: cn('color-picker-mode-toggler__button_gradient_radial', commonClassNames, gradientType === 'radial-gradient' && activeClassNames)
-  })), /*#__PURE__*/React.createElement(TooltipContent, {
+  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
@@ -35,13 +35,13 @@ var EyeDropper = function EyeDropper(_ref) {
       console.log(e);
     });
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
     onClick: getEyeDrop,
     id: "rbgcp-eyedropper-btn",
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpEyedropperBtn), controlBtnStyles(false, defaultStyles)), {}, {
       background: '#F5F6FA'
     })
-  }, /*#__PURE__*/React.createElement(DropperFillIcon, {
+  }, /*#__PURE__*/React__default.createElement(DropperFillIcon, {
     className: "aurora-w-4 aurora-h-4 aurora-stroke-0"
   })));
 };

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

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { low } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
 import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
@@ -29,7 +29,7 @@ var Handle = function Handle(_ref) {
     createGradientStr(updated);
     setDragging(true);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     id: "gradient-handle-".concat(i),
     onMouseDown: function onMouseDown(e) {
       return handleDown(e);
@@ -38,7 +38,7 @@ var Handle = function Handle(_ref) {
       left: (left || 0) * leftMultiplyer,
       top: -3
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpGradientHandle), isSelected ? {
       boxShadow: '0px 0px 5px 1px rgba(86, 140, 245,.95)',
       border: '2px solid white'
@@ -46,7 +46,7 @@ var Handle = function Handle(_ref) {
       width: 16,
       height: 16
     })
-  }, isSelected && (/*#__PURE__*/React.createElement("div", {
+  }, isSelected && (/*#__PURE__*/React__default.createElement("div", {
     style: {
       width: 4,
       height: 4,
@@ -117,14 +117,14 @@ var GradientBar = function GradientBar() {
       window.removeEventListener('mousemove', handleMove);
     };
   }, [currentColor, handleGradient]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-my-[1px]",
     style: {
       width: '100%',
       position: 'relative'
     },
     id: "gradient-bar"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     ref: barRef,
     style: {
       height: 10,
@@ -136,7 +136,7 @@ var GradientBar = function GradientBar() {
       return handleDown(e);
     }
   }), colors === null || colors === void 0 ? void 0 : colors.map(function (c, i) {
-    return /*#__PURE__*/React.createElement(Handle, {
+    return /*#__PURE__*/React__default.createElement(Handle, {
       i: i,
       left: c.left,
       key: "".concat(i, "-").concat(c),

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { formatInputValues, high, low } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/formatters.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
@@ -22,9 +22,9 @@ var GradientType = function GradientType() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("radial-gradient(circle, ".concat(remaining));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: defaultStyles.rbgcpControlBtnWrapper
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     onClick: handleLinear,
     id: "rbgcp-linear-btn",
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtn), isLinear && defaultStyles.rbgcpControlBtnSelected),
@@ -33,9 +33,9 @@ var GradientType = function GradientType() {
     onKeyDown: function onKeyDown() {
       return;
     }
-  }, /*#__PURE__*/React.createElement(LinearIcon, {
+  }, /*#__PURE__*/React__default.createElement(LinearIcon, {
     color: isLinear ? '#568CF5' : ''
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     onClick: handleRadial,
     id: "rbgcp-radial-btn",
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtn), isRadial && defaultStyles.rbgcpControlBtnSelected),
@@ -44,7 +44,7 @@ var GradientType = function GradientType() {
     onKeyDown: function onKeyDown() {
       return;
     }
-  }, /*#__PURE__*/React.createElement(RadialIcon, {
+  }, /*#__PURE__*/React__default.createElement(RadialIcon, {
     color: isRadial ? '#568CF5' : ''
   })));
 };
@@ -57,11 +57,11 @@ var StopPicker = function StopPicker() {
   var handleMove = function handleMove(newVal) {
     handleGradient(currentColor, formatInputValues(parseInt(newVal), 0, 100));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpStopInputWrap), {}, {
       paddingLeft: 8
     })
-  }, /*#__PURE__*/React.createElement(StopIcon, null), /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement(StopIcon, null), /*#__PURE__*/React__default.createElement("input", {
     value: currentLeft,
     id: "rbgcp-stop-input",
     onChange: function onChange(e) {
@@ -81,16 +81,16 @@ var DegreePicker = function DegreePicker() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpDegreeInputWrap)
-  }, /*#__PURE__*/React.createElement(DegreesIcon, null), /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement(DegreesIcon, null), /*#__PURE__*/React__default.createElement("input", {
     value: degrees,
     id: "rbgcp-degree-input",
     onChange: function onChange(e) {
       return handleDegrees(e);
     },
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpDegreeInput)
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpDegreeIcon), {}, {
       position: 'absolute',
       right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,
@@ -119,7 +119,7 @@ var DeleteBtn = function DeleteBtn() {
       createGradientStr(remaining);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     onClick: deletePoint,
     style: _objectSpread2(_objectSpread2({}, controlBtnStyles(false, defaultStyles)), {}, {
       width: 28,
@@ -131,7 +131,7 @@ var DeleteBtn = function DeleteBtn() {
     onKeyDown: function onKeyDown() {
       return;
     }
-  }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {
+  }, /*#__PURE__*/React__default.createElement(DeleteBinLineIcon, {
     className: "aurora-w-4 aurora-h-4 aurora-stroke-0"
   }));
 };
@@ -146,7 +146,7 @@ var GradientControls = function GradientControls(_ref) {
   var _usePicker5 = usePicker(),
     gradientType = _usePicker5.gradientType,
     defaultStyles = _usePicker5.defaultStyles;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtnWrapper), {}, {
       marginTop: 12,
       marginBottom: -4,
@@ -154,11 +154,11 @@ var GradientControls = function GradientControls(_ref) {
       paddingLeft: hideGradientType ? 4 : 0
     }),
     id: "rbgcp-gradient-controls-wrap"
-  }, !hideGradientType && /*#__PURE__*/React.createElement(GradientType, null), /*#__PURE__*/React.createElement("div", {
+  }, !hideGradientType && /*#__PURE__*/React__default.createElement(GradientType, null), /*#__PURE__*/React__default.createElement("div", {
     style: {
       width: 53
     }
-  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React.createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React.createElement(StopPicker, null), /*#__PURE__*/React.createElement(DeleteBtn, null));
+  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React__default.createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React__default.createElement(StopPicker, null), /*#__PURE__*/React__default.createElement(DeleteBtn, null));
 };
 
 export { GradientControls };

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

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useEffect } from 'react';
+import React__default, { useRef, useCallback, useEffect } from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
@@ -67,14 +67,14 @@ var Hue = function Hue() {
       window.removeEventListener('mousemove', handleMove);
     };
   }, [handleHue]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: containerRef,
     style: {
       height: 12,
       cursor: 'ew-resize',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     tabIndex: 0,
     role: "button",
     style: {
@@ -92,7 +92,7 @@ var Hue = function Hue() {
       boxSizing: 'border-box'
     },
     onMouseDown: handleDown
-  }), /*#__PURE__*/React.createElement("canvas", {
+  }), /*#__PURE__*/React__default.createElement("canvas", {
     ref: barRef,
     height: "12px",
     width: "".concat(squareWidth, "px"),

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

@@ -1,4 +1,4 @@
-import React, { useRef, useCallback, useEffect } from 'react';
+import React__default, { useRef, useCallback, useEffect } from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getHandleValue } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/utils/utils.js';
 import { usePicker } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/context.js';
@@ -58,7 +58,7 @@ var Opacity = function Opacity() {
       window.removeEventListener('mousemove', handleMove);
     };
   }, [handleOpacity]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: containerRef,
     onMouseDown: handleDown,
     style: {
@@ -66,19 +66,19 @@ var Opacity = function Opacity() {
       cursor: 'ew-resize',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpCheckered), {}, {
       width: '100%',
       height: 12
     })
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpHandle), {}, {
       left: left * (hc === null || hc === void 0 ? void 0 : hc.a),
       top: -2,
       width: 16,
       height: 16
     })
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpOpacityOverlay), {}, {
       background: bg
     }),

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

@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
+import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import tinycolor from '../../../../../../../external/tinycolor2/esm/tinycolor.js';
 import { config } from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/constants.js';
@@ -100,12 +100,12 @@ var Square = function Square() {
       window.removeEventListener('mousemove', handleMove);
     };
   }, [handleMove]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'relative'
     },
     className: "aurora-cursor-pointer"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     ref: squareRef,
     onMouseUp: stopDragging,
     onTouchEnd: stopDragging,
@@ -115,7 +115,7 @@ var Square = function Square() {
       position: 'relative',
       cursor: 'ew-cross'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpHandle), {}, {
       transform: "translate(".concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.x) || 0, "px, ").concat((dragPos === null || dragPos === void 0 ? void 0 : dragPos.y) || 0, "px)")
     }, dragging ? {
@@ -125,14 +125,14 @@ var Square = function Square() {
       height: 16
     }),
     onMouseDown: handleMouseDown
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpCanvasWrapper), {}, {
       height: squareHeight
     }),
     onClick: function onClick(e) {
       return handleClick(e);
     }
-  }, /*#__PURE__*/React.createElement("canvas", {
+  }, /*#__PURE__*/React__default.createElement("canvas", {
     ref: canvas,
     id: "paintSquare",
     width: "".concat(squareWidth, "px"),

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
@@ -61,13 +61,13 @@ var ColorPickerShades = function ColorPickerShades() {
     s: s,
     l: 5
   }];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-pt-0.5"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement("p", {
     className: "aurora-text-xs aurora-font-medium"
-  }, "".concat(t('Shades of color')))), /*#__PURE__*/React.createElement("div", {
+  }, "".concat(t('Shades of color')))), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
   }, shades.map(function (shade, index) {
     var colorTiny = ColorPickerUtils.getTinyColorInstance(shade);
@@ -76,7 +76,7 @@ var ColorPickerShades = function ColorPickerShades() {
       setColor(colorHex);
       onPickShade === null || onPickShade === void 0 ? void 0 : onPickShade(colorHex);
     };
-    return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+    return /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
       className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { cn } from '../../../utilities/cn.js';
 import { COLOR_PICKER_SWATCH_SIZES } from '../color_picker_constants.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
@@ -20,14 +20,14 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   };
   var shouldApplyActiveBorder = hasActiveBorder && !variableName && tinycolor(activeColor).toHex() === color;
   var currentSelected = hasActiveBorder && variableName && variableName === currentSelectedVariable;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.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 || currentSelected
     }, className),
     onClick: handleOnClick
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
     style: {
       background: "".concat(cssColor)