@dreamcommerce/aurora 3.1.28 → 3.1.30

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Item } from '@radix-ui/react-dropdown-menu';
@@ -6,7 +6,7 @@ import { Box } from '../../box/box.js';
 import { Checkbox } from '../../checkbox/checkbox.js';
 
 var _excluded = ["option", "isSelected", "isDisabled", "isReadonly", "toggleOption", "className"];
-var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var MultiSelectItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
     isDisabled = _ref.isDisabled,
@@ -18,7 +18,7 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     event.preventDefault();
     toggleOption(option);
   };
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Item, _objectSpread2(_objectSpread2({
     onSelect: handleSelect,
     className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-p-2 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap hover:aurora-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', {
       'aurora-font-semibold': isSelected,
@@ -30,15 +30,15 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), /*#__PURE__*/React__default.createElement(Box, {
     align: "center",
     spacing: "2",
     backgroundColor: "transparent"
-  }, /*#__PURE__*/React.createElement(Checkbox, {
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
     checked: isSelected
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col"
-  }, /*#__PURE__*/React.createElement("p", null, option.text), !!option.additionalInfo && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement("p", null, option.text), !!option.additionalInfo && /*#__PURE__*/React__default.createElement("p", {
     className: "aurora-text-xs aurora-text-subtle-light"
   }, option.additionalInfo))));
 });

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

@@ -1,12 +1,12 @@
-import React from 'react';
+import React__default from 'react';
 import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../input/input.js';
 import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
 
 var MultiSelectSearch = function MultiSelectSearch(props) {
-  return /*#__PURE__*/React.createElement(Input, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
     type: "text",
-    preElement: /*#__PURE__*/React.createElement(SearchLineIcon, {
+    preElement: /*#__PURE__*/React__default.createElement(SearchLineIcon, {
       className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
     })
   }, props));

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

@@ -1,19 +1,19 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Trigger } from '@radix-ui/react-dropdown-menu';
 
 var _excluded = ["hasErrors", "className", "children"];
