@dreamcommerce/aurora 3.0.0-97 → 3.0.0-99

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

@@ -12,7 +12,8 @@ var ColorPicker = function ColorPicker(_ref) {
     onChange = _ref.onChange,
     onCancel = _ref.onCancel,
     onSave = _ref.onSave,
-    isWithGradient = _ref.withGradient;
+    isWithGradient = _ref.withGradient,
+    disabled = _ref.disabled;
   var _useSetupColorPicker = useSetupColorPicker({
       colorVariables: colorVariables,
       initialColor: initialColor,
@@ -76,7 +77,8 @@ var ColorPicker = function ColorPicker(_ref) {
     id: id,
     name: name,
     colorVariables: colorVariables,
-    errors: errors
+    errors: errors,
+    disabled: disabled
   }));
 };
 

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

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

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

@@ -6,6 +6,7 @@ export interface IColorPickerPureProps {
     name?: string;
     colorVariables?: IColorPickerColorVariables;
     errors?: string | string[];
+    disabled?: boolean;
 }
 export interface IColorPickerColorVariables {
     isVisible: boolean;
@@ -28,6 +29,7 @@ export interface IColorPickerProps {
     onChange?: (color: IColorPickerColor) => void;
     onCancel?: () => void;
     onSave?: (color: IColorPickerColor) => void;
+    disabled?: boolean;
 }
 export interface IColorPickerContext {
     color: ColorPickerVariable;

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

@@ -3,6 +3,7 @@ interface IColorLabelInputProps {
     id: string;
     name?: string;
     errors?: string | string[];
+    disabled?: boolean;
 }
 export declare const ColorPickerInput: React.FC<IColorLabelInputProps>;
 export {};

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

@@ -8,7 +8,8 @@ import { useColorPicker } from '../hooks/use_color_picker.js';
 var ColorPickerInput = function ColorPickerInput(_ref) {
   var id = _ref.id,
     name = _ref.name,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled;
   var _useColorPicker = useColorPicker(),
     hex = _useColorPicker.hex,
     color = _useColorPicker.color,
@@ -25,6 +26,7 @@ var ColorPickerInput = function ColorPickerInput(_ref) {
     name: name,
     value: colorName,
     errors: errors,
+    disabled: disabled,
     readOnly: true
   });
 };

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;"}
+{"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;"}

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

@@ -11,7 +11,8 @@ import { PopoverContent } from '../../popover/components/popover_content.js';
 var ColorPickerPure = function ColorPickerPure(_ref) {
   var id = _ref.id,
     name = _ref.name,
-    errors = _ref.errors;
+    errors = _ref.errors,
+    disabled = _ref.disabled;
   var _useColorPicker = useColorPicker(),
     color = _useColorPicker.color,
     handleCancel = _useColorPicker.handleCancel,
@@ -31,7 +32,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
   }, /*#__PURE__*/React.createElement(PopoverTrigger, {
     onClick: function onClick() {
       return setIsColorPickerOpened(true);
-    }
+    },
+    disabled: disabled
   }, /*#__PURE__*/React.createElement("div", {
     className: "color-picker__input-container aurora-relative"
   }, /*#__PURE__*/React.createElement("div", {
@@ -43,7 +45,8 @@ var ColorPickerPure = function ColorPickerPure(_ref) {
   })), /*#__PURE__*/React.createElement(ColorPickerInput, {
     id: id,
     name: name,
-    errors: errors
+    errors: errors,
+    disabled: disabled
   }))), /*#__PURE__*/React.createElement(PopoverContent, {
     className: "aurora-mt-2 aurora-rounded-16 aurora-overflow-hidden"
   }, /*#__PURE__*/React.createElement(ColorPickerContent, null))));

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

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

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

