@dreamcommerce/aurora 3.0.0-260 → 3.0.0-262

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

@@ -22,6 +22,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
   var colorName = color.name ? "".concat(t(color.name)) : "# ".concat(hex === null || hex === void 0 ? void 0 : hex.toUpperCase());
   if (isCurrentValueGradient) colorName = gradientType === GRADIENT_TYPES.linear ? t('Linear gradient') : t('Radial gradient');
   return /*#__PURE__*/React.createElement(Input, {
+    className: "aurora-cursor-pointer",
     preElement: preElement,
     type: "text",
     id: id,

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

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

@@ -33,7 +33,7 @@ var ColorPickerInputs = function ColorPickerInputs() {
   }, /*#__PURE__*/React.createElement("select", {
     value: type,
     onChange: handleSelectType,
-    className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none"
+    className: "color-picker__inputs-select aurora-text-xs aurora-text-info-strong aurora-uppercase aurora-pr-2.5 aurora-appearance-none aurora-cursor-pointer"
   }, /*#__PURE__*/React.createElement("option", {
     value: COLOR_PICKER_TYPES.HEX
   }, COLOR_PICKER_TYPES.HEX), /*#__PURE__*/React.createElement("option", {

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

@@ -103,7 +103,8 @@ var Square = function Square() {
   return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'relative'
-    }
+    },
+    className: "aurora-cursor-pointer"
   }, /*#__PURE__*/React.createElement("div", {
     ref: squareRef,
     onMouseUp: stopDragging,

package/build/esm/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,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,sFAA0F;AACjH,uDAAuD,wFAA4F;AACnJ,0BAA0B,oFAAwF;AAClH,2BAA2B,iGAAqG;AAChI,sBAAsB,2DAA+D;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -75,6 +75,7 @@ var ColorPickerShades = function ColorPickerShades() {
       setColor === null || setColor === void 0 ? void 0 : setColor(colorHex);
     };
     return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,
       key: "".concat(shade, "-").concat(index),

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

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

@@ -7,6 +7,7 @@ interface IColorPickerSwatchProps {
     size?: typeof COLOR_PICKER_SWATCH_SIZES[keyof typeof COLOR_PICKER_SWATCH_SIZES];
     hasActiveBorder?: boolean;
     onClick?: (color: ColorPickerColorTypes['hex']) => void;
+    className?: string;
 }
 export declare const ColorPickerSwatch: React.FC<IColorPickerSwatchProps>;
 export {};

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

@@ -9,7 +9,8 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
     cssColor = _ref.cssColor,
     size = _ref.size,
     hasActiveBorder = _ref.hasActiveBorder,
-    onClick = _ref.onClick;
+    onClick = _ref.onClick,
+    className = _ref.className;
   var _useColorPicker = useColorPicker(),
     activeColor = _useColorPicker.color;
   var handleOnClick = function handleOnClick() {
@@ -21,7 +22,7 @@ var ColorPickerSwatch = function ColorPickerSwatch(_ref) {
       '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
-    }),
+    }, className),
     onClick: handleOnClick
   }, /*#__PURE__*/React.createElement("div", {
     className: "aurora-absolute aurora-inset-y-0 aurora-inset-x-0 aurora-shadow-s",

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;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,sBAAsB,wDAA4D;AAClF;AACA;AACA;AACA;AACA;AACA;AACA;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_variables.js

@@ -59,6 +59,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
       });
     };
     return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,
       key: "".concat(variable, "-").concat(index),
@@ -78,6 +79,7 @@ var ColorPickerVariables = function ColorPickerVariables(_ref) {
       });
     };
     return /*#__PURE__*/React.createElement(ColorPickerSwatch, {
+      className: "aurora-cursor-pointer",
       size: "small",
       onClick: handleOnClick,
       key: "".concat(variable, "-").concat(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;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;AACA;AACA;"}

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

@@ -7,7 +7,7 @@ import { ErrorList } from '../../error_list/error_list.js';
 import { Control } from '../../control/control.js';
 import { Select } from '../../select/select.js';
 
-var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
+var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
 var SelectControl = function SelectControl(_ref) {
   var options = _ref.options,
     id = _ref.id,
@@ -21,7 +21,7 @@ var SelectControl = function SelectControl(_ref) {
     hasClearValueButton = _ref.hasClearValueButton,
     errors = _ref.errors,
     disabled = _ref.disabled,
-    value = _ref.value,
+    defaultValue = _ref.defaultValue,
     onValueChange = _ref.onValueChange,
     onScroll = _ref.onScroll,
     innerAdditionalContent = _ref.innerAdditionalContent,
@@ -36,6 +36,7 @@ var SelectControl = function SelectControl(_ref) {
   }, label)) : null, /*#__PURE__*/React.createElement(Select, _objectSpread2({
     id: id,
     name: name,
+    defaultValue: defaultValue,
     options: options,
     disabled: disabled,
     placeholder: placeholder,
@@ -44,7 +45,6 @@ var SelectControl = function SelectControl(_ref) {
     innerAdditionalContent: innerAdditionalContent,
     hasClearValueButton: hasClearValueButton,
     errors: errors,
-    value: value,
     onValueChange: onValueChange,
     onScroll: onScroll
   }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {

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

@@ -1,81 +1,89 @@
-import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useRef, useState } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { Portal, Content, Viewport as Viewport$1 } from '@radix-ui/react-select';
-import { Root, Viewport, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
+import { Input } from '../../input/input.js';
+import { Portal, Content, Viewport } from '@radix-ui/react-select';
+import { Root, Viewport as Viewport$1, Scrollbar, Thumb } from '../../../../../../external/@radix-ui/react-scroll-area/dist/index.mjs.js';
+import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
 import { SelectGroupLabel } from './select_group_label.js';
 import { SelectItem } from './select_item.js';
-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 _excluded = ["className", "options", "selectedValue", "hasSearch", "searchPlaceholder", "filterTerm", "setFilterTerm", "innerAdditionalContent", "triggerWidth", "position", "onScroll"];
 var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     options = _ref.options,
+    selectedValue = _ref.selectedValue,
     hasSearch = _ref.hasSearch,
     searchPlaceholder = _ref.searchPlaceholder,
-    search = _ref.search,
-    onSearch = _ref.onSearch,
+    filterTerm = _ref.filterTerm,
+    setFilterTerm = _ref.setFilterTerm,
     innerAdditionalContent = _ref.innerAdditionalContent,
+    triggerWidth = _ref.triggerWidth,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'popper' : _ref$position,
     onScroll = _ref.onScroll,
-    enableLocalSearch = _ref.enableLocalSearch,
-    localSearchNotFoundContent = _ref.localSearchNotFoundContent,
     props = _objectWithoutProperties(_ref, _excluded);
-  var localSearchVisibleItems = 0;
+  var inputRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovered = _useState2[0],
+    setIsHovered = _useState2[1];
   return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.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
+    style: {
+      width: triggerWidth ? "".concat(triggerWidth, "px") : 'auto'
+    },
+    className: cn('aurora-relative aurora-z-[1000] aurora-max-h-96 aurora-min-w-[fit-content] 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', 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,
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovered(false);
+    }
   }, props), /*#__PURE__*/React.createElement(Root, {
     type: "auto",
     className: "aurora-w-full aurora-max-h-60 relative"
   }, /*#__PURE__*/React.createElement(Viewport, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(Viewport$1, {
     className: cn('aurora-p-1 aurora-max-h-60 aurora-w-full'),
     onScroll: onScroll
   }, hasSearch && (/*#__PURE__*/React.createElement("div", {
     className: "aurora-p-2"
-  }, /*#__PURE__*/React.createElement(SelectSearch, {
-    value: search,
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    preElement: /*#__PURE__*/React.createElement(SearchLineIcon, {
+      className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
+    }),
+    value: filterTerm,
+    tabIndex: 0,
     onChange: function onChange(e) {
       e.stopPropagation();
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(e.target.value);
+      setFilterTerm === null || setFilterTerm === void 0 ? void 0 : setFilterTerm(e.target.value);
     },
     onKeyDown: function onKeyDown(e) {
       e.stopPropagation();
     },
     placeholder: searchPlaceholder,
-    options: options
-  }))), /*#__PURE__*/React.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;
-    if (enableLocalSearch && hasSearch && search && !option.isHeader) {
-      visible = SelectUtils.localSearchIsOptionVisible(option, search);
-      if (visible) localSearchVisibleItems++;
-    }
-    if (enableLocalSearch && hasSearch && search && option.isHeader) {
-      visible = SelectUtils.localSearchIsHeaderVisible(search, options, index);
-    }
+    ref: inputRef
+  }))), options === null || options === void 0 ? void 0 : options.map(function (option, index) {
+    var isSelected = selectedValue ? option.value === selectedValue : false;
     return option.isHeader ? (/*#__PURE__*/React.createElement(SelectGroupLabel, {
-      key: "select-label-".concat(option.text, "-").concat(index),
-      className: cn(!visible && 'aurora-hidden')
+      key: "select-label-".concat(option.text, "-").concat(index)
     }, option.text)) : (/*#__PURE__*/React.createElement(SelectItem, {
       key: "select-item-".concat(option.value, "-").concat(index),
-      value: option.value,
+      value: "".concat(option.value, "-").concat(index),
+      isSelected: isSelected,
       isDisabled: option.isDisabled,
       isReadonly: option.isReadonly,
-      additionalInfo: option.additionalInfo,
-      className: cn(!visible && 'aurora-hidden')
+      additionalInfo: option.additionalInfo
     }, option.text));
-  })), enableLocalSearch && !!localSearchNotFoundContent && !!search && !localSearchVisibleItems && (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-p-2"
-  }, localSearchNotFoundContent)), innerAdditionalContent && /*#__PURE__*/React.createElement("div", {
+  }), innerAdditionalContent && /*#__PURE__*/React.createElement("div", {
     className: "aurora-p-2"
-  }, innerAdditionalContent)), /*#__PURE__*/React.createElement(Scrollbar, {
+  }, innerAdditionalContent))), /*#__PURE__*/React.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')
+    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', _defineProperty(_defineProperty(_defineProperty({}, 'aurora-pt-16', hasSearch), 'aurora-opacity-75', isHovered), 'aurora-opacity-0', !isHovered))
   }, /*#__PURE__*/React.createElement(Thumb, {
     className: "aurora-bg-neutral-700 aurora-rounded-full"
   })))));

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,iDAAiD,0EAA8E;AAC/H;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,0EAA8E;AAC7I;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/components/select_group_label.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
-import { TBoxProps } from "../../box/box_types";
+import { TDividerProps } from "../../divider/divider_types";
 export declare const SelectGroupLabel: {
-    ({ children, ...props }: PropsWithChildren<TBoxProps>): React.JSX.Element;
+    ({ children, ...props }: PropsWithChildren<TDividerProps>): React.JSX.Element;
     displayName: string;
 };

