@dreamcommerce/aurora 3.1.45-3 → 3.1.46-1

package/build/esm/packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_opacity.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 { 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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: containerRef,
     onMouseDown: handleDown,
     style: {
@@ -66,19 +66,19 @@ var Opacity = function Opacity() {
       cursor: 'ew-resize',
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpCheckered), {}, {
       width: '100%',
       height: 12
     })
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default.createElement("div", {
+  }), /*#__PURE__*/React.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__default, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { 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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative'
     },
     className: "aurora-cursor-pointer"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     ref: squareRef,
     onMouseUp: stopDragging,
     onTouchEnd: stopDragging,
@@ -115,7 +115,7 @@ var Square = function Square() {
       position: 'relative',
       cursor: 'ew-cross'
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.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__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpCanvasWrapper), {}, {
       height: squareHeight
     }),
     onClick: function onClick(e) {
       return handleClick(e);
     }
-  }, /*#__PURE__*/React__default.createElement("canvas", {
+  }, /*#__PURE__*/React.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__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 { useColorPicker } from '../hooks/use_color_picker.js';
@@ -61,13 +61,13 @@ var ColorPickerShades = function ColorPickerShades() {
     s: s,
     l: 5
   }];
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-pt-0.5"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text"
-  }, /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "aurora-text-xs aurora-font-medium"
-  }, "".concat(t('Shades of color')))), /*#__PURE__*/React__default.createElement("div", {
+  }, "".concat(t('Shades of color')))), /*#__PURE__*/React.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
   }, shades.map(function (shade, index) {
     var colorTiny = ColorPickerUtils.getTinyColorInstance(shade);
@@ -76,7 +76,7 @@ var ColorPickerShades = function ColorPickerShades() {
       setColor(colorHex);
       onPickShade === null || onPickShade === void 0 ? void 0 : onPickShade(colorHex);
     };
-    return /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
+    return /*#__PURE__*/React.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__default from 'react';
+import React 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__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-4 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
       'aurora-w-4 aurora-h-4': size === COLOR_PICKER_SWATCH_SIZES.small,
       'aurora-w-7 aurora-h-7': size === COLOR_PICKER_SWATCH_SIZES.big,
       '!aurora-border-active aurora-border-2': shouldApplyActiveBorder || currentSelected
     }, className),
     onClick: handleOnClick
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",
     style: {
       background: "".concat(cssColor)

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

@@ -1,4 +1,4 @@
-import React__default, { useState } from 'react';
+import React, { useState } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
@@ -29,20 +29,20 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
   var neutralShades = [variables.neutral0, variables.neutral10, variables.neutral20, variables.neutral50, variables.neutral100, variables.neutral200, variables.neutral300, variables.neutral400, variables.neutral500, variables.neutral600, variables.neutral700, variables.neutral800, variables.neutral900, variables.neutral1000];
   var primaryVariables = [variables.primary, variables.secondary, variables.neutral, variables.font, variables.background];
   var allShades = [].concat(primaryShades, secondaryShades, neutralShades);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-mt-3.5"
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text aurora-cursor-pointer",
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     }
-  }, /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "aurora-text-xs aurora-font-medium"
-  }, "".concat(t('Theme colors'))), /*#__PURE__*/React__default.createElement("div", {
+  }, "".concat(t('Theme colors'))), /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-items-start aurora-justify-center aurora-h-4 aurora-w-4"
-  }, /*#__PURE__*/React__default.createElement(ArrowDownSFillIcon, {
+  }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
     className: cn('aurora-h-full aurora-w-full', isOpen && 'aurora-rotate-180')
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
   }, Object.values(primaryVariables).map(function (variable, index) {
     var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
@@ -50,9 +50,9 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
     var handleOnClick = function handleOnClick() {
       return setColor(colorHex, variable.name);
     };
-    return /*#__PURE__*/React__default.createElement(TooltipProvider, {
+    return /*#__PURE__*/React.createElement(TooltipProvider, {
       key: "".concat(variable, "-").concat(index)
-    }, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
+    }, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
       className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,
@@ -60,14 +60,14 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
       cssColor: ColorPickerUtils.getHexValueString(colorTiny),
       hasActiveBorder: true,
       variableName: variable.name
-    })), /*#__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(variable.name))))));
-  })), isOpen && (/*#__PURE__*/React__default.createElement("div", {
+  })), isOpen && (/*#__PURE__*/React.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1 aurora-mt-3"
   }, allShades.map(function (variable, index) {
     var colorTiny = ColorPickerUtils.getTinyColorInstance(variable.value);
@@ -75,9 +75,9 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
     var handleOnClick = function handleOnClick() {
       return setColor(colorHex, variable.name);
     };
-    return /*#__PURE__*/React__default.createElement(TooltipProvider, {
+    return /*#__PURE__*/React.createElement(TooltipProvider, {
       key: "".concat(variable, "-").concat(index)
-    }, /*#__PURE__*/React__default.createElement(Tooltip, null, /*#__PURE__*/React__default.createElement(TooltipTrigger, null, /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
+    }, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(TooltipTrigger, null, /*#__PURE__*/React.createElement(ColorPickerSwatch, {
       className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,
@@ -85,9 +85,9 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
       cssColor: ColorPickerUtils.getHexValueString(colorTiny),
       hasActiveBorder: true,
       variableName: variable.name
-    })), /*#__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/current_color_preview.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import React from 'react';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 
 var CurrentColorPreview = function CurrentColorPreview() {
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "aurora-w-6 aurora-h-6 aurora-border aurora-rounded-4",
     "aria-label": "color picker current color value",
     style: {

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Popover } from '../../popover/popover.js';
@@ -14,7 +14,7 @@ import { ColorPickerInput } from './color_picker_input.js';
 import { PopoverContent } from '../../popover/components/popover_content.js';
 
 var _excluded = ["id", "name", "errors", "disabled", "className", "children", "triggerClassName"];
-var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var ColorPickerPure = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     errors = _ref.errors,
@@ -35,19 +35,20 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     handleSave();
     setIsColorPickerOpened(false);
   };
-  return /*#__PURE__*/React__default.createElement(Popover, {
+  return /*#__PURE__*/React.createElement(Popover, {
+    modal: true,
     open: isColorPickerOpened,
     onOpenChange: function onOpenChange(value) {
       return !value && handleClosePopover();
     }
-  }, /*#__PURE__*/React__default.createElement(PickerContextWrapper, {
+  }, /*#__PURE__*/React.createElement(PickerContextWrapper, {
     value: safeValue,
     defaultStyles: defaultStyles,
     onChange: setColor,
     squareWidth: COLOR_PICKER_WIDTH,
     squareHeight: COLOR_PICKER_HEIGHT,
     hideOpacity: false
-  }, /*#__PURE__*/React__default.createElement(PopoverTrigger, {
+  }, /*#__PURE__*/React.createElement(PopoverTrigger, {
     onClick: function onClick(ev) {
       ev.preventDefault();
       setIsColorPickerOpened(true);
@@ -55,19 +56,19 @@ var ColorPickerPure = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     disabled: disabled,
     className: cn('aurora-w-full', triggerClassName),
     ref: ref
-  }, !children && (/*#__PURE__*/React__default.createElement(ColorPickerInput, {
+  }, !children && (/*#__PURE__*/React.createElement(ColorPickerInput, {
     id: id,
     name: name,
     errors: errors,
     disabled: disabled,
-    preElement: /*#__PURE__*/React__default.createElement(ColorPickerSwatch, {
+    preElement: /*#__PURE__*/React.createElement(ColorPickerSwatch, {
       color: color,
       cssColor: color,
       size: "big"
     })
-  })), children), /*#__PURE__*/React__default.createElement(PopoverContent, _objectSpread2({
+  })), children), /*#__PURE__*/React.createElement(PopoverContent, _objectSpread2({
     className: cn('aurora-rounded-16 aurora-overflow-hidden aurora-z-[99999] js__aurora-color-picker', className)
-  }, rest), /*#__PURE__*/React__default.createElement(ColorPickerContent, null))));
+  }, rest), /*#__PURE__*/React.createElement(ColorPickerContent, null))));
 });
 ColorPickerPure.displayName = 'ColorPickerPure';
 

package/build/esm/packages/aurora/src/components/color_picker/components/pure_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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+BAA+B,qFAAyF;AACxH,iCAAiC,iFAAqF;AACtH,0BAA0B,uFAA2F;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/hooks/setup_color_picker.js

@@ -65,14 +65,7 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
     setA = _useBestGradientColor.setA,
     isGradient = _useBestGradientColor.isGradient,
     gradientType = _useBestGradientColor.gradientType;
-  var tinyColor = useMemo(function () {
-    return ColorPickerUtils.getTinyColorInstance({
-      r: rgbaArr[0],
-      g: rgbaArr[1],
-      b: rgbaArr[2],
-      a: rgbaArr[3]
-    });
-  }, [rgbaArr]);
+  var tinyColor = ColorPickerUtils.getTinyColorInstance(colorValue);
   var hex = ColorPickerUtils.getHexValue(tinyColor);
   var alpha = rgbaArr[3] * 100;
   var setSolid = useCallback(function (value) {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,2BAA2B,qFAAyF;AACpH,+BAA+B,8FAAkG;AACjI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/control/control.js

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import React from 'react';
 import { cn } from '../../utilities/cn.js';
 
 var Control = function Control(_ref) {
   var children = _ref.children,
     classname = _ref.classname;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: cn("aurora-flex aurora-gap-1 aurora-w-full", classname)
   }, children);
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { Stack } from '../../stack/stack.js';
 import { Control } from '../../control/control.js';
 import { ErrorList } from '../../error_list/error_list.js';
@@ -15,20 +15,20 @@ var AnchorPresetsControl = function AnchorPresetsControl(_ref) {
     onChange = _ref.onChange,
     className = _ref.className,
     buttonClassName = _ref.buttonClassName;
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col aurora-gap-3"
-  }, /*#__PURE__*/React__default.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     spacing: "0.5",
     direction: "column"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     tooltip: tooltip,
     className: "aurora-text"
-  }, label)) : null, helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React__default.createElement(AnchorPresets, {
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null), /*#__PURE__*/React.createElement(AnchorPresets, {
     value: value,
     onChange: onChange,
     className: className,
     buttonClassName: buttonClassName
-  }), errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  }), errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../stack/stack.js';
 import { Control } from '../../control/control.js';
@@ -24,7 +24,7 @@ var CheckboxControl = function CheckboxControl(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     onCheckedChange = _ref.onCheckedChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _React$useState = React__default.useState(checked),
+  var _React$useState = React.useState(checked),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     _checked = _React$useState2[0],
     setChecked = _React$useState2[1];
@@ -32,9 +32,9 @@ var CheckboxControl = function CheckboxControl(_ref) {
     setChecked(checked);
     onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(checked);
   };
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-items-start aurora-gap-3"
-  }, /*#__PURE__*/React__default.createElement(Checkbox, _objectSpread2({
+  }, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -43,15 +43,15 @@ var CheckboxControl = function CheckboxControl(_ref) {
     required: required,
     disabled: disabled,
     errors: errors
-  }, rest)), /*#__PURE__*/React__default.createElement(Stack, {
+  }, rest)), /*#__PURE__*/React.createElement(Stack, {
     spacing: "0.5",
     direction: "column"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     required: required,
     disabled: disabled,
     tooltip: tooltip
-  }, label)) : null, helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null));
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
 import { ColorPicker } from '../../color_picker/color_picker.js';
 
 var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "onPickShade", "withGradient", "helperText", "disabled"];