@@ -23,7 +23,9 @@ var CheckboxControl = function CheckboxControl(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     onCheckedChange = _ref.onCheckedChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-items-center"
+  }, /*#__PURE__*/React.createElement(Checkbox, _objectSpread2({
     id: id,
     name: name,
     value: value,

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

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

@@ -6,7 +6,7 @@ import { ErrorList } from '../../error_list/error_list.js';
 import { Control } from '../../control/control.js';
 import { ColorPicker } from '../../color_picker/color_picker.js';
 
-var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
+var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
 var ColorPickerControl = function ColorPickerControl(_ref) {
   var label = _ref.label,
     tooltip = _ref.tooltip,
@@ -22,6 +22,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onSave = _ref.onSave,
     withGradient = _ref.withGradient,
     helperText = _ref.helperText,
+    disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
@@ -39,7 +40,8 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onChange: onChange,
     onCancel: onCancel,
     onSave: onSave,
-    withGradient: withGradient
+    withGradient: withGradient,
+    disabled: disabled
   }, rest)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }));

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

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

@@ -6,11 +6,10 @@ import { ErrorList } from '../../error_list/error_list.js';
 import { Control } from '../../control/control.js';
 import { MultiSelect } from '../../multiselect/multiselect.js';
 
-var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
+var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
 var MultiSelectControl = function MultiSelectControl(_ref) {
   var id = _ref.id,
     options = _ref.options,
-    isGrouped = _ref.isGrouped,
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
     label = _ref.label,
@@ -30,7 +29,6 @@ var MultiSelectControl = function MultiSelectControl(_ref) {
   }, label)), /*#__PURE__*/React.createElement(MultiSelect, _objectSpread2({
     id: id,
     options: options,
-    isGrouped: isGrouped,
     placeholder: placeholder,
     disabled: disabled,
     onValueChange: onValueChange

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

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

@@ -48,7 +48,6 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
       value: item.value,
       id: item.id,
       errors: !!errors,
-      required: required,
       disabled: disabled,
       label: item.label,
       helperText: item.helperText,

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

package/build/esm/packages/aurora/src/components/controls/select_control/select_control_types.d.ts

@@ -1,15 +1,9 @@
-import React, { ReactNode } from 'react';
-import { TSelectOptions, TSelectProps } from "../../select/select_types";
+import React from 'react';
+import { TSelectProps } from "../../select/select_types";
 export declare type TSelectControlProps = TSelectProps & {
-    options: TSelectOptions;
     label?: string | React.ReactNode;
     helperText?: string | React.ReactNode;
     tooltip?: string | React.ReactNode;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    hasSearch?: boolean;
-    hasClearValueButton?: boolean;
     errors?: string | string[];
-    innerAdditionalContent?: ReactNode;
     required?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"select_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/select_control/select_control_types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC;AACzC,OAA6C,uCAAuC,CAAC"}
+{"version":3,"file":"select_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/select_control/select_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,uCAAuC,CAAC"}

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

@@ -19,7 +19,7 @@ var Label = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   var content = /*#__PURE__*/createElement(Stack, {
-    align: "center",
+    align: "baseline",
     spacing: "0.5",
     inline: true,
     className: cn(labelVariants(), "".concat(disabled ? 'aurora-cursor-not-allowed aurora-text-subtle-light' : '', " ").concat(className))

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

@@ -4,13 +4,12 @@ import { cn } from '../../../utilities/cn.js';
 import { Content } from '@radix-ui/react-dropdown-menu';
 import { Input } from '../../input/input.js';
 import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
+import { MultiSelectGroupLabel } from './multiselect_group_label.js';
 import { MultiSelectItem } from './multiselect_item.js';
-import { MultiSelectGroup } from './multiselect_group.js';
 
-var _excluded = ["options", "isGrouped", "selectedOptions", "toggleOption", "triggerWidth", "hasSearch", "searchPlaceholder", "className"];
+var _excluded = ["options", "selectedOptions", "toggleOption", "triggerWidth", "hasSearch", "searchPlaceholder", "className"];
 var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var options = _ref.options,
-    isGrouped = _ref.isGrouped,
     selectedOptions = _ref.selectedOptions,
     toggleOption = _ref.toggleOption,
     triggerWidth = _ref.triggerWidth,
@@ -22,22 +21,10 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     searchTerm = _React$useState2[0],
     setSearchTerm = _React$useState2[1];
-  var filteredOptions = React.useMemo(function () {
-    var lowercasedSearchTerm = searchTerm.toLowerCase();
-    if (isGrouped) {
-      return options.map(function (group) {
-        return _objectSpread2(_objectSpread2({}, group), {}, {
-          options: group.options.filter(function (option) {
-            return option.label.toLowerCase().includes(lowercasedSearchTerm);
-          })
-        });
-      });
-    } else {
-      return options.filter(function (option) {
-        return option.label.toLowerCase().includes(lowercasedSearchTerm);
-      });
-    }
-  }, [options, searchTerm, isGrouped]);
+  var filteredOptions = options.filter(function (option) {
+    var _searchTerm$toLowerCa;
+    return option.text.toLowerCase().includes((_searchTerm$toLowerCa = searchTerm === null || searchTerm === void 0 ? void 0 : searchTerm.toLowerCase()) !== null && _searchTerm$toLowerCa !== void 0 ? _searchTerm$toLowerCa : '');
+  });
   return /*#__PURE__*/React.createElement(Content, _objectSpread2(_objectSpread2({
     className: cn("aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-mt-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-3 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", className)
   }, props), {}, {
@@ -62,22 +49,19 @@ var MultiSelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       e.stopPropagation();
     },
     placeholder: searchPlaceholder
-  }))), isGrouped ? filteredOptions.map(function (group) {
-    return /*#__PURE__*/React.createElement(MultiSelectGroup, {
-      key: group.label,
-      group: group,
-      selectedOptions: selectedOptions,
-      toggleOption: toggleOption
-    });
-  }) : filteredOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(MultiSelectItem, {
-      key: option.value,
+  }))), filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map(function (option) {
+    return option.isHeader ? (/*#__PURE__*/React.createElement(MultiSelectGroupLabel, {
+      key: option.text
+    }, option.text)) : (/*#__PURE__*/React.createElement(MultiSelectItem, {
+      key: "select-item-".concat(option.value),
       option: option,
+      isDisabled: option.isDisabled,
+      isReadonly: option.isReadonly,
       isSelected: selectedOptions.some(function (selected) {
         return selected.value === option.value;
       }),
       toggleOption: toggleOption
-    });
+    }, option.text));
   }));
 });
 MultiSelectContent.displayName = 'MultiSelectContent';

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

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