package/build/esm/packages/aurora/src/components/select/components/select_group_label.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.createElement(Box, {
     paddings: {
       pl: '2',
       pt: '2',
       pb: '2',
       pr: '0'
     }
-  }, props), /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(Stack, {
     align: "center",
     spacing: "2.5"
   }, /*#__PURE__*/React.createElement(Typography, {
-    className: "aurora-whitespace-nowrap first-letter:aurora-uppercase",
+    className: "aurora-whitespace-nowrap",
     size: "s",
     color: "subtle",
     weight: "bold"
-  }, children), /*#__PURE__*/React.createElement(Divider, null)));
+  }, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
 };
 SelectGroupLabel.displayName = 'SelectGroupLabel';
 

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

@@ -2,32 +2,28 @@ import React 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';
+import { Item, ItemText } from '@radix-ui/react-select';
 
-var _excluded = ["children", "className", "isDisabled", "isReadonly", "additionalInfo"];
+var _excluded = ["children", "className", "isDisabled", "isReadonly", "isSelected", "additionalInfo"];
 var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     isDisabled = _ref.isDisabled,
     isReadonly = _ref.isReadonly,
+    isSelected = _ref.isSelected,
     additionalInfo = _ref.additionalInfo,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.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-bg-hover focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover data-[state=checked]:aurora-bg-hover data-[state=checked]:aurora-font-semibold', {
