@dreamcommerce/aurora 3.0.0-79 → 3.0.0-80

package/build/cjs/packages/aurora/src/components/accordion/components/accordion_trigger.js

@@ -21,9 +21,7 @@ var AccordionTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var accordionContext = React.useContext(accordion_context.AccordionContext);
   return /*#__PURE__*/React.createElement(AccordionPrimitive.Header, {
-    className:
-    // 'aurora-border-t last:aurora-border-b last:border-t-0 data-[state=open]:aurora-border-b-0 group-[&:not(:first-of-type)]:aurora-border-t-0',
-    cn.cn(_rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
+    className: cn.cn(_rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
   }, /*#__PURE__*/React.createElement(AccordionPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     className: cn.cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)

package/build/cjs/packages/aurora/src/components/accordion/components/accordion_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;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;"}

package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js

@@ -25,7 +25,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     id: id,
     name: name,
     ref: ref,
-    className: cn.cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
+    className: cn.cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-bg-neutral-0 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
       'aurora-border-danger aurora-border-2': errors && errors.length > 0,
       'disabled:aurora-cursor-not-allowed': disabled,
       '!aurora-bg-active': disabled && checked

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

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var label = require('../../label/label.js');
+var helper_text = require('../../helper_text/helper_text.js');
+var error_list = require('../../error_list/error_list.js');
+var control = require('../../control/control.js');
+var multiselect = require('../../multiselect/multiselect.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange"];
+var MultiSelectControl = function MultiSelectControl(_ref) {
+  var id = _ref.id,
+    options = _ref.options,
+    isGrouped = _ref.isGrouped,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    label$1 = _ref.label,
+    helperText = _ref.helperText,
+    tooltip = _ref.tooltip,
+    errors = _ref.errors,
+    onValueChange = _ref.onValueChange,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
+    classname: "aurora-flex-col"
+  }, label$1 && (/*#__PURE__*/React__default['default'].createElement(label.Label, {
+    htmlFor: id,
+    className: "aurora-pb-1 aurora-text",
+    tooltip: tooltip
+  }, label$1)), /*#__PURE__*/React__default['default'].createElement(multiselect.MultiSelect, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    options: options,
+    isGrouped: isGrouped,
+    placeholder: placeholder,
+    disabled: disabled,
+    onValueChange: onValueChange
+  }, props)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
+    errors: errors
+  }));
+};
+MultiSelectControl.displayName = 'MultiSelectControl';
+
+exports.MultiSelectControl = MultiSelectControl;
+//# sourceMappingURL=multiselect_control.js.map

package/build/cjs/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map

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

package/build/cjs/packages/aurora/src/components/divider/divider.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
 var divider_constants = require('./divider_constants.js');
 var divider_variants = require('./divider_variants.js');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -34,7 +34,7 @@ var Divider = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     ref: ref,
     decorative: decorative,
     orientation: orientation,
