@dreamcommerce/aurora 3.1.28 → 3.1.30

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { buttonVariants } from './button_variants.js';
 import { Slot } from '@radix-ui/react-slot';
 
 var _excluded = ["className", "variant", "size", "asChild"];
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     variant = _ref.variant,
     size = _ref.size,
@@ -13,7 +13,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     asChild = _ref$asChild === void 0 ? false : _ref$asChild,
     props = _objectWithoutProperties(_ref, _excluded);
   var Comp = asChild ? Slot : 'button';
-  return /*#__PURE__*/React.createElement(Comp, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Comp, _objectSpread2({
     className: cn(buttonVariants({
       variant: variant,
       size: size,

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { IColorPickerProps } from './color_picker_types';
-export declare const ColorPicker: ({ id, name, value, colorVariables, errors, onChange, onCancel, onSave, onPickShade, withGradient: isWithGradient, disabled, ...rest }: IColorPickerProps) => React.JSX.Element;
+export declare const ColorPicker: React.ForwardRefExoticComponent<IColorPickerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,11 +1,11 @@
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ColorPickerContext } from './color_picker_context.js';
 import ColorPickerPure from './components/pure_color_picker.js';
 import useSetupColorPicker from './hooks/setup_color_picker.js';
 
 var _excluded = ["id", "name", "value", "colorVariables", "errors", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "disabled"];
-var ColorPicker = function ColorPicker(_ref) {
+var ColorPicker = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -90,15 +90,17 @@ var ColorPicker = function ColorPicker(_ref) {
       currentSelectedVariable: currentSelectedVariable
     };
   }, [color, setColor, hex, hslArr, handleOnChangeAlpha, alpha, rgbaArr, setR, setG, setB, handleCancel, handleSave, previousSolidColor, colorVariables, isCurrentValueGradient, setLinear, setRadial, gradientType, previousGradientColor, setSolid, withGradient, isColorPickerOpened, setIsColorPickerOpened, typedInputValue, setTypedInputValue, isColorPickerCurrentlyUsed, setIsColorPickerCurrentlyUsed, degrees, shadeName, onPickShade, currentSelectedVariable]);
-  return /*#__PURE__*/React.createElement(ColorPickerContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ColorPickerContext.Provider, {
     value: contextVal
-  }, /*#__PURE__*/React.createElement(ColorPickerPure, _objectSpread2({
+  }, /*#__PURE__*/React__default.createElement(ColorPickerPure, _objectSpread2({
     id: id,
     name: name,
     errors: errors,
-    disabled: disabled
+    disabled: disabled,
+    ref: ref
   }, rest)));
-};
+});
+ColorPicker.displayName = 'ColorPicker';
 
 export { ColorPicker };
 //# sourceMappingURL=color_picker.js.map

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

@@ -1 +1 @@
-{"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;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;"}
+{"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;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_content.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { COLOR_PICKER_WIDTH, COLOR_PICKER_PADDING_LEFT, COLOR_PICKER_CONTENT_MAX_HEIGHT } from '../color_picker_constants.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
@@ -13,28 +13,28 @@ var ColorPickerContent = function ColorPickerContent() {
     colorVariables = _useColorPicker.colorVariables,
     isCurrentValueGradient = _useColorPicker.isCurrentValueGradient;
   var defaultStyles = getStyles(true);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-max-w-72 aurora-py-2 aurora-pl-2 aurora-pr-2 aurora-pt-3 aurora-border-x aurora-border-t aurora-border-subtle aurora-rounded-t-16 aurora-bg-neutral-0"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-pb-2 aurora-gap-2",
     style: {
       width: COLOR_PICKER_WIDTH + COLOR_PICKER_PADDING_LEFT,
       paddingLeft: COLOR_PICKER_PADDING_LEFT
     }
-  }, /*#__PURE__*/React.createElement(ColorPickerControls, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerControls, null)), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-overflow-y-scroll aurora-overflow-x-visible custom-scrollbar aurora-pr-0.5",
     style: _objectSpread2(_objectSpread2({}, defaultStyles.body), {}, {
       maxHeight: isCurrentValueGradient ? COLOR_PICKER_CONTENT_MAX_HEIGHT.gradient : COLOR_PICKER_CONTENT_MAX_HEIGHT.color
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-pl-2",
     style: {
       width: COLOR_PICKER_WIDTH + COLOR_PICKER_PADDING_LEFT,
       paddingLeft: COLOR_PICKER_PADDING_LEFT
     }
-  }, /*#__PURE__*/React.createElement(ColorPickerImpl, null), colorVariables !== null && colorVariables !== void 0 && colorVariables.isVisible && !isCurrentValueGradient ? (/*#__PURE__*/React.createElement(ColorPickerVariables, {
+  }, /*#__PURE__*/React__default.createElement(ColorPickerImpl, null), colorVariables !== null && colorVariables !== void 0 && colorVariables.isVisible && !isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(ColorPickerVariables, {
     variables: colorVariables.variables
-  })) : null))), /*#__PURE__*/React.createElement(ColorPickerFooter, null));
+  })) : null))), /*#__PURE__*/React__default.createElement(ColorPickerFooter, null));
 };
 
 export { ColorPickerContent };

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_controls.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 { 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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Stack, {
     justify: withGradient ? 'between' : 'end'
-  }, withGradient ? (/*#__PURE__*/React.createElement(Stack, {
+  }, withGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
     spacing: "8"
-  }, /*#__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, {
+  }, /*#__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, {
     onSelect: handleChange
-  })), /*#__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('Sample color')))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, {
+  }, "".concat(t('Sample color')))))))), withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.createElement(Stack, {
     justify: isLinearGradient ? 'between' : 'end'
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, isLinearGradient ? /*#__PURE__*/React.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React.createElement(GradientControls, {
+  }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isLinearGradient ? /*#__PURE__*/React__default.createElement(ColorPickerGradientAngle, null) : null, /*#__PURE__*/React__default.createElement(GradientControls, {
     hideGradientType: true,
     hideGradientAngle: true,
     hideGradientStop: true
-  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React.createElement(Stack, {
+  })))) : null, withGradient && isCurrentValueGradient ? (/*#__PURE__*/React__default.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.createElement(TooltipProvider, null, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(GradientBar, null)), /*#__PURE__*/React.createElement(TooltipContent, {
+  }, /*#__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, {
     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_footer.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 { Button } from '../../button/button.js';
@@ -20,15 +20,15 @@ var ColorPickerFooter = function ColorPickerFooter() {
     setIsColorPickerOpened(false);
     handleSave();
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.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.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     className: "aurora-flex-1",
     variant: "secondary",
     size: "s",
     type: "button",
     onClick: handleCancelButton
-  }, "".concat(t('Cancel'))), /*#__PURE__*/React.createElement(Button, {
+  }, "".concat(t('Cancel'))), /*#__PURE__*/React__default.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 from 'react';
+import React__default 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.createElement("div", {
+  return /*#__PURE__*/React__default.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.createElement(AngleIcon, {
+  }, /*#__PURE__*/React__default.createElement(AngleIcon, {
     className: "aurora-w-3 aurora-h-3 aurora-stroke-0 aurora-ml-1"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React__default.createElement("input", {
     value: degrees,
     onChange: function onChange(e) {
       return handleDegrees(e);
     },
     className: 'aurora-h-[18px] aurora-w-10 aurora-text-xs aurora-rounded-4 aurora-text-center aurora-outline-none aurora-p-0'
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.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 from 'react';
+import React__default 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,
     setIsColorPickerCurrentlyUsed = _useColorPicker.setIsColorPickerCurrentlyUsed;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col aurora-gap-2"
-  }, /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React__default.createElement(Stack, {
     spacing: "2.5",
     direction: "column",
     onMouseDown: function onMouseDown(ev) {
@@ -24,13 +24,13 @@ var ColorPickerImpl = function ColorPickerImpl() {
     onMouseUp: function onMouseUp() {
       setIsColorPickerCurrentlyUsed(false);
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__square aurora-overflow-hidden"
-  }, /*#__PURE__*/React.createElement(Square, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Square, null)), /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__hue aurora-w-full"
-  }, /*#__PURE__*/React.createElement(Hue, null)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Hue, null)), /*#__PURE__*/React__default.createElement("div", {
     className: "color-picker__opacity aurora-w-full"
-  }, /*#__PURE__*/React.createElement(Opacity, null))), /*#__PURE__*/React.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React.createElement(ColorPickerShades, null) : null);
+  }, /*#__PURE__*/React__default.createElement(Opacity, null))), /*#__PURE__*/React__default.createElement(ColorPickerInputs, null), !isCurrentValueGradient ? /*#__PURE__*/React__default.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 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 { GRADIENT_TYPES } from '../color_picker_constants.js';
@@ -30,7 +30,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
   } else if (variableName && typedInputValueHasFullHexLength) {
     colorName = "".concat(t(variableName));
   }
-  return /*#__PURE__*/React.createElement(ColorPickerInputsHexInput, {
+  return /*#__PURE__*/React__default.createElement(ColorPickerInputsHexInput, {
     id: id,
     name: name,
     value: colorName,

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';
@@ -70,7 +70,7 @@ var ColorPickerInputsHexInput = function ColorPickerInputsHexInput(_ref) {
       valueRef.current = hex;
     }
   }, [hex, isDisabled]);
-  return /*#__PURE__*/React.createElement(Input, {
+  return /*#__PURE__*/React__default.createElement(Input, {
     ref: inputRef,
     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),