@dreamcommerce/aurora 3.0.0-245 → 3.0.0-246

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

@@ -0,0 +1,143 @@
+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';
+import { computeSquareXY, computePickerPosition } 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';
+import usePaintSquare from '../../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js';
+
+var crossSize = config.crossSize;
+/**
+ * Zmieniono wzgledem react-best-gradient-color-picker:
+ * - Przeniesiono handleMove na window
+ * - Usunieto throttle ktore i tak nie dzialalo -.-
+ */
+var Square = function Square() {
+  var _usePicker = usePicker(),
+    hc = _usePicker.hc,
+    defaultStyles = _usePicker.defaultStyles,
+    squareWidth = _usePicker.squareWidth,
+    squareHeight = _usePicker.squareHeight,
+    handleChange = _usePicker.handleChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragging = _useState2[0],
+    setDragging = _useState2[1];
+  var canvas = useRef(null);
+  var _computeSquareXY = computeSquareXY(hc === null || hc === void 0 ? void 0 : hc.s, (hc === null || hc === void 0 ? void 0 : hc.v) * 100, squareWidth, squareHeight),
+    _computeSquareXY2 = _slicedToArray(_computeSquareXY, 2),
+    x = _computeSquareXY2[0],
+    y = _computeSquareXY2[1];
+  var _useState3 = useState({
+      x: x,
+      y: y
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dragPos = _useState4[0],
+    setDragPos = _useState4[1];
+  var squareRef = useRef(null);
+  usePaintSquare(canvas, hc === null || hc === void 0 ? void 0 : hc.h, squareWidth, squareHeight);
+  useEffect(function () {
+    if (dragging) return;
+    setDragPos({
+      x: (hc === null || hc === void 0 ? void 0 : hc.v) === 0 ? dragPos.x : x,
+      y: y
+    });
+  }, [x, y]);
+  var onMouseMove = useCallback(function (e) {
+    var _computePickerPositio = computePickerPosition(e),
+      _computePickerPositio2 = _slicedToArray(_computePickerPositio, 2),
+      x = _computePickerPositio2[0],
+      y = _computePickerPositio2[1];
+    if (x && y) {
+      var x1 = Math.min(x + crossSize / 2, squareWidth - 1);
+      var y1 = Math.min(y + crossSize / 2, squareHeight - 1);
+      var newS = x1 / squareWidth * 100;
+      var newY = 100 - y1 / squareHeight * 100;
+      setDragPos({
+        x: newY === 0 ? dragPos === null || dragPos === void 0 ? void 0 : dragPos.x : x,
+        y: y
+      });
+      var updated = tinycolor("hsva(".concat(hc === null || hc === void 0 ? void 0 : hc.h, ", ").concat(newS, "%, ").concat(newY, "%, ").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
+      handleChange(updated.toRgbString());
+    }
+  }, [dragPos.x, handleChange, hc.a, hc.h, squareHeight, squareWidth]);
+  var handleColor = function handleColor(e) {
+    onMouseMove(e);
+  };
+  var stopDragging = function stopDragging() {
+    setDragging(false);
+  };
+  var handleMove = useCallback(function (e) {
+    if (!dragging) return;
+    var newEvent = {
+      target: squareRef.current,
+      clientX: e.clientX,
+      clientY: e.clientY,
+      touches: e.touches
+    };
+    onMouseMove(newEvent);
+  }, [dragging, onMouseMove]);
+  var handleClick = function handleClick(e) {
+    if (dragging) return;
+    handleColor(e);
+  };
+  var handleMouseDown = function handleMouseDown() {
+    setDragging(true);
+  };
+  var handleCanvasDown = function handleCanvasDown(e) {
+    setDragging(true);
+    handleColor(e);
+  };
+  useEffect(function () {
+    var handleUp = function handleUp() {
+      stopDragging();
+    };
+    window.addEventListener('mouseup', handleUp);
+    window.addEventListener('mousemove', handleMove);
+    return function () {
+      window.removeEventListener('mouseup', handleUp);
+      window.removeEventListener('mousemove', handleMove);
+    };
+  }, [handleMove]);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: squareRef,
+    onMouseUp: stopDragging,
+    onTouchEnd: stopDragging,
+    onMouseDown: handleCanvasDown,
+    onTouchStart: handleCanvasDown,
+    style: {
+      position: 'relative',
+      cursor: 'ew-cross'
+    }
+  }, /*#__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 ? {
+      transition: ''
+    } : {}), {}, {
+      width: 16,
+      height: 16
+    }),
+    onMouseDown: handleMouseDown
+  }), /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread2(_objectSpread2({}, defaultStyles.rbgcpCanvasWrapper), {}, {
+      height: squareHeight
+    }),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, /*#__PURE__*/React.createElement("canvas", {
+    ref: canvas,
+    id: "paintSquare",
+    width: "".concat(squareWidth, "px"),
+    height: "".concat(squareHeight, "px")
+  }))));
+};
+
+export { Square };
+//# sourceMappingURL=color_picker_square.js.map

