@dreamcommerce/aurora 3.0.0-79 → 3.0.0-80

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

@@ -0,0 +1,86 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+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 { MultiSelectItem } from './multiselect_item.js';
+import { MultiSelectGroup } from './multiselect_group.js';
+
+var _excluded = ["options", "isGrouped", "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,
+    hasSearch = _ref.hasSearch,
+    searchPlaceholder = _ref.searchPlaceholder,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(''),
+    _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]);
+  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), {}, {
+    ref: ref,
+    style: {
+      width: "".concat(triggerWidth, "px")
+    }
+  }), hasSearch && (/*#__PURE__*/React.createElement("div", {
+    className: "aurora-p-2"
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    preElement: /*#__PURE__*/React.createElement(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.createElement(MultiSelectGroup, {
+      key: group.label,
+      group: group,
+      selectedOptions: selectedOptions,
+      toggleOption: toggleOption
+    });
+  }) : filteredOptions.map(function (option) {
+    return /*#__PURE__*/React.createElement(MultiSelectItem, {
+      key: option.value,
+      option: option,
+      isSelected: selectedOptions.some(function (selected) {
+        return selected.value === option.value;
+      }),
+      toggleOption: toggleOption
+    });
+  }));
+});
+MultiSelectContent.displayName = 'MultiSelectContent';
+
+export { MultiSelectContent };
+//# sourceMappingURL=multiselect_content.js.map

package/build/esm/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;"}

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

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

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

@@ -0,0 +1,32 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Group } from '@radix-ui/react-dropdown-menu';
+import { MultiSelectGroupLabel } from './multiselect_group_label.js';
+import { MultiSelectItem } from './multiselect_item.js';
+
+var _excluded = ["group", "selectedOptions", "toggleOption", "className"];
+var MultiSelectGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var group = _ref.group,
+    selectedOptions = _ref.selectedOptions,
+    toggleOption = _ref.toggleOption,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Group, _objectSpread2({
+    ref: ref,
+    className: cn('aurora-flex aurora-flex-col aurora-gap-1', className)
+  }, props), /*#__PURE__*/React.createElement(MultiSelectGroupLabel, null, group.label), group.options.map(function (option) {
+    return /*#__PURE__*/React.createElement(MultiSelectItem, {
+      key: option.value,
+      option: option,
+      isSelected: selectedOptions.some(function (selected) {
+        return selected.value === option.value;
+      }),
+      toggleOption: toggleOption
+    });
+  }));
+});
+MultiSelectGroup.displayName = 'MultiSelectGroup';
+
+export { MultiSelectGroup };
+//# sourceMappingURL=multiselect_group.js.map

package/build/esm/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;"}

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

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

package/build/esm/packages/aurora/src/components/multiselect/components/multiselect_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 MultiSelectGroupLabel = function MultiSelectGroupLabel(_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))));
+};
+MultiSelectGroupLabel.displayName = 'MultiSelectGroupLabel';
+
+export { MultiSelectGroupLabel };
+//# sourceMappingURL=multiselect_group_label.js.map

package/build/esm/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;"}

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

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

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

@@ -0,0 +1,39 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Item } from '@radix-ui/react-dropdown-menu';
+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 MultiSelectItem = /*#__PURE__*/React.forwardRef(function (_ref) {
+  var option = _ref.option,
+    isSelected = _ref.isSelected,
+    toggleOption = _ref.toggleOption,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleSelect = function handleSelect(event) {
+    event.preventDefault();
+    toggleOption(option);
+  };
+  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
+    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)
+  }, props), /*#__PURE__*/React.createElement(Box, {
+    align: "center",
+    spacing: "2",
+    backgroundColor: "transparent"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: isSelected
+  }), /*#__PURE__*/React.createElement(Typography, {
+    size: "s",
+    weight: "medium"
+  }, option.label)));
+});
+MultiSelectItem.displayName = 'MultiSelectItem';
+
+export { MultiSelectItem };
+//# sourceMappingURL=multiselect_item.js.map

package/build/esm/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;"}

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

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

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

