@dreamcommerce/aurora 3.1.25-1 → 3.1.25-3

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

@@ -1,3 +1,3 @@
 import { IImagePicker } from './image_picker_types';
 import React from 'react';
-export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLDivElement>>>;
+export declare const ImagePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<IImagePicker & React.RefAttributes<HTMLButtonElement>>>;

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

@@ -111,7 +111,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "aurora-mb-1"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
       'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
       'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
@@ -121,13 +121,8 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
       var _inputRef$current;
       return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
     },
-    onKeyDown: function onKeyDown(e) {
-      var _inputRef$current2;
-      return e.key === 'Enter' && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.click());
-    },
     ref: ref,
-    role: 'button',
-    tabIndex: 0
+    type: 'button'
   }, /*#__PURE__*/React.createElement("div", {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave
@@ -135,7 +130,8 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
     className: "aurora-p-1 aurora-relative"
   }, /*#__PURE__*/React.createElement(ImagePickerPreviewContainer, {
     classname: "aurora-relative aurora-flex aurora-flex-col"
-  }, topButtons && /*#__PURE__*/React.createElement(React.Fragment, null, topButtons), /*#__PURE__*/React.createElement("div", {
+  }, topButtons && /*#__PURE__*/React.createElement(React.Fragment, null, topButtons), /*#__PURE__*/React.createElement("label", {
+    htmlFor: id,
     className: "aurora-relative"
   }, /*#__PURE__*/React.createElement(ImagePickerPreview, {
     file: file,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,iEAAqE;AACpG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/image_picker_delete_button.js

@@ -15,9 +15,6 @@ var ImagePickerDeleteButton = function ImagePickerDeleteButton(_ref) {
       e.preventDefault();
       onFileDelete();
     },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    },
     className: "aurora-flex aurora-items-center aurora-gap-1 aurora-border aurora-border-danger aurora-rounded-full aurora-px-3 aurora-py-[6px]",
     type: "button"
   }, /*#__PURE__*/React.createElement(DeleteBinLineIcon, {

package/build/esm/packages/aurora/src/components/image_picker/image_picker_delete_button.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA,+BAA+B,iEAAqE;AACpG;AACA;AACA;AACA;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,iEAAqE;AACpG;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/multiselect/multiselect.d.ts

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TMultiSelectProps } from './multiselect_types';
-export declare const MultiSelect: React.ForwardRefExoticComponent<TMultiSelectProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+export declare const MultiSelect: {
+    ({ id, options, placeholder, disabled, hasSearch, searchPlaceholder, onValueChange, errors, value, searchNotFoundContent, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
+    displayName: string;
+};

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

@@ -7,7 +7,7 @@ import { MultiSelectTrigger } from './components/multiselect_trigger.js';
 import { useMultiSelectValue } from './hooks/use_multiselect_value.js';
 
 var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "onValueChange", "errors", "value", "searchNotFoundContent"];
-var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -40,8 +40,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React.createElement(MultiSelectTrigger, {
     id: id,
     disabled: disabled,
-    hasErrors: !!(errors !== null && errors !== void 0 && errors.length),
-    ref: ref
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
   }, /*#__PURE__*/React.createElement("span", {
     className: cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
   }, !showPlaceholder ? selectedOptions.map(function (option) {
@@ -54,7 +53,7 @@ var MultiSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     searchPlaceholder: searchPlaceholder,
     searchNotFoundContent: searchNotFoundContent
   })));
-});
+};
 MultiSelect.displayName = 'MultiSelect';
 
 export { MultiSelect };

package/build/esm/packages/aurora/src/components/multiselect/multiselect.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizableContainerProps } from '../resizable_container_types';
+export declare const ResizableContainer: React.FC<IResizableContainerProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { ResizableHandle } from './resizable_handle.js';
+
+var ResizableContainer = function ResizableContainer(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    variant = _ref.variant,
+    handleHoverSpacePx = _ref.handleHoverSpacePx,
+    handleResizing = _ref.handleResizing,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex aurora-relative ".concat(className),
+    style: style
+  }, variant === 'horizontal' ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizableHandle, {
+    position: "left",
+    hoverGutterSizePx: handleHoverSpacePx,
+    onMouseDown: function onMouseDown(e) {
+      return handleResizing(e, 'left');
+    }
+  }), /*#__PURE__*/React.createElement(ResizableHandle, {
+    position: "right",
+    hoverGutterSizePx: handleHoverSpacePx,
+    onMouseDown: function onMouseDown(e) {
+      return handleResizing(e, 'right');
+    }
+  }))) : (/*#__PURE__*/React.createElement(ResizableHandle, {
+    position: variant,
+    hoverGutterSizePx: handleHoverSpacePx,
+    onMouseDown: function onMouseDown(e) {
+      return handleResizing(e, variant);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "aurora-flex-1"
+  }, children));
+};
+
+export { ResizableContainer };
+//# sourceMappingURL=resizable_container.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IResizableHandleProps {
+    position: 'left' | 'right';
+    hoverGutterSizePx?: number;
+    className?: string;
+    onMouseDown: (e: React.MouseEvent) => void;
+}
+export declare const ResizableHandle: React.FC<IResizableHandleProps>;
+export {};

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { cn } from '../../../utilities/cn.js';
+import { RESIZABLE_CONTAINER_RESIZER_CLASS } from '../resizable_container_constants.js';
+import { useResizableContext } from '../hooks/use_resizable_context.js';
+
+var ResizableHandle = function ResizableHandle(_ref) {
+  var position = _ref.position,
+    _ref$hoverGutterSizeP = _ref.hoverGutterSizePx,
+    hoverGutterSizePx = _ref$hoverGutterSizeP === void 0 ? 8 : _ref$hoverGutterSizeP,
+    className = _ref.className,
+    onMouseDown = _ref.onMouseDown;
+  var _useResizableContext = useResizableContext(),
+    isResizing = _useResizableContext.isResizing;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn("".concat(RESIZABLE_CONTAINER_RESIZER_CLASS, " ").concat(className, " aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100"), {
+      'aurora-opacity-100': isResizing
+    }),
+    style: {
+      paddingLeft: "".concat(hoverGutterSizePx, "px"),
+      paddingRight: "".concat(hoverGutterSizePx, "px"),
+      left: position === 'left' ? "-".concat(hoverGutterSizePx, "px") : '',
+      right: position === 'right' ? "-".concat(hoverGutterSizePx, "px") : ''
+    },
+    onMouseDown: onMouseDown
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
+      'aurora-bg-primary-hover': isResizing
+    })
+  }));
+};
+
+export { ResizableHandle };
+//# sourceMappingURL=resizable_handle.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizablePureProps } from '../resizable_container_types';
+export declare const ResizablePure: React.FC<IResizablePureProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js