-var MultiSelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var MultiSelectTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var hasErrors = _ref.hasErrors,
     className = _ref.className,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Trigger, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Trigger, _objectSpread2(_objectSpread2({
     asChild: true
   }, props), {}, {
     ref: ref
-  }), /*#__PURE__*/React.createElement("button", {
+  }), /*#__PURE__*/React__default.createElement("button", {
     className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
       '!aurora-border-danger aurora-border-2': hasErrors
     }, className)

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { Root, Portal } from '@radix-ui/react-dropdown-menu';
@@ -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 = function MultiSelect(_ref) {
+var MultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     options = _ref.options,
     placeholder = _ref.placeholder,
@@ -37,15 +37,16 @@ var MultiSelect = function MultiSelect(_ref) {
     }));
   };
   var showPlaceholder = selectedOptions.length === 0;
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React.createElement(MultiSelectTrigger, {
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React__default.createElement(MultiSelectTrigger, {
     id: id,
     disabled: disabled,
-    hasErrors: !!(errors !== null && errors !== void 0 && errors.length)
-  }, /*#__PURE__*/React.createElement("span", {
+    hasErrors: !!(errors !== null && errors !== void 0 && errors.length),
+    ref: ref
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
   }, !showPlaceholder ? selectedOptions.map(function (option) {
     return option.text;
-  }).join(', ') : placeholder !== null && placeholder !== void 0 ? placeholder : '')), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(MultiSelectContent, {
+  }).join(', ') : placeholder !== null && placeholder !== void 0 ? placeholder : '')), /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(MultiSelectContent, {
     options: options,
     selectedOptions: selectedOptions,
     toggleOption: handleChange,
@@ -53,7 +54,7 @@ var MultiSelect = function MultiSelect(_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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/popover/components/popover_content.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Portal, Content } from '@radix-ui/react-popover';
 
 var _excluded = ["className", "align", "sideOffset"];
-var PopoverContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var PopoverContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'center' : _ref$align,
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content, _objectSpread2({
     ref: ref,
     align: align,
     sideOffset: sideOffset,

package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Item } from '@radix-ui/react-toggle-group';
@@ -6,15 +6,15 @@ import { segmentedControlItemVariants } from './segmented_control_item_variants.
 import { SegmentedControlContext } from '../context/segmented_control_context.js';
 
 var _excluded = ["className", "children", "size", "variant"];
-var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SegmentedControlItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _context$size, _context$variant;
   var className = _ref.className,
     children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  var context = React.useContext(SegmentedControlContext);
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
+  var context = React__default.useContext(SegmentedControlContext);
+  return /*#__PURE__*/React__default.createElement(Item, _objectSpread2({
     ref: ref,
     className: cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]_svg]:!aurora-fill aurora-whitespace-nowrap", segmentedControlItemVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,

package/build/esm/packages/aurora/src/components/segmented_control/context/segmented_control_context.js

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 import { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_VARIANT_TYPES } from '../segmented_control_constants.js';
 
-var SegmentedControlContext = /*#__PURE__*/React.createContext({
+var SegmentedControlContext = /*#__PURE__*/React__default.createContext({
   size: SEGMENTED_CONTROL_SIZE_TYPES.basic,
   variant: SEGMENTED_CONTROL_VARIANT_TYPES.basic
 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { Root } from '@radix-ui/react-toggle-group';
@@ -6,7 +6,7 @@ import { SEGMENTED_CONTROL_TYPE } from './segmented_control_constants.js';
 import { SegmentedControlContext } from './context/segmented_control_context.js';
 
 var _excluded = ["className", "size", "variant", "children", "type"];
-var SegmentedControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SegmentedControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
@@ -14,11 +14,11 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? SEGMENTED_CONTROL_TYPE.single : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     ref: ref,
     className: cn('aurora-w-max aurora-flex aurora-items-center aurora-justify-center aurora-border aurora-rounded-6 aurora-bg-subtle', className),
     type: type
-  }, props), /*#__PURE__*/React.createElement(SegmentedControlContext.Provider, {
+  }, props), /*#__PURE__*/React__default.createElement(SegmentedControlContext.Provider, {
     value: {
       size: size,
       variant: variant,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Portal, Content, Viewport as Viewport$1 } from '@radix-ui/react-select';
@@ -9,7 +9,7 @@ import { SelectSearch } from './select_search.js';
 import { SelectUtils } from '../select_utils.js';
 
 var _excluded = ["className", "options", "hasSearch", "searchPlaceholder", "search", "onSearch", "innerAdditionalContent", "position", "onScroll", "enableLocalSearch", "localSearchNotFoundContent"];
-var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SelectContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
     hasSearch = _ref.hasSearch,
@@ -24,19 +24,19 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     props = _objectWithoutProperties(_ref, _excluded);
   var localSearchVisibleItems = 0;
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content, _objectSpread2({
     ref: ref,
     className: cn('aurora-w-[--radix-select-trigger-width] aurora-relative aurora-z-[1000] aurora-min-w-[20rem] aurora-max-h-96 aurora-overflow-y-hidden aurora-rounded-8 aurora-border aurora-bg-neutral-0 aurora-text-s aurora-shadow-m data-[state=open]:aurora-animate-in data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[state=open]:aurora-fade-in-0 data-[state=closed]:aurora-zoom-out-95 data-[state=open]:aurora-zoom-in-95 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2 aurora-p-1 js__aurora-select-dropdown aurora-group', position === 'popper' && 'data-[side=bottom]:aurora-translate-y-1 data-[side=left]:-aurora-translate-x-1 data-[side=right]:aurora-translate-x-1 data-[side=top]:-aurora-translate-y-1', className),
     position: position
-  }, props), /*#__PURE__*/React.createElement(Root, {
+  }, props), /*#__PURE__*/React__default.createElement(Root, {
     type: "auto",
     className: "aurora-w-full aurora-max-h-60 relative"
-  }, /*#__PURE__*/React.createElement(Viewport, {
+  }, /*#__PURE__*/React__default.createElement(Viewport, {
     className: cn('aurora-p-1 aurora-max-h-60 aurora-w-full'),
     onScroll: onScroll
-  }, hasSearch && (/*#__PURE__*/React.createElement("div", {
+  }, hasSearch && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-p-2"
-  }, /*#__PURE__*/React.createElement(SelectSearch, {
+  }, /*#__PURE__*/React__default.createElement(SelectSearch, {
     value: search,
     onChange: function onChange(e) {
       e.stopPropagation();
@@ -47,7 +47,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     },
     placeholder: searchPlaceholder,
     options: options
-  }))), /*#__PURE__*/React.createElement(Viewport$1, {
+  }))), /*#__PURE__*/React__default.createElement(Viewport$1, {
     className: "aurora-flex aurora-flex-col aurora-gap-1"
   }, options === null || options === void 0 ? void 0 : options.map(function (option, index) {
     var visible = true;
@@ -58,10 +58,10 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (enableLocalSearch && hasSearch && search && option.isHeader) {
       visible = SelectUtils.localSearchIsHeaderVisible(search, options, index);
     }
-    return option.isHeader ? (/*#__PURE__*/React.createElement(SelectGroupLabel, {
+    return option.isHeader ? (/*#__PURE__*/React__default.createElement(SelectGroupLabel, {
       key: "select-label-".concat(option.text, "-").concat(index),
       className: cn(!visible && 'aurora-hidden')
-    }, option.text)) : (/*#__PURE__*/React.createElement(SelectItem, {
+    }, option.text)) : (/*#__PURE__*/React__default.createElement(SelectItem, {
       key: "select-item-".concat(option.value, "-").concat(index),
       value: option.value,
       isDisabled: option.isDisabled,
@@ -69,14 +69,14 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       additionalInfo: option.additionalInfo,
       className: cn(!visible && 'aurora-hidden')
     }, option.text));
-  })), enableLocalSearch && !!localSearchNotFoundContent && !!search && !localSearchVisibleItems && (/*#__PURE__*/React.createElement("div", {
+  })), enableLocalSearch && !!localSearchNotFoundContent && !!search && !localSearchVisibleItems && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-p-2"
-  }, localSearchNotFoundContent)), innerAdditionalContent && /*#__PURE__*/React.createElement("div", {
+  }, localSearchNotFoundContent)), innerAdditionalContent && /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-p-2"
-  }, innerAdditionalContent)), /*#__PURE__*/React.createElement(Scrollbar, {
+  }, innerAdditionalContent)), /*#__PURE__*/React__default.createElement(Scrollbar, {
     orientation: "vertical",
     className: cn('aurora-w-2 aurora-absolute aurora-right-0 aurora-top-0 aurora-bottom-0 aurora-py-1 aurora-pr-[2px] aurora-transition-opacity aurora-duration-200 aurora-opacity-0 group-hover:aurora-opacity-75')
-  }, /*#__PURE__*/React.createElement(Thumb, {
+  }, /*#__PURE__*/React__default.createElement(Thumb, {
     className: "aurora-bg-neutral-700 aurora-rounded-full"
   })))));
 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Stack } from '../../stack/stack.js';
 import { Box } from '../../box/box.js';
@@ -9,22 +9,22 @@ var _excluded = ["children"];
 var SelectGroupLabel = function SelectGroupLabel(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Box, _objectSpread2({
     paddings: {
       pl: '2',
       pt: '2',
       pb: '2',
       pr: '0'
     }
-  }, props), /*#__PURE__*/React.createElement(Stack, {
+  }, props), /*#__PURE__*/React__default.createElement(Stack, {
     align: "center",
     spacing: "2.5"
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Typography, {
     className: "aurora-whitespace-nowrap first-letter:aurora-uppercase",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React.createElement(Divider, null)));
+  }, children), /*#__PURE__*/React__default.createElement(Divider, null)));
 };
 SelectGroupLabel.displayName = 'SelectGroupLabel';
 

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

