@dreamcommerce/aurora 3.1.45-3 → 3.1.46-1

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React 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 { Stack } from '../../stack/stack.js';
@@ -27,29 +27,29 @@ var ColorPickerControls = function ColorPickerControls() {
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
   var isLinearGradient = gradientType === GRADIENT_TYPES.linear;
   var EyeDropperAvailable = typeof window['EyeDropper'] !== 'undefined';
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
     justify: withGradient ? 'between' : 'end'
-  }, withGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
+  }, withGradient ? (/*#__PURE__*/React.createElement(Stack, {
     spacing: "8"
-  }, /*#__PURE__*/React__default.createElement(ColorPickerModeToggler, null))) : null, EyeDropperAvailable && (/*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(EyeDropper, {
+  }, /*#__PURE__*/React.createElement(ColorPickerModeToggler, null))) : null, EyeDropperAvailable && (/*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(EyeDropper, {
     onSelect: handleChange
-  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse
-  }, "".concat(t('Sample color')))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
+  }, "".concat(t('Sample color')))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, {
     justify: isLinearGradient ? 'between' : 'end'
-  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isLinearGradient ? /*#__PURE__*/React__default.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React__default.createElement(GradientControls, {
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLinearGradient ? /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React.createElement(GradientControls, {
     hideGradientType: true,
     hideGradientAngle: true,
     hideGradientStop: true
-  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
+  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, {
     className: "aurora-border-b aurora-border-subtle aurora-pb-2 aurora-pl-4 aurora-pr-[1.125rem] -aurora-mb-[1px] -aurora-ml-4 -aurora-mr-[1.125rem]"
-  }, /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(GradientBar, null)), /*#__PURE__*/React__default.createElement(TooltipContent, {
+  }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(GradientBar, null)), /*#__PURE__*/React.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Button } from '../../button/button.js';
@@ -20,15 +20,15 @@ var ColorPickerFooter = function ColorPickerFooter() {
     setIsColorPickerOpened(false);
     handleSave();
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-gap-2 aurora-pt-2 aurora-pb-3 aurora-px-4 aurora-border aurora-border-subtle aurora-rounded-b-16 aurora-bg-neutral-0"
-  }, /*#__PURE__*/React__default.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     className: "aurora-flex-1",
     variant: "secondary",
     size: "s",
     type: "button",
     onClick: handleCancelButton
-  }, "".concat(t('Cancel'))), /*#__PURE__*/React__default.createElement(Button, {
+  }, "".concat(t('Cancel'))), /*#__PURE__*/React.createElement(Button, {
     className: "aurora-flex-1",
     type: "button",
     size: "s",

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { useColorPicker } from '../../hooks/use_color_picker.js';
 import { formatInputValues } 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';
@@ -15,19 +15,19 @@ var ColorPickerGradientAngle = function ColorPickerGradientAngle() {
     var remaining = value.split(/,(.+)/)[1];
     onChange("linear-gradient(".concat(newValue || 0, "deg, ").concat(remaining));
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: 'aurora-relative aurora-flex aurora-justify-between aurora-gap-1.5 aurora-h-6 aurora-border-0 aurora-p-0.5 aurora-rounded-4 aurora-bg-subtle aurora-items-center'
-  }, /*#__PURE__*/React__default.createElement(AngleIcon, {
+  }, /*#__PURE__*/React.createElement(AngleIcon, {
     className: "aurora-w-3 aurora-h-3 aurora-stroke-0 aurora-ml-1"
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     value: degrees,
     onChange: function onChange(e) {
       return handleDegrees(Number(e.target.value));
     },
     className: 'aurora-h-[18px] aurora-w-10 aurora-text-xs aurora-rounded-4 aurora-text-center aurora-outline-none aurora-p-0'
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'absolute',
       right: degrees > 99 ? 0 : degrees < 10 ? 7 : 3,

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Stack } from '../../stack/stack.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 import { ColorPickerInputs } from './color_picker_inputs/color_picker_inputs.js';
@@ -11,9 +11,9 @@ var ColorPickerImpl = function ColorPickerImpl() {
   var _useColorPicker = useColorPicker(),
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient,
     blurInput = _useColorPicker.blurInput;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-gap-2"
-  }, /*#__PURE__*/React__default.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     spacing: "2.5",
     direction: "column",
     onMouseDown: function onMouseDown(ev) {
@@ -21,13 +21,13 @@ var ColorPickerImpl = function ColorPickerImpl() {
       ev.preventDefault();
       blurInput();
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "color-picker__square aurora-overflow-hidden"
-  }, /*#__PURE__*/React__default.createElement(Square, null)), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Square, null)), /*#__PURE__*/React.createElement("div", {
     className: "color-picker__hue aurora-w-full"
-  }, /*#__PURE__*/React__default.createElement(Hue, null)), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Hue, null)), /*#__PURE__*/React.createElement("div", {
     className: "color-picker__opacity aurora-w-full"
-  }, /*#__PURE__*/React__default.createElement(Opacity, null))), /*#__PURE__*/React__default.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default.createElement(ColorPickerShades, null) : null);
+  }, /*#__PURE__*/React.createElement(Opacity, null))), /*#__PURE__*/React.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerShades, null) : null);
 };
 
 export { ColorPickerImpl };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { GRADIENT_TYPES } from '../color_picker_constants.js';