@@ -6,10 +6,12 @@ import { Box } from '../../box/box.js';
 import { Typography } from '../../typography/typography.js';
 import { Checkbox } from '../../checkbox/checkbox.js';
 
-var _excluded = ["option", "isSelected", "toggleOption", "className"];
+var _excluded = ["option", "isSelected", "isDisabled", "isReadonly", "toggleOption", "className"];
 var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var option = _ref.option,
     isSelected = _ref.isSelected,
+    isDisabled = _ref.isDisabled,
+    isReadonly = _ref.isReadonly,
     toggleOption = _ref.toggleOption,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -21,7 +23,8 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onSelect: handleSelect,
     className: cn('aurora-relative aurora-flex aurora-w-full aurora-select-none aurora-rounded-sm aurora-p-2 aurora-outline-none focus:aurora-bg-accent data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover aurora-cursor-pointer aurora-rounded-6', {
       'aurora-bg-hover': isSelected
-    }, className)
+    }, className),
+    disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
   }), /*#__PURE__*/React.createElement(Box, {
@@ -33,7 +36,7 @@ var MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }), /*#__PURE__*/React.createElement(Typography, {
     size: "s",
     weight: "medium"
-  }, option.label)));
+  }, option.text)));
 });
 MultiSelectItem.displayName = 'MultiSelectItem';
 

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

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

@@ -19,7 +19,7 @@ var MultiSelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       '!aurora-border-danger aurora-border-2': hasErrors
     }, className)
   }, selectedOptions.length > 0 ? selectedOptions.map(function (option) {
-    return option.label;
+    return option.text;
   }).join(', ') : placeholder !== null && placeholder !== void 0 ? placeholder : ''));
 });
 MultiSelectTrigger.displayName = 'MultiSelectTrigger';

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