@@ -1,18 +1,18 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { CheckLineIcon } from '../../../assets/icons/check_icon.js';
 import { Item, ItemIndicator, ItemText } from '@radix-ui/react-select';
 
 var _excluded = ["children", "className", "isDisabled", "isReadonly", "additionalInfo"];
-var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SelectItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     isDisabled = _ref.isDisabled,
     isReadonly = _ref.isReadonly,
     additionalInfo = _ref.additionalInfo,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2(_objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Item, _objectSpread2(_objectSpread2({
     className: cn('aurora-relative aurora-flex aurora-w-full aurora-rounded-6 aurora-cursor-default aurora-select-none aurora-items-center aurora-rounded-sm aurora-py-1.5 aurora-pl-9 aurora-pr-8 aurora-text-s aurora-outline-none aurora-break-words aurora-text-wrap focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
       'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
     }, className),
@@ -25,11 +25,11 @@ var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onPointerMove: function onPointerMove(e) {
       e.preventDefault();
     }
-  }), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckLineIcon, {
+  }), /*#__PURE__*/React__default.createElement(ItemIndicator, null, /*#__PURE__*/React__default.createElement(CheckLineIcon, {
     className: "aurora-h-5 aurora-w-5 -aurora-ml-7 aurora-mr-2"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-col"
-  }, /*#__PURE__*/React.createElement(ItemText, null, children), !!additionalInfo && /*#__PURE__*/React.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement(ItemText, null, children), !!additionalInfo && /*#__PURE__*/React__default.createElement("p", {
     className: "aurora-text-xs aurora-text-subtle-light"
   }, additionalInfo)));
 });

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

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Input } from '../../input/input.js';
 import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