-var ColorPickerControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var ColorPickerControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     tooltip = _ref.tooltip,
     _ref$required = _ref.required,
@@ -26,13 +26,13 @@ var ColorPickerControl = /*#__PURE__*/React__default.forwardRef(function (_ref,
     helperText = _ref.helperText,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     tooltip: tooltip,
     required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(ColorPicker, _objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(ColorPicker, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -45,9 +45,9 @@ var ColorPickerControl = /*#__PURE__*/React__default.forwardRef(function (_ref,
     withGradient: withGradient,
     disabled: disabled,
     ref: ref
-  }, rest)), helperText ? /*#__PURE__*/React__default.createElement(HelperText, {
+  }, rest)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
     color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
-  }, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
 });

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

@@ -1,11 +1,11 @@
-import React__default from 'react';
+import React from 'react';
 import { Stack } from '../../stack/stack.js';
 
 var ControlsGroup = function ControlsGroup(_ref) {
   var children = _ref.children,
     _ref$spacing = _ref.spacing,
     spacing = _ref$spacing === void 0 ? '4' : _ref$spacing;
-  return /*#__PURE__*/React__default.createElement(Stack, {
+  return /*#__PURE__*/React.createElement(Stack, {
     spacing: spacing,
     direction: "column",
     width: "100%"

package/build/esm/packages/aurora/src/components/controls/date_and_time_picker_control/date_time_picker_control.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Control } from '../../control/control.js';
 import { ErrorList } from '../../error_list/error_list.js';
@@ -16,20 +16,20 @@ var DateTimePickerControl = function DateTimePickerControl(_ref) {
     errors = _ref.errors,
     disabled = _ref.disabled,
     dateTimePickerProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     disabled: disabled,
     tooltip: tooltip,
     className: "aurora-text",
     required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(DateTimePicker, _objectSpread2(_objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(DateTimePicker, _objectSpread2(_objectSpread2({
     id: id,
     disabled: disabled
   }, dateTimePickerProps), {}, {
     errors: errors
-  })), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  })), helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Control } from '../../control/control.js';
 import { ErrorList } from '../../error_list/error_list.js';
@@ -16,20 +16,20 @@ var DatePickerControl = function DatePickerControl(_ref) {
     errors = _ref.errors,
     disabled = _ref.disabled,
     datePickerProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     disabled: disabled,
     tooltip: tooltip,
     className: "aurora-text",
     required: required
-  }, label)) : null, /*#__PURE__*/React__default.createElement(DatePicker, _objectSpread2(_objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(DatePicker, _objectSpread2(_objectSpread2({
     id: id,
     disabled: disabled
   }, datePickerProps), {}, {
     errors: errors
-  })), helperText ? /*#__PURE__*/React__default.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  })), helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
 };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
@@ -8,7 +8,7 @@ import { Label } from '../../label/label.js';
 import { Input } from '../../input/input.js';
 
 var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
-var InputControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     label = _ref.label,
@@ -28,14 +28,14 @@ var InputControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onKeyDown = _ref.onKeyDown,
     onKeyUp = _ref.onKeyUp,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Control, {
+  return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label ? (/*#__PURE__*/React__default.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     required: required,
     tooltip: tooltip,
     disabled: disabled
-  }, label)) : null, /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(Input, _objectSpread2({
     ref: ref,
     id: id,
     name: name,
@@ -51,9 +51,9 @@ var InputControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     onChange: onChange,
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp
-  }, props)), helperText ? /*#__PURE__*/React__default.createElement(HelperText, {
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
     color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
-  }, helperText) : null, errors ? /*#__PURE__*/React__default.createElement(ErrorList, {
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }) : null);
 });