@@ -1,6 +1,6 @@
 import { TMultiSelectProps } from './multiselect_types';
 import React, { PropsWithChildren } from 'react';
 export declare const MultiSelect: {
-    ({ id, options, isGrouped, placeholder, disabled, hasSearch, searchPlaceholder, hasErrors, onValueChange, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
+    ({ id, options, placeholder, disabled, hasSearch, searchPlaceholder, hasErrors, onValueChange, ...props }: PropsWithChildren<TMultiSelectProps>): React.JSX.Element;
     displayName: string;
 };

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

@@ -4,12 +4,10 @@ import { Root, Portal } from '@radix-ui/react-dropdown-menu';
 import { MultiSelectContent } from './components/multiselect_content.js';
 import { MultiSelectTrigger } from './components/multiselect_trigger.js';
 
-var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
+var _excluded = ["id", "options", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
 var MultiSelect = function MultiSelect(_ref) {
   var id = _ref.id,
     options = _ref.options,
-    _ref$isGrouped = _ref.isGrouped,
-    isGrouped = _ref$isGrouped === void 0 ? false : _ref$isGrouped,
     placeholder = _ref.placeholder,
     disabled = _ref.disabled,
     hasSearch = _ref.hasSearch,
@@ -59,7 +57,6 @@ var MultiSelect = function MultiSelect(_ref) {
     hasErrors: hasErrors
   }), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(MultiSelectContent, {
     options: options,
-    isGrouped: isGrouped,
     selectedOptions: selectedOptions,
     toggleOption: toggleOption,
     triggerWidth: triggerWidth,

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

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

@@ -1,17 +1,16 @@
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import React from 'react';
 export declare type Option = {
+    text: string;
     value: string;
-    label: string;
-};
-export declare type OptionGroup = {
-    label: string;
-    options: Option[];
+    additionalInfo?: string;
+    isHeader?: boolean;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
 };
 export interface TMultiSelectProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Root> {
     id?: string;
-    options: Option[] | OptionGroup[];
-    isGrouped?: boolean;
+    options: Option[];
     placeholder?: string;
     disabled?: boolean;
     hasSearch?: boolean;
@@ -25,21 +24,17 @@ export interface TMultiSelectTriggerProps extends React.ComponentPropsWithoutRef
     hasErrors?: boolean;
 }
 export interface TMultiSelectContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Content> {
-    options: Option[] | OptionGroup[];
-    isGrouped?: boolean;
+    options: Option[];
     selectedOptions: Option[];
     toggleOption: (option: Option) => void;
     triggerWidth?: number;
     hasSearch?: boolean;
     searchPlaceholder?: string;
 }
-export interface TMultiSelectGroupProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Group> {
-    group: OptionGroup;
-    selectedOptions: Option[];
-    toggleOption: (option: Option) => void;
-}
 export interface TMultiSelectItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Item> {
     option: Option;
     isSelected: boolean;
     toggleOption: (option: Option) => void;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
 }

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js

@@ -19,14 +19,14 @@ var RadioGroupItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/createElement("div", {
-    className: "aurora-flex aurora-gap-2"
+    className: "aurora-flex aurora-items-center aurora-gap-2"
   }, /*#__PURE__*/createElement(Item, _objectSpread2({
     id: id,
     ref: ref,
     value: value,
     disabled: disabled,
     required: required,
-    className: cn('aurora-h-5 aurora-w-5 aurora-rounded-full aurora-border focus data-[state=checked]:aurora-bg-primary', {
+    className: cn('aurora-shrink-0 aurora-h-5 aurora-w-5 aurora-rounded-full aurora-border focus data-[state=checked]:aurora-bg-primary', {
       '!aurora-bg-active aurora-cursor-not-allowed': disabled,
       '!aurora-bg-neutral-0 aurora-border-danger aurora-border-2': errors
     }, className)
@@ -40,6 +40,7 @@ var RadioGroupItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     htmlFor: id,
     disabled: disabled,
     tooltip: tooltip,
+    required: required,
     className: "aurora-text"
   }, label)), helperText && /*#__PURE__*/createElement(HelperText, null, helperText)));
 });

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_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;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;"}

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

@@ -1,3 +1,3 @@
-import React from 'react';
 import { TSelectContentProps } from '../select_types';
+import React from 'react';
 export declare const SelectContent: React.ForwardRefExoticComponent<TSelectContentProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -4,6 +4,7 @@ import { cn } from '../../../utilities/cn.js';
 import { Input } from '../../input/input.js';
 import { Portal, Content, Viewport } from '@radix-ui/react-select';
 import { SearchLineIcon } from '../../../assets/icons/search_icon.js';
+import { SelectGroupLabel } from './select_group_label.js';
 import { SelectItem } from './select_item.js';
 
 var _excluded = ["className", "options", "position", "hasSearch", "searchPlaceholder", "innerAdditionalContent", "filterTerm", "setFilterTerm"];
@@ -21,7 +22,7 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputRef = useRef(null);
   var filteredOptions = options.filter(function (option) {
     var _filterTerm$toLowerCa;
-    return option.label.toLowerCase().includes((_filterTerm$toLowerCa = filterTerm === null || filterTerm === void 0 ? void 0 : filterTerm.toLowerCase()) !== null && _filterTerm$toLowerCa !== void 0 ? _filterTerm$toLowerCa : '');
+    return option.text.toLowerCase().includes((_filterTerm$toLowerCa = filterTerm === null || filterTerm === void 0 ? void 0 : filterTerm.toLowerCase()) !== null && _filterTerm$toLowerCa !== void 0 ? _filterTerm$toLowerCa : '');
   });
   useEffect(function () {
     requestAnimationFrame(function () {
@@ -55,11 +56,15 @@ var SelectContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     },
     placeholder: searchPlaceholder,
     ref: inputRef
-  }))), filteredOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(SelectItem, {
+  }))), filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map(function (option, index) {
+    return option.isHeader ? (/*#__PURE__*/React.createElement(SelectGroupLabel, {
+      key: option.text
+    }, option.text)) : (/*#__PURE__*/React.createElement(SelectItem, {
       key: "select-item-".concat(option.value),
-      value: option.value
-    }, option.label);
+      value: option.value,
+      isDisabled: option.isDisabled,
+      isReadonly: option.isReadonly
+    }, option.text));
   }))));
 });
 SelectContent.displayName = Content.displayName;

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

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

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

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