@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react';
+import { useResizableContext } from '../hooks/use_resizable_context.js';
+import { ResizableContainer } from './resizable_container.js';
+
+var ResizablePure = function ResizablePure(_ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'left' : _ref$variant,
+    handleHoverSpacePx = _ref.handleHoverSpacePx,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizableContext = useResizableContext(),
+    currentWidth = _useResizableContext.currentWidth,
+    handleResizing = _useResizableContext.handleResizing,
+    isResizing = _useResizableContext.isResizing;
+  useEffect(function () {
+    onResize === null || onResize === void 0 ? void 0 : onResize(currentWidth, isResizing);
+  }, [currentWidth, isResizing, onResize]);
+  return /*#__PURE__*/React.createElement(ResizableContainer, {
+    className: className || '',
+    style: {
+      width: currentWidth,
+      minWidth: widthConfig.min,
+      maxWidth: widthConfig.max
+    },
+    variant: variant,
+    handleHoverSpacePx: handleHoverSpacePx,
+    handleResizing: handleResizing
+  }, children);
+};
+
+export { ResizablePure };
+//# sourceMappingURL=resizable_pure.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts

@@ -0,0 +1,7 @@
+import type { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
+declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
+    isResizing: boolean;
+    currentWidth: number;
+    handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
+};
+export default useResizable;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js