-      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly
+    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-sm aurora-outline-none active:aurora-bg-active focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 hover:aurora-bg-hover', {
+      'aurora-cursor-pointer active:aurora-bg-active': !isDisabled && !isReadonly,
+      'aurora-bg-hover aurora-font-semibold': isSelected
     }, className),
-    style: {
-      wordBreak: 'break-word'
-    },
     disabled: isDisabled || isReadonly
   }, props), {}, {
-    ref: ref,
-    onPointerMove: function onPointerMove(e) {
-      e.preventDefault();
-    }
-  }), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckLineIcon, {
+    ref: ref
+  }), isSelected && /*#__PURE__*/React.createElement(CheckLineIcon, {
     className: "aurora-h-5 aurora-w-5 -aurora-ml-7 aurora-mr-2"
-  })), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "aurora-flex aurora-flex-col"
   }, /*#__PURE__*/React.createElement(ItemText, null, children), !!additionalInfo && /*#__PURE__*/React.createElement("p", {
     className: "aurora-text-xs aurora-text-subtle-light"

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

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

@@ -4,25 +4,22 @@ 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 _excluded = ["className", "hasError", "children"];
 var SelectTrigger = /*#__PURE__*/React.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({
     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 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', {
+    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:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-line-clamp-1 focus:aurora-border-active focus:aurora-border-2 active:aurora-border-active active:aurora-border-2', {
       '!aurora-border-danger aurora-border-2': hasError
     }, className)
-  }, props), children, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-flex-none aurora-items-center"
-  }, clearValueButton, /*#__PURE__*/React.createElement(Icon, {
+  }, props), children, /*#__PURE__*/React.createElement(Icon, {
     asChild: true
   }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
     className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
-  }))));
+  })));
 });
 SelectTrigger.displayName = Trigger.displayName;
 

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import * as SelectPrimitive from '@radix-ui/react-select';
+export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,6 @@
+import { Value } from '@radix-ui/react-select';
+
+var SelectValue = Value;
+
+export { SelectValue };
+//# sourceMappingURL=select_value.js.map

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

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

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

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } 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;
+    ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, errors, onValueChange, onScroll, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
     displayName: string | undefined;
 };