-    className: cn.cn('aurora-shrink-0', divider_variants.dividerVariants({
+    className: cn.cn('aurora-shrink-0 aurora-grow', divider_variants.dividerVariants({
       variant: variant,
       thickness: thickness,
       orientation: orientation

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

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var input = require('../../input/input.js');
+var search_icon = require('../../../assets/icons/search_icon.js');
+var multiselect_item = require('./multiselect_item.js');
+var multiselect_group = require('./multiselect_group.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["options", "isGrouped", "selectedOptions", "toggleOption", "triggerWidth", "hasSearch", "searchPlaceholder", "className"];
+var MultiSelectContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var options = _ref.options,
+    isGrouped = _ref.isGrouped,
+    selectedOptions = _ref.selectedOptions,
+    toggleOption = _ref.toggleOption,
+    triggerWidth = _ref.triggerWidth,
+    hasSearch = _ref.hasSearch,
+    searchPlaceholder = _ref.searchPlaceholder,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__default['default'].useState(''),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    searchTerm = _React$useState2[0],
+    setSearchTerm = _React$useState2[1];
+  var filteredOptions = React__default['default'].useMemo(function () {
+    var lowercasedSearchTerm = searchTerm.toLowerCase();
+    if (isGrouped) {
+      return options.map(function (group) {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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]);
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    className: cn.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), {}, {
+    ref: ref,
+    style: {
+      width: "".concat(triggerWidth, "px")
+    }
+  }), hasSearch && (/*#__PURE__*/React__default['default'].createElement("div", {
+    className: "aurora-p-2"
+  }, /*#__PURE__*/React__default['default'].createElement(input.Input, {
+    type: "text",
+    preElement: /*#__PURE__*/React__default['default'].createElement(search_icon.SearchLineIcon, {
+      className: "aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light"
+    }),
+    value: searchTerm,
+    tabIndex: 0,
+    onChange: function onChange(e) {
+      e.stopPropagation();
+      setSearchTerm(e.target.value);
+    },
+    onKeyDown: function onKeyDown(e) {
+      e.stopPropagation();
+    },
+    placeholder: searchPlaceholder
+  }))), isGrouped ? filteredOptions.map(function (group) {
+    return /*#__PURE__*/React__default['default'].createElement(multiselect_group.MultiSelectGroup, {
+      key: group.label,
+      group: group,
+      selectedOptions: selectedOptions,
+      toggleOption: toggleOption
+    });
+  }) : filteredOptions.map(function (option) {
+    return /*#__PURE__*/React__default['default'].createElement(multiselect_item.MultiSelectItem, {
+      key: option.value,
+      option: option,
+      isSelected: selectedOptions.some(function (selected) {
+        return selected.value === option.value;
+      }),
+      toggleOption: toggleOption
+    });
+  }));
+});
+MultiSelectContent.displayName = 'MultiSelectContent';
+
+exports.MultiSelectContent = MultiSelectContent;
+//# sourceMappingURL=multiselect_content.js.map

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_content.js.map

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

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_group.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var multiselect_group_label = require('./multiselect_group_label.js');
+var multiselect_item = require('./multiselect_item.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["group", "selectedOptions", "toggleOption", "className"];
+var MultiSelectGroup = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var group = _ref.group,
+    selectedOptions = _ref.selectedOptions,
+    toggleOption = _ref.toggleOption,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Group, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: cn.cn('aurora-flex aurora-flex-col aurora-gap-1', className)
+  }, props), /*#__PURE__*/React__default['default'].createElement(multiselect_group_label.MultiSelectGroupLabel, null, group.label), group.options.map(function (option) {
+    return /*#__PURE__*/React__default['default'].createElement(multiselect_item.MultiSelectItem, {
+      key: option.value,
+      option: option,
+      isSelected: selectedOptions.some(function (selected) {
+        return selected.value === option.value;
+      }),
+      toggleOption: toggleOption
+    });
+  }));
+});
+MultiSelectGroup.displayName = 'MultiSelectGroup';
+
+exports.MultiSelectGroup = MultiSelectGroup;
+//# sourceMappingURL=multiselect_group.js.map

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_group.js.map

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

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_group_label.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var stack = require('../../stack/stack.js');
+var box = require('../../box/box.js');
+var typography = require('../../typography/typography.js');
+var divider = require('../../divider/divider.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children"];
+var MultiSelectGroupLabel = function MultiSelectGroupLabel(_ref) {
+  var children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(box.Box, {
+    paddings: {
+      pl: '2',
+      pt: '2',
+      pb: '2',
+      pr: '0'
+    }
+  }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    align: "center",
+    spacing: "2.5"
+  }, /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    className: "aurora-whitespace-nowrap",
+    size: "s",
+    color: "subtle",
+    weight: "bold"
+  }, children), /*#__PURE__*/React__default['default'].createElement(divider.Divider, _rollupPluginBabelHelpers.objectSpread2({}, props))));
+};
+MultiSelectGroupLabel.displayName = 'MultiSelectGroupLabel';
+
+exports.MultiSelectGroupLabel = MultiSelectGroupLabel;
+//# sourceMappingURL=multiselect_group_label.js.map

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_group_label.js.map

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

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var box = require('../../box/box.js');
+var typography = require('../../typography/typography.js');
+var checkbox = require('../../checkbox/checkbox.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["option", "isSelected", "toggleOption", "className"];
+var MultiSelectItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref) {
+  var option = _ref.option,
+    isSelected = _ref.isSelected,
+    toggleOption = _ref.toggleOption,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var handleSelect = function handleSelect(event) {
+    event.preventDefault();
+    toggleOption(option);
+  };
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
+    onSelect: handleSelect,
+    className: cn.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)
+  }, props), /*#__PURE__*/React__default['default'].createElement(box.Box, {
+    align: "center",
+    spacing: "2",
+    backgroundColor: "transparent"
+  }, /*#__PURE__*/React__default['default'].createElement(checkbox.Checkbox, {
+    checked: isSelected
+  }), /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
+    size: "s",
+    weight: "medium"
+  }, option.label)));
+});
+MultiSelectItem.displayName = 'MultiSelectItem';
+
+exports.MultiSelectItem = MultiSelectItem;
+//# sourceMappingURL=multiselect_item.js.map

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_item.js.map

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

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["selectedOptions", "placeholder", "hasErrors", "className"];
+var MultiSelectTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var selectedOptions = _ref.selectedOptions,
+    placeholder = _ref.placeholder,
+    hasErrors = _ref.hasErrors,
+    className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    asChild: true
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React__default['default'].createElement("button", {
+    className: cn.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': hasErrors
+    }, className)
+  }, selectedOptions.length > 0 ? selectedOptions.map(function (option) {
+    return option.label;
+  }).join(', ') : placeholder !== null && placeholder !== void 0 ? placeholder : ''));
+});
+MultiSelectTrigger.displayName = 'MultiSelectTrigger';
+
+exports.MultiSelectTrigger = MultiSelectTrigger;
+//# sourceMappingURL=multiselect_trigger.js.map