@@ -0,0 +1,75 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { RESIZING_DIRECTIONS } from '../resizable_container_constants.js';
+import { getInitialWidth, removeEventListeners, saveWidthToStorage, addEventListeners } from '../resizable_utils.js';
+
+var useResizable = function useResizable(name, variant, widthConfig) {
+  var storageKey = "sve_resizable_".concat(name, "_width");
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isResizing = _useState2[0],
+    setIsResizing = _useState2[1];
+  var isResizingRef = useRef(false);
+  var resizingDirection = useRef(RESIZING_DIRECTIONS.left);
+  var initialMouseX = useRef(0);
+  var initialWidth = useRef(0);
+  var _useState3 = useState(function () {
+      return getInitialWidth(storageKey, widthConfig);
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    width = _useState4[0],
+    setWidth = _useState4[1];
+  var widthRef = useRef(width);
+  var handleMouseMove = useCallback(function (e) {
+    if (!isResizingRef.current) return;
+    var direction = variant === 'horizontal' ? resizingDirection.current : variant;
+    var newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
+    widthRef.current = newWidth;
+    setWidth(newWidth);
+  }, []);
+  var handleMouseUp = useCallback(function () {
+    if (!isResizingRef.current) return;
+    isResizingRef.current = false;
+    setIsResizing(false);
+    removeEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+    saveWidthToStorage(storageKey, widthRef.current);
+  }, []);
+  var handleResizing = useCallback(function (e, direction) {
+    e.preventDefault();
+    isResizingRef.current = true;
+    setIsResizing(true);
+    resizingDirection.current = direction;
+    initialMouseX.current = e.clientX;
+    initialWidth.current = widthRef.current;
+    addEventListeners({
+      mousemove: handleMouseMove,
+      mouseup: handleMouseUp
+    });
+  }, []);
+  var calculateNewWidth = function calculateNewWidth(clientX, direction, widthConfig, initialMouseX, initialWidth) {
+    var min = widthConfig.min,
+      max = widthConfig.max;
+    var mouseDelta = clientX - initialMouseX;
+    var newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
+    return Math.min(Math.max(newWidth, min), max);
+  };
+  useEffect(function () {
+    return function () {
+      removeEventListeners({
+        mousemove: handleMouseMove,
+        mouseup: handleMouseUp
+      });
+    };
+  }, []);
+  return {
+    isResizing: isResizing,
+    currentWidth: width,
+    handleResizing: handleResizing
+  };
+};
+
+export default useResizable;
+//# sourceMappingURL=use_resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts

@@ -0,0 +1,2 @@
+import type { IResizableContextProps } from '../resizable_container_types';
+export declare function useResizableContext(): IResizableContextProps;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js

@@ -0,0 +1,13 @@
+import { useContext } from 'react';
+import { ResizableContext } from '../resizable_context.js';
+
+function useResizableContext() {
+  var context = useContext(ResizableContext);
+  if (Object.keys(context).length === 0 && context.constructor === Object) {
+    throw new Error("Resizable component cannot be rendered outside the ResizableProvider component");
+  }
+  return context;
+}
+
+export { useResizableContext };
+//# sourceMappingURL=use_resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IResizableProps } from './resizable_container_types';
+export declare const Resizable: React.FC<IResizableProps>;

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

@@ -0,0 +1,38 @@
+import React, { useMemo } from 'react';
+import useResizable from './hooks/use_resizable.js';
+import { ResizableContext } from './resizable_context.js';
+import { ResizablePure } from './components/resizable_pure.js';
+
+var Resizable = function Resizable(_ref) {
+  var name = _ref.name,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'left' : _ref$variant,
+    handleHoverSpacePx = _ref.handleHoverSpacePx,
+    widthConfig = _ref.widthConfig,
+    onResize = _ref.onResize,
+    className = _ref.className;
+  var _useResizable = useResizable(name, variant, widthConfig),
+    isResizing = _useResizable.isResizing,
+    currentWidth = _useResizable.currentWidth,
+    handleResizing = _useResizable.handleResizing;
+  var contextVal = useMemo(function () {
+    return {
+      isResizing: isResizing,
+      currentWidth: currentWidth,
+      handleResizing: handleResizing
+    };
+  }, [isResizing, currentWidth, handleResizing]);
+  return /*#__PURE__*/React.createElement(ResizableContext.Provider, {
+    value: contextVal
+  }, /*#__PURE__*/React.createElement(ResizablePure, {
+    className: className || '',
+    variant: variant,
+    handleHoverSpacePx: handleHoverSpacePx,
+    widthConfig: widthConfig,
+    onResize: onResize
+  }, children));
+};
+
+export { Resizable };
+//# sourceMappingURL=resizable.js.map

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

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts

@@ -0,0 +1,10 @@
+export declare const RESIZE_HANDLE_VARIANTS: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly horizontal: "horizontal";
+};
+export declare const RESIZING_DIRECTIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const RESIZABLE_CONTAINER_RESIZER_CLASS = "js__resizable-container-resizer";

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js

@@ -0,0 +1,8 @@
+var RESIZING_DIRECTIONS = {
+  left: 'left',
+  right: 'right'
+};
+var RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
+
+export { RESIZABLE_CONTAINER_RESIZER_CLASS, RESIZING_DIRECTIONS };
+//# sourceMappingURL=resizable_container_constants.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map

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

package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IResizableContextProps } from './resizable_container_types';
+export declare const ResizableContext: import("react").Context<IResizableContextProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+var ResizableContext = /*#__PURE__*/createContext({
+  isResizing: false,
+  currentWidth: 0,
+  handleResizing: function handleResizing() {}
+});
+
+export { ResizableContext };
+//# sourceMappingURL=resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map

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

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts

@@ -0,0 +1,5 @@
+import type { TContainerWidthConfig } from './resizable_container_types';
+export declare const getInitialWidth: (name: string, widthConfig: TContainerWidthConfig) => number;
+export declare const saveWidthToStorage: (name: string, width: number) => void;
+export declare const addEventListeners: (events: Record<string, EventListener>) => void;
+export declare const removeEventListeners: (events: Record<string, EventListener>) => void;

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js

@@ -0,0 +1,30 @@
+import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+
+var getInitialWidth = function getInitialWidth(name, widthConfig) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return widthConfig.default;
+  var saved = localStorage.getItem(name);
+  return saved ? Number(saved) : widthConfig.default;
+};
+var saveWidthToStorage = function saveWidthToStorage(name, width) {
+  if (typeof window === 'undefined' || typeof localStorage === 'undefined') return;
+  localStorage.setItem(name, width.toString());
+};
+var addEventListeners = function addEventListeners(events) {
+  Object.entries(events).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      eventType = _ref2[0],
+      handler = _ref2[1];
+    document.addEventListener(eventType, handler);
+  });
+};
+var removeEventListeners = function removeEventListeners(events) {
+  Object.entries(events).forEach(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      eventType = _ref4[0],
+      handler = _ref4[1];
+    document.removeEventListener(eventType, handler);
+  });
+};
+
+export { addEventListeners, getInitialWidth, removeEventListeners, saveWidthToStorage };
+//# sourceMappingURL=resizable_utils.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map

@@ -0,0 +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;"}

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