@@ -14,10 +14,10 @@ var SelectSearch = function SelectSearch(_ref) {
       inputRef: inputRef
     }),
     handleBlur = _usePreventSearchBlur.handleBlur;
-  return /*#__PURE__*/React.createElement(Input, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Input, _objectSpread2({
     ref: inputRef,
     type: "text",
-    preElement: /*#__PURE__*/React.createElement(SearchLineIcon, {
+    preElement: /*#__PURE__*/React__default.createElement(SearchLineIcon, {
       className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
     }),
     onBlur: handleBlur

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

@@ -1,26 +1,26 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { ArrowDownSFillIcon } from '../../../assets/icons/arrow_down_s_fill.js';
 import { Trigger, Icon } from '@radix-ui/react-select';
 
 var _excluded = ["className", "hasError", "children", "clearValueButton"];
-var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SelectTrigger = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     hasError = _ref.hasError,
     children = _ref.children,
     clearValueButton = _ref.clearValueButton,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Trigger, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Trigger, _objectSpread2({
     ref: ref,
     className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s aurora-border-strong hover:aurora-border-extraStrong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
       '!aurora-border-danger aurora-border-2': hasError
     }, className)
-  }, props), children, /*#__PURE__*/React.createElement("div", {
+  }, props), children, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-flex-none aurora-items-center"
-  }, clearValueButton, /*#__PURE__*/React.createElement(Icon, {
+  }, clearValueButton, /*#__PURE__*/React__default.createElement(Icon, {
     asChild: true
-  }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
+  }, /*#__PURE__*/React__default.createElement(ArrowDownSFillIcon, {
     className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
   }))));
 });

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

@@ -1,6 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
 import { TSelectProps } from './select_types';