package/build/cjs/packages/aurora/src/components/multiselect/components/multiselect_trigger.js.map

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

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

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var multiselect_content = require('./components/multiselect_content.js');
+var multiselect_trigger = require('./components/multiselect_trigger.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "options", "isGrouped", "placeholder", "disabled", "hasSearch", "searchPlaceholder", "hasErrors", "onValueChange"];
+var MultiSelect = /*#__PURE__*/React__default['default'].forwardRef(function (_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,
+    searchPlaceholder = _ref.searchPlaceholder,
+    hasErrors = _ref.hasErrors,
+    onValueChange = _ref.onValueChange,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__default['default'].useState([]),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    selectedOptions = _React$useState2[0],
+    setSelectedOptions = _React$useState2[1];
+  var _React$useState3 = React__default['default'].useState(0),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    triggerWidth = _React$useState4[0],
+    settriggerWidth = _React$useState4[1];
+  var triggerRef = React.useRef(null);
+  React.useEffect(function () {
+    if (triggerRef.current) settriggerWidth(triggerRef.current.offsetWidth);
+    var handleResize = function handleResize() {
+      if (triggerRef.current) {
+        settriggerWidth(triggerRef.current.offsetWidth);
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  React.useEffect(function () {
+    onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(selectedOptions);
+  }, [selectedOptions]);
+  var toggleOption = function toggleOption(option) {
+    setSelectedOptions(function (prev) {
+      return prev.some(function (selected) {
+        return selected.value === option.value;
+      }) ? prev.filter(function (selected) {
+        return selected.value !== option.value;
+      }) : [].concat(_rollupPluginBabelHelpers.toConsumableArray(prev), [option]);
+    });
+  };
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({}, props), /*#__PURE__*/React__default['default'].createElement(multiselect_trigger.MultiSelectTrigger, {
+    id: id,
+    selectedOptions: selectedOptions,
+    placeholder: placeholder,
+    disabled: disabled,
+    ref: triggerRef,
+    hasErrors: hasErrors
+  }), /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(multiselect_content.MultiSelectContent, {
+    options: options,
+    isGrouped: isGrouped,
+    selectedOptions: selectedOptions,
+    toggleOption: toggleOption,
+    triggerWidth: triggerWidth,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder
+  })));
+});
+MultiSelect.displayName = 'MultiSelect';
+
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=multiselect.js.map

package/build/cjs/packages/aurora/src/components/multiselect/multiselect.js.map

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

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

@@ -96,6 +96,8 @@ var select = require('./components/select/select.js');
 var select_control = require('./components/controls/select_control/select_control.js');
 var radio_group = require('./components/radio_group/radio_group.js');
 var radio_group_control = require('./components/controls/radio_group_control/radio_group_control.js');
+var multiselect = require('./components/multiselect/multiselect.js');
+var multiselect_control = require('./components/controls/multiselect_control/multiselect_control.js');
 var text_area = require('./components/text_area/text_area.js');
 var text_area_control = require('./components/controls/text_area_control/text_area_control.js');
 var controls_group = require('./components/controls/controls_group/controls_group.js');
@@ -219,6 +221,8 @@ exports.Select = select.Select;
 exports.SelectControl = select_control.SelectControl;
 exports.RadioGroup = radio_group.RadioGroup;
 exports.RadioGroupControl = radio_group_control.RadioGroupControl;
+exports.MultiSelect = multiselect.MultiSelect;
+exports.MultiSelectControl = multiselect_control.MultiSelectControl;
 exports.TextArea = text_area.TextArea;
 exports.TextAreaControl = text_area_control.TextAreaControl;
 exports.ControlsGroup = controls_group.ControlsGroup;

package/build/cjs/packages/aurora/src/index.js.map

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

@@ -17,9 +17,7 @@ var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var accordionContext = useContext(AccordionContext);
   return /*#__PURE__*/createElement(Header, {
-    className:
-    // 'aurora-border-t last:aurora-border-b last:border-t-0 data-[state=open]:aurora-border-b-0 group-[&:not(:first-of-type)]:aurora-border-t-0',
-    cn(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
+    className: cn(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor))
   }, /*#__PURE__*/createElement(Trigger, _objectSpread2({
     ref: ref,
     className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)

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

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import React from 'react';
 export declare const ActionListRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -21,7 +21,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     id: id,
     name: name,
     ref: ref,
-    className: cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
+    className: cn('aurora-peer aurora-h-5 aurora-w-5 aurora-shrink-0 aurora-rounded-4 aurora-bg-neutral-0 aurora-border hover:aurora-border-strong focus data-[state=checked]:aurora-bg-primary', {
       'aurora-border-danger aurora-border-2': errors && errors.length > 0,
       'disabled:aurora-cursor-not-allowed': disabled,
       '!aurora-bg-active': disabled && checked

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TMultiSelectControlProps } from './multiselect_control_types';
+export declare const MultiSelectControl: React.FC<TMultiSelectControlProps>;

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Label } from '../../label/label.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+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"];
+var MultiSelectControl = function MultiSelectControl(_ref) {
+  var id = _ref.id,
+    options = _ref.options,
+    isGrouped = _ref.isGrouped,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    tooltip = _ref.tooltip,
+    errors = _ref.errors,
+    onValueChange = _ref.onValueChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col"
+  }, label && (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    className: "aurora-pb-1 aurora-text",
+    tooltip: tooltip
+  }, label)), /*#__PURE__*/React.createElement(MultiSelect, _objectSpread2({
+    id: id,
+    options: options,
+    isGrouped: isGrouped,
+    placeholder: placeholder,
+    disabled: disabled,
+    onValueChange: onValueChange
+  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }));
+};
+MultiSelectControl.displayName = 'MultiSelectControl';
+
+export { MultiSelectControl };
+//# sourceMappingURL=multiselect_control.js.map

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

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

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control_types.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TMultiSelectProps } from "../../multiselect/multiselect_types";
+export declare type TMultiSelectControlProps = TMultiSelectProps & {
+    id: string;
+    label?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    errors?: string | string[];
+};

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

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/multiselect/multiselect_types';
+//# sourceMappingURL=multiselect_control_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/multiselect_control/multiselect_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAkC,iDAAiD,CAAC"}

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

@@ -1,9 +1,9 @@
 import React 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-separator';
 import { DIVIDER_ORIENTATION } from './divider_constants.js';
 import { dividerVariants } from './divider_variants.js';
-import { Root } from '@radix-ui/react-separator';
 
 var _excluded = ["className", "orientation", "color", "thickness", "height", "maxHeight", "minHeight", "width", "maxWidth", "minWidth", "variant", "decorative"];
 var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -26,7 +26,7 @@ var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref,
     decorative: decorative,
     orientation: orientation,
-    className: cn('aurora-shrink-0', dividerVariants({
+    className: cn('aurora-shrink-0 aurora-grow', dividerVariants({
       variant: variant,
       thickness: thickness,
       orientation: orientation

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

@@ -0,0 +1,3 @@
+import { TMultiSelectContentProps } from '../multiselect_types';
+import React from 'react';
+export declare const MultiSelectContent: React.ForwardRefExoticComponent<TMultiSelectContentProps & React.RefAttributes<HTMLDivElement>>;