@@ -0,0 +1,32 @@
+import React 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';
+import { Typography } from '../../typography/typography.js';
+import { Divider } from '../../divider/divider.js';
+
+var _excluded = ["children"];
+var SelectGroupLabel = function SelectGroupLabel(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Box, {
+    paddings: {
+      pl: '2',
+      pt: '2',
+      pb: '2',
+      pr: '0'
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    align: "center",
+    spacing: "2.5"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "aurora-whitespace-nowrap",
+    size: "s",
+    color: "subtle",
+    weight: "bold"
+  }, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
+};
+SelectGroupLabel.displayName = 'SelectGroupLabel';
+
+export { SelectGroupLabel };
+//# sourceMappingURL=select_group_label.js.map

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

@@ -1,3 +1,3 @@
-import * as SelectPrimitive from '@radix-ui/react-select';
 import React from 'react';
-export declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import { TSelectItemProps } from '../select_types';
+export declare const SelectItem: React.ForwardRefExoticComponent<TSelectItemProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -4,13 +4,16 @@ 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"];
+var _excluded = ["children", "className", "isDisabled", "isReadonly"];
 var SelectItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
+    isDisabled = _ref.isDisabled,
+    isReadonly = _ref.isReadonly,
     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-sm aurora-outline-none focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover', className)
+    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 focus:aurora-bg-accent focus:aurora-text-accent-foreground data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold data-[highlighted]:aurora-font-semibold data-[highlighted]:aurora-bg-hover', className),
+    disabled: isDisabled || isReadonly
   }, props), {}, {
     ref: ref
   }), /*#__PURE__*/React.createElement(ItemIndicator, {

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;"}
+{"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;"}

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

@@ -1,5 +1,5 @@
-import React, { PropsWithChildren } from 'react';
 import { TSelectProps } from './select_types';
+import React, { PropsWithChildren } from 'react';
 export declare const Select: {
     ({ children, id, defaultValue, options, disabled, placeholder, hasSearch, searchPlaceholder, hasClearValueButton, innerAdditionalContent, hasError, onValueChange, ...props }: PropsWithChildren<TSelectProps>): React.JSX.Element;
     displayName: string | undefined;