@@ -0,0 +1,28 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Trigger } from '@radix-ui/react-dropdown-menu';
+
+var _excluded = ["selectedOptions", "placeholder", "hasErrors", "className"];
+var MultiSelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var selectedOptions = _ref.selectedOptions,
+    placeholder = _ref.placeholder,
+    hasErrors = _ref.hasErrors,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Trigger, _objectSpread2(_objectSpread2({
+    asChild: true
+  }, props), {}, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement("button", {
+    className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus: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';
+
+export { MultiSelectTrigger };
+//# sourceMappingURL=multiselect_trigger.js.map

package/build/esm/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;"}

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

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

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

@@ -0,0 +1,73 @@
+import React, { useRef, useEffect } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+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 MultiSelect = /*#__PURE__*/React.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 = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selectedOptions = _React$useState2[0],
+    setSelectedOptions = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    triggerWidth = _React$useState4[0],
+    settriggerWidth = _React$useState4[1];
+  var triggerRef = useRef(null);
+  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);
+    };
+  }, []);
+  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(_toConsumableArray(prev), [option]);
+    });
+  };
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({}, props), /*#__PURE__*/React.createElement(MultiSelectTrigger, {
+    id: id,
+    selectedOptions: selectedOptions,
+    placeholder: placeholder,
+    disabled: disabled,
+    ref: triggerRef,
+    hasErrors: hasErrors
+  }), /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(MultiSelectContent, {
+    options: options,
+    isGrouped: isGrouped,
+    selectedOptions: selectedOptions,
+    toggleOption: toggleOption,
+    triggerWidth: triggerWidth,
+    hasSearch: hasSearch,
+    searchPlaceholder: searchPlaceholder
+  })));
+});
+MultiSelect.displayName = 'MultiSelect';
+
+export { MultiSelect };
+//# sourceMappingURL=multiselect.js.map

package/build/esm/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;"}

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

@@ -0,0 +1,45 @@
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import React from 'react';
+export declare type Option = {
+    value: string;
+    label: string;
+};
+export declare type OptionGroup = {
+    label: string;
+    options: Option[];
+};
+export interface TMultiSelectProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Root> {
+    id?: string;
+    options: Option[] | OptionGroup[];
+    isGrouped?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    hasSearch?: boolean;
+    searchPlaceholder?: string;
+    hasErrors?: boolean;
+    onValueChange?: (selectedOption: Option[]) => void;
+}
+export interface TMultiSelectTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Trigger> {
+    selectedOptions: Option[];
+    placeholder?: string;
+    hasErrors?: boolean;
+}
+export interface TMultiSelectContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenu.Content> {
+    options: Option[] | OptionGroup[];
+    isGrouped?: boolean;
+    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;
+}

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

@@ -0,0 +1,3 @@
+import '@radix-ui/react-dropdown-menu';
+import 'react';
+//# sourceMappingURL=multiselect_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect_types.js","sourceRoot":"","sources":["../../../../../../../src/components/multiselect/multiselect_types.ts"],"names":[],"mappings":"AAAA,OAA8B,+BAA+B,CAAC;AAE9D,OAAkB,OAAO,CAAC"}

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

@@ -95,7 +95,9 @@ export { CheckboxControl } from './components/controls/checkbox_control/checkbox
 export { Select } from "./components/select/select";
 export { SelectControl } from './components/controls/select_control/select_control';
 export { RadioGroup } from "./components/radio_group/radio_group";
-export { RadioGroupControl } from "./components/controls/radio_group_control/radio_group_control";
+export { RadioGroupControl } from './components/controls/radio_group_control/radio_group_control';
+export { MultiSelect } from "./components/multiselect/multiselect";
+export { MultiSelectControl } from './components/controls/multiselect_control/multiselect_control';
 export { TextArea } from "./components/text_area/text_area";
 export { TextAreaControl } from "./components/controls/text_area_control/text_area_control";
 export { ControlsGroup } from "./components/controls/controls_group/controls_group";

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

@@ -92,6 +92,8 @@ export { Select } from './components/select/select.js';
 export { SelectControl } from './components/controls/select_control/select_control.js';
 export { RadioGroup } from './components/radio_group/radio_group.js';
 export { RadioGroupControl } from './components/controls/radio_group_control/radio_group_control.js';
+export { MultiSelect } from './components/multiselect/multiselect.js';
+export { MultiSelectControl } from './components/controls/multiselect_control/multiselect_control.js';
 export { TextArea } from './components/text_area/text_area.js';
 export { TextAreaControl } from './components/controls/text_area_control/text_area_control.js';
 export { ControlsGroup } from './components/controls/controls_group/controls_group.js';

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

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