-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;
-};
+export declare const Select: React.ForwardRefExoticComponent<TSelectProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { Root } from '@radix-ui/react-select';
@@ -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 = function Select(_ref) {
+var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _selectedOption$value;
   var children = _ref.children,
     id = _ref.id,
@@ -56,17 +56,18 @@ var Select = function Select(_ref) {
     if (onClose && !open) onClose();
   };
   var showPlaceholder = !selectedOption;
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     value: (_selectedOption$value = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) !== null && _selectedOption$value !== void 0 ? _selectedOption$value : '',
     onValueChange: handleChange,
     disabled: disabled,
     onOpenChange: handleOpenChange
-  }, props), /*#__PURE__*/React.createElement("div", {
+  }, props), /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-relative aurora-flex aurora-items-center aurora-flex-col"
-  }, /*#__PURE__*/React.createElement(SelectTrigger, {
+  }, /*#__PURE__*/React__default.createElement(SelectTrigger, {
     id: id,
     hasError: hasError || !!(errors !== null && errors !== void 0 && errors.length),
-    clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    clearValueButton: value && hasClearValueButton && onValueChange && (/*#__PURE__*/React__default.createElement("div", {
       onPointerDown: function onPointerDown(e) {
         return e.stopPropagation();
       },
@@ -74,12 +75,12 @@ var Select = function Select(_ref) {
         handleChange('');
       },
       className: "aurora-w-5 aurora-h-5 aurora-flex aurora-items-center aurora-justify-center"
-    }, /*#__PURE__*/React.createElement(CloseCircleFillIcon, {
+    }, /*#__PURE__*/React__default.createElement(CloseCircleFillIcon, {
       className: "aurora-h-4 aurora-w-4 aurora-cursor-pointer"
     })))
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: cn('aurora-pointer-events-none aurora-select-none', showPlaceholder && 'aurora-text-subtle')
-  }, !showPlaceholder ? selectedOption.text : placeholder))), /*#__PURE__*/React.createElement(SelectContent, {
+  }, !showPlaceholder ? selectedOption.text : placeholder))), /*#__PURE__*/React__default.createElement(SelectContent, {
     options: options,
     hasSearch: hasSearch,
     searchPlaceholder: searchPlaceholder,
@@ -90,7 +91,7 @@ var Select = function Select(_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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js

@@ -1,11 +1,11 @@
-import React, { useRef, useImperativeHandle } from 'react';
+import React__default, { useRef, useImperativeHandle } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
 
 var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
-var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var PersistentSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
     children = _ref.children,
@@ -36,7 +36,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     },
     config: config
   });
-  return /*#__PURE__*/React.createElement("aside", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("aside", _objectSpread2({
     "aria-expanded": open,
     className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
     style: {
@@ -44,7 +44,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       maxWidth: open ? width : 0,
       minWidth: open ? width : 0
     }
-  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default.createElement("div", {
     onScroll: onScroll,
     ref: sidebarRef,
     className: cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_close_button.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useSidebar } from '../hooks/use_sidebar.js';
 import { CloseLineIcon } from '../../../assets/icons/close_line_icon.js';
 
@@ -6,14 +6,14 @@ var SidebarCloseButton = function SidebarCloseButton(_ref) {
   var onClose = _ref.onClose;
   var _useSidebar = useSidebar(),
     close = _useSidebar.close;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
     onClick: function onClick() {
       close();
       onClose === null || onClose === void 0 ? void 0 : onClose();
     },
     "data-test-el": "close-sidebar"
-  }, /*#__PURE__*/React.createElement(CloseLineIcon, null));
+  }, /*#__PURE__*/React__default.createElement(CloseLineIcon, null));
 };
 
 export { SidebarCloseButton };

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 import { useSidebar } from '../hooks/use_sidebar.js';
 
 var SidebarToggle = function SidebarToggle(_ref) {
   var children = _ref.children;
   var _useSidebar = useSidebar(),
     toggle = _useSidebar.toggle;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     onClick: toggle
   }, children);
 };