@@ -1,5 +1,6 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
-export declare const Select: React.ForwardRefExoticComponent<TSelectProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
+export declare const Select: {
+    ({ children, id, value, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, enableLocalSearch, localSearchNotFoundContent, errors, onValueChange, onScroll, onSearch, onClose, hasError, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
+    displayName: string | undefined;
+};

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

@@ -8,7 +8,7 @@ import { SelectTrigger } from './components/select_trigger.js';
 import { useSelectValue } from './hooks/use_select_value.js';
 
 var _excluded = ["children", "id", "value", "options", "disabled", "placeholder", "hasSearch", "searchPlaceholder", "hasClearValueButton", "innerAdditionalContent", "enableLocalSearch", "localSearchNotFoundContent", "errors", "onValueChange", "onScroll", "onSearch", "onClose", "hasError"];
-var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Select = function Select(_ref) {
   var _selectedOption$value;
   var children = _ref.children,
     id = _ref.id,
@@ -66,7 +66,6 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React.createElement(SelectTrigger, {
     id: id,
     hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
-    ref: ref,
     clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React.createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
@@ -91,7 +90,7 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     enableLocalSearch: enableLocalSearch,
     localSearchNotFoundContent: localSearchNotFoundContent
   }));
-});
+};
 Select.displayName = Root.displayName;
 
 export { Select };

package/build/esm/packages/aurora/src/components/select/select.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;"}
+{"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;"}

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TValuesSyncerProps } from './values_syncer_types';
-export declare const ValuesSyncer: React.ForwardRefExoticComponent<TValuesSyncerProps<unknown> & React.RefAttributes<HTMLDivElement>>;
+export declare const ValuesSyncer: <T>({ firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, className }: TValuesSyncerProps<T>) => React.JSX.Element;

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

@@ -6,7 +6,7 @@ import { Stack } from '../stack/stack.js';
 import { LockLineIcon } from '../../assets/icons/lock_icon.js';
 import { LockUnlockLineIcon } from '../../assets/icons/lock_unlock_icon.js';
 
-var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
+var ValuesSyncer = function ValuesSyncer(_ref) {
   var firstControl = _ref.firstControl,
     secondControl = _ref.secondControl,
     firstValue = _ref.firstValue,
@@ -86,8 +86,7 @@ var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
   return /*#__PURE__*/React.createElement(Stack, {
     spacing: "3",
     align: "end",
-    className: cn('aurora-items-end', className),
-    ref: ref
+    className: cn('aurora-items-end', className)
   }, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
     type: "button",
     disabled: disableLockButton,
@@ -103,8 +102,6 @@ var ValuesSyncerInternal = function ValuesSyncerInternal(_ref, ref) {
     color: !disableLockButton ? CSS_ICON_COLOR_TOKENS_VALUES.base : CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }))), secondControl(secondValue, handleSecondControlChange));
 };
-var ValuesSyncer = /*#__PURE__*/React.forwardRef(ValuesSyncerInternal);
-ValuesSyncer.displayName = 'ValuesSyncer';
 
 export { ValuesSyncer };
 //# sourceMappingURL=values_syncer.js.map

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.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;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;AACA;"}

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

@@ -1,3 +1,3 @@
 import { IXhrImagePickerProps } from './xhr_image_picker_types';
 import React from 'react';
-export declare const XhrImagePicker: React.ForwardRefExoticComponent<IXhrImagePickerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const XhrImagePicker: React.ForwardRefExoticComponent<IXhrImagePickerProps & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/index.d.ts

@@ -134,3 +134,4 @@ export { TToastType } from "./components/toast/components/toast_components_types
 export { AnchorPresets } from "./components/anchor_presets/anchor_presets";
 export { AnchorPresetsControl } from "./components/controls/anchor_presets_control/anchor_presets_control";
 export { ANCHOR_PRESETS_VALUES } from "./components/anchor_presets/anchor_presets_constants";
+export { Resizable } from "./components/resizable/resizable";

package/build/esm/packages/aurora/src/index.js

@@ -126,4 +126,5 @@ export { ToastViewport } from './components/toast/components/toast_viewport.js';
 export { ANCHOR_PRESETS_VALUES } from './components/anchor_presets/anchor_presets_constants.js';
 export { AnchorPresets } from './components/anchor_presets/anchor_presets.js';
 export { AnchorPresetsControl } from './components/controls/anchor_presets_control/anchor_presets_control.js';
+export { Resizable } from './components/resizable/resizable.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/aurora/src/index.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;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}