package/build/esm/{external/react-best-gradient-color-picker/dist/esm/components/Square.js.map → packages/aurora/src/components/color_picker/components/color_picker_overrides/color_picker_square.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,2DAA+D;AACrF,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -61,9 +61,9 @@ var ColorPickerShades = function ColorPickerShades() {
     l: 5
   }];
   return /*#__PURE__*/React.createElement("div", {
-    className: "aurora-mt-3.5"
+    className: "aurora-pt-0.5"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-strong"
+    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text"
   }, /*#__PURE__*/React.createElement("p", {
     className: "aurora-text-xs aurora-font-medium"
   }, "".concat(t('Shades of color')))), /*#__PURE__*/React.createElement("div", {

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

@@ -17,7 +17,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
   };
   var shouldApplyActiveBorder = hasActiveBorder && tinycolor(activeColor.value).toHex() === color;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn("color-picker__swatch aurora-relative aurora-border aurora-rounded-2 aurora-overflow-hidden hover:aurora-border-2 hover:aurora-border-strong", {
+    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

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

@@ -1,10 +1,11 @@
 import React, { useState } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { ArrowDownSLineIcon } from '../../../assets/icons/arrow_down_s_line_icon.js';
+import { cn } from '../../../utilities/cn.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 import { ColorPickerSwatch } from './color_picker_swatch.js';
+import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 
 var ColorPickerVariables = function ColorPickerVariables(_ref) {
   var variables = _ref.variables;
@@ -36,16 +37,16 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "aurora-mt-3.5"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-items-center aurora-justify-between aurora-mb-1 aurora-text-info-active"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "aurora-text-xs aurora-font-medium"
-  }, "".concat(t('Theme colors'))), /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-items-start aurora-justify-center aurora-p-1",
+    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.createElement(ArrowDownSLineIcon, {
-    className: "".concat(!isOpen ? 'aurora-rotate-180' : '')
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "aurora-text-xs aurora-font-medium"
+  }, "".concat(t('Theme colors'))), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-items-start aurora-justify-center aurora-h-4 aurora-w-4"
+  }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
+    className: cn('aurora-h-full aurora-w-full', isOpen && 'aurora-rotate-180')
   }))), /*#__PURE__*/React.createElement("div", {
     className: "aurora-grid aurora-grid-cols-12 aurora-gap-1"
   }, Object.values(variables).map(function (variable, index) {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,oEAAwE;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -6,7 +6,7 @@ var CurrentColorPreview = function CurrentColorPreview() {
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color;
   return /*#__PURE__*/React.createElement("div", {
-    className: "aurora-self-stretch aurora-w-6 aurora-border aurora-rounded-4",
+    className: "aurora-w-6 aurora-h-6 aurora-border aurora-rounded-4",
     "aria-label": "color picker current color value",
     style: {
       background: ColorPickerUtils.isGradient(color.value) ? color.value : "#".concat(color.value)

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

@@ -20,14 +20,12 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color,
-    handleCancel = _useColorPicker.handleCancel,
     isColorPickerOpened = _useColorPicker.isColorPickerOpened,
     setIsColorPickerOpened = _useColorPicker.setIsColorPickerOpened;
   var colorValue = typeof color === 'string' ? color : color.value;
   var colorTiny = ColorPickerUtils.getTinyColorInstance(colorValue);
   var handleClosePopover = function handleClosePopover() {
     setIsColorPickerOpened(false);
-    handleCancel === null || handleCancel === void 0 ? void 0 : handleCancel();
   };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popover, {
     open: isColorPickerOpened,

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/aurora/src/components/color_picker/hooks/{setup_color_piceker.js → setup_color_picker.js}

@@ -2,8 +2,8 @@ import { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { COLOR_PICKER_ALPHA_MAX_VALUE } from '../color_picker_constants.js';
 import { ColorPickerUtils } from '../color_picker_utils.js';
-import isEqual from 'lodash/isEqual';
 import { useColorPicker } from '../../../../../../external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js';
+import isEqual from 'lodash/isEqual';
 
 var defaultGradient = 'linear-gradient(90deg, #000000 0%, #FFFFFF 100%)';
 var useSetupColorPicker = function useSetupColorPicker(_ref) {
@@ -151,4 +151,4 @@ var useSetupColorPicker = function useSetupColorPicker(_ref) {
 };
 
 export default useSetupColorPicker;
-//# sourceMappingURL=setup_color_piceker.js.map
+//# sourceMappingURL=setup_color_picker.js.map

package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map → 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;AACA;AACA,wBAAwB,2CAA+C;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+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;"}

package/build/esm/packages/aurora/src/components/image_picker/components/uploaded_image_picker_item.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { FileUtils } from '@dreamcommerce/utilities';
 import { DeleteBinLineIcon } from '../../../assets/icons/delete_bin_icon.js';
+import { FileUtils } from '@dreamcommerce/utilities';
 
 var UploadedImagePickerItem = function UploadedImagePickerItem(_ref) {
   var imageSize = _ref.imageSize,

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

@@ -77,7 +77,7 @@ var Modal = function Modal(_ref) {
   }, [checkScroll]);
   // Handle scroll detection
   useEffect(function () {
-    if (!renderModal || !visibleClass) return;
+    if (!renderModal || !visibleClass || !children) return;
     var contentElement = contentRef.current;
     if (!contentElement) return;
     checkScroll();
@@ -88,7 +88,7 @@ var Modal = function Modal(_ref) {
         clearTimeout(scrollTimeoutRef.current);
       }
     };
-  }, [renderModal, visibleClass, handleScroll, checkScroll]);
+  }, [renderModal, visibleClass, handleScroll, checkScroll, children]);
   // Initial setup
   useEffect(function () {
     if (!isInitializedRef.current) {

package/build/esm/packages/aurora/src/components/select/components/select_trigger.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { Trigger, Icon } from '@radix-ui/react-select';
 import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
+import { Trigger, Icon } from '@radix-ui/react-select';
 
 var _excluded = ["className", "hasError", "children"];
 var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {

package/build/esm/packages/aurora/src/utilities/cn.d.ts

@@ -1,2 +1,3 @@
 import { type ClassValue } from 'clsx';
+export declare const twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
 export declare function cn(...inputs: ClassValue[]): string;

package/build/esm/packages/aurora/src/utilities/cn.js

@@ -1,6 +1,9 @@
 import { clsx } from '../../../../external/clsx/dist/clsx.mjs.js';
-import { twMerge } from '../../../../external/tailwind-merge/dist/bundle-mjs.mjs.js';
+import { extendTailwindMerge } from '../../../../external/tailwind-merge/dist/bundle-mjs.mjs.js';
 
+var twMerge = extendTailwindMerge({
+  prefix: 'aurora-'
+});
 function cn() {
   for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
     inputs[_key] = arguments[_key];
@@ -8,5 +11,5 @@ function cn() {
   return twMerge(clsx(inputs));
 }
 
-export { cn };
+export { cn, twMerge };
 //# sourceMappingURL=cn.js.map

package/build/esm/packages/aurora/src/utilities/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB,4CAAgD;AACrE,wBAAwB,4DAAgE;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB,4CAAgD;AACrE,oCAAoC,4DAAgE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}