@@ -28,7 +28,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
   } else if (variableName) {
     colorName = "".concat(t(variableName));
   }
-  return /*#__PURE__*/React__default.createElement(ColorPickerInputsHexInput, {
+  return /*#__PURE__*/React.createElement(ColorPickerInputsHexInput, {
     id: id,
     name: name,
     colorName: colorName,

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

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React, { 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__default.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(Stack, {
     spacing: "1",
     align: "center",
     className: "aurora-pt-2"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React__default.createElement("select", {
+  }, /*#__PURE__*/React.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__default.createElement("option", {
+  }, /*#__PURE__*/React.createElement("option", {
     value: COLOR_PICKER_TYPES.HEX
-  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React__default.createElement("option", {
+  }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {
     value: COLOR_PICKER_TYPES.RGB
-  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React__default.createElement("div", {
+  }, COLOR_PICKER_TYPES.RGB))), /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex-1"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.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__default.createElement(ColorPickerInputsHex, null), type === COLOR_PICKER_TYPES.RGB && /*#__PURE__*/React__default.createElement(ColorPickerInputsRgba, null))), /*#__PURE__*/React__default.createElement(CurrentColorPreview, null));
+  }, 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));
 };
 
 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__default from 'react';
+import React 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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ColorPickerInputsHexInput, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ColorPickerInputsHexInput, {
     className: "aurora-h-full aurora-text-xs"
-  }), /*#__PURE__*/React__default.createElement(ColorPickerInputsHexAlpha, null));
+  }), /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement("div", {
+  return /*#__PURE__*/React.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__default.createElement("input", {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default, { useState, useRef, useEffect } from 'react';
+import React, { 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__default.createElement(Input, {
+  return /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Input, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.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__default.createElement(Input, {
+  }), /*#__PURE__*/React.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__default.createElement(Input, {
+  }), /*#__PURE__*/React.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__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default.createElement("input", {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(Stack, {
     spacing: "1",
     className: "aurora-flex aurora-list-none"
-  }, /*#__PURE__*/React__default.createElement(TooltipProvider, null, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: changeToSolid,
     "aria-label": "Color picker solid mode",
     className: cn('aurora-bg-neutral-700', commonClassNames, !isCurrentValueGradient && activeClassNames)
-  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse
-  }, "".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", {
+  }, "".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: changeToLinear,
     "aria-label": "Color picker linear gradient mode",
     className: cn('color-picker-mode-toggler__button_gradient_linear', commonClassNames, gradientType === 'linear-gradient' && activeClassNames)
-  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Typography, {
     size: "xs",
     weight: "medium",
     color: CSS_TEXT_COLOR_TOKENS.inverse
-  }, "".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", {
+  }, "".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: changeToRadial,
     "aria-label": "Color picker radial gradient mode",
     className: cn('color-picker-mode-toggler__button_gradient_radial', commonClassNames, gradientType === 'radial-gradient' && activeClassNames)
-  })), /*#__PURE__*/React__default.createElement(TooltipContent, {
+  })), /*#__PURE__*/React.createElement(TooltipContent, {
     variant: "dark"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     onClick: getEyeDrop,
     id: "rbgcp-eyedropper-btn",
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpEyedropperBtn), controlBtnStyles(false, defaultStyles)), {}, {
       background: '#F5F6FA'
     })
-  }, /*#__PURE__*/React__default.createElement(DropperFillIcon, {
+  }, /*#__PURE__*/React.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__default, { useRef, useEffect } from 'react';
+import React, { 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__default.createElement("div", {
+  return /*#__PURE__*/React.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__default.createElement("div", {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  }, isSelected && (/*#__PURE__*/React.createElement("div", {
     style: {
       width: 4,
       height: 4,
@@ -117,14 +117,14 @@ var GradientBar = function GradientBar() {
       window.removeEventListener('mousemove', handleMove);
     };
   }, [currentColor, handleGradient]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-my-[1px]",
     style: {
       width: '100%',
       position: 'relative'
     },
     id: "gradient-bar"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.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__default.createElement(Handle, {
+    return /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: defaultStyles.rbgcpControlBtnWrapper
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.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__default.createElement(LinearIcon, {
+  }, /*#__PURE__*/React.createElement(LinearIcon, {
     color: isLinear ? '#568CF5' : ''
-  })), /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React.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__default.createElement(RadialIcon, {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpStopInputWrap), {}, {
       paddingLeft: 8
     })
-  }, /*#__PURE__*/React__default.createElement(StopIcon, null), /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement(StopIcon, null), /*#__PURE__*/React.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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: _objectSpread2(_objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlBtnWrapper), defaultStyles.rbgcpControlInputWrap), defaultStyles.rbgcpDegreeInputWrap)
-  }, /*#__PURE__*/React__default.createElement(DegreesIcon, null), /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement(DegreesIcon, null), /*#__PURE__*/React.createElement("input", {
     value: degrees,
     id: "rbgcp-degree-input",
     onChange: function onChange(e) {
       return handleDegrees(e);
     },
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpControlInput), defaultStyles.rbgcpDegreeInput)
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default.createElement("div", {
+  return /*#__PURE__*/React.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__default.createElement(DeleteBinLineIcon, {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  return /*#__PURE__*/React.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__default.createElement(GradientType, null), /*#__PURE__*/React__default.createElement("div", {
+  }, !hideGradientType && /*#__PURE__*/React.createElement(GradientType, null), /*#__PURE__*/React.createElement("div", {
     style: {
       width: 53
     }
-  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React__default.createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React__default.createElement(StopPicker, null), /*#__PURE__*/React__default.createElement(DeleteBtn, null));
+  }, !hideGradientAngle && gradientType === 'linear-gradient' && /*#__PURE__*/React.createElement(DegreePicker, null)), !hideGradientStop && /*#__PURE__*/React.createElement(StopPicker, null), /*#__PURE__*/React.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__default, { useRef, useCallback, useEffect } from 'react';
+import React, { 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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     style: {
       height: 12,
       cursor: 'ew-resize',
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     tabIndex: 0,
     role: "button",
     style: {
@@ -92,7 +92,7 @@ var Hue = function Hue() {
       boxSizing: 'border-box'
     },
     onMouseDown: handleDown
-  }), /*#__PURE__*/React__default.createElement("canvas", {
+  }), /*#__PURE__*/React.createElement("canvas", {
     ref: barRef,
     height: "12px",
     width: "".concat(squareWidth, "px"),