@dreamcommerce/aurora 3.0.0-113 → 3.0.0-115

package/build/cjs/packages/aurora/src/assets/icons/{close_icon.js → close_line_icon.js}

@@ -7,4 +7,4 @@ var react = require('@remixicon/react');
 var CloseLineIcon = react.RiCloseLine;
 
 exports.CloseLineIcon = CloseLineIcon;
-//# sourceMappingURL=close_icon.js.map
+//# sourceMappingURL=close_line_icon.js.map

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_content.js

@@ -21,7 +21,7 @@ var ActionListContent = /*#__PURE__*/React__default['default'].forwardRef(functi
     "data-test-el": "action-list-content",
     ref: ref,
     sideOffset: sideOffset,
-    className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-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)
+    className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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)));
 });
 ActionListContent.displayName = 'ActionListContent';

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -22,9 +22,11 @@ var ActionListRadioItem = /*#__PURE__*/React__default['default'].forwardRef(func
   return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.RadioItem, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     "data-test-el": "action-list-radio-item",
-    className: cn.cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
+    className: cn.cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
     disabled: disabled
-  }, props), /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.ItemIndicator, null, /*#__PURE__*/React__default['default'].createElement(check_fill_icon.CheckFillIcon, {
+  }, props), /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.ItemIndicator, {
+    className: "aurora-absolute aurora-left-2.5"
+  }, /*#__PURE__*/React__default['default'].createElement(check_fill_icon.CheckFillIcon, {
     size: 20,
     color: disabled ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.disabled : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base
   })), children);

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_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;"}
+{"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/action_list/components/action_list_radio_sub_trigger.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
+var cn = require('../../../utilities/cn.js');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var arrow_right_line_icon = require('../../../assets/icons/arrow_right_line_icon.js');
+var check_fill_icon = require('../../../assets/icons/check_fill_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var ActionListRadioSubTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    children = _ref.children,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubTrigger, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: cn.cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
+    "data-test-el": "action-list-sub-trigger"
+  }, props), selected ? (/*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.ItemIndicator, {
+    className: "aurora-absolute aurora-left-2.5"
+  }, /*#__PURE__*/React__default['default'].createElement(check_fill_icon.CheckFillIcon, {
+    size: 20,
+    color: disabled ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.disabled : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base
+  }))) : null, children, /*#__PURE__*/React__default['default'].createElement(arrow_right_line_icon.ArrowRightLineIcon, {
+    size: 20,
+    color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
+  }));
+});
+ActionListRadioSubTrigger.displayName = 'ActionListRadioSubTrigger';
+
+exports.ActionListRadioSubTrigger = ActionListRadioSubTrigger;
+//# sourceMappingURL=action_list_radio_sub_trigger.js.map

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_radio_sub_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;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_content.js

@@ -18,7 +18,7 @@ var ActionListSubContent = /*#__PURE__*/React__default['default'].forwardRef(fun
   return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubContent, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
-    className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] 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)
+    className: cn.cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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));
 });
 ActionListSubContent.displayName = 'ActionListSubContent';

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -8,28 +8,23 @@ var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_colo
 var cn = require('../../../utilities/cn.js');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var arrow_right_line_icon = require('../../../assets/icons/arrow_right_line_icon.js');
-var check_fill_icon = require('../../../assets/icons/check_fill_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var _excluded = ["className", "inset", "children", "disabled"];
 var ActionListSubTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     children = _ref.children,
-    selected = _ref.selected,
     disabled = _ref.disabled,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default['default'].createElement(DropdownMenuPrimitive.SubTrigger, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     className: cn.cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
     "data-test-el": "action-list-sub-trigger"
-  }, props), selected ? (/*#__PURE__*/React__default['default'].createElement(check_fill_icon.CheckFillIcon, {
-    size: 20,
-    color: disabled ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.disabled : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base
-  })) : null, children, /*#__PURE__*/React__default['default'].createElement(arrow_right_line_icon.ArrowRightLineIcon, {
+  }, props), children, /*#__PURE__*/React__default['default'].createElement(arrow_right_line_icon.ArrowRightLineIcon, {
     size: 20,
     color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }));

package/build/cjs/packages/aurora/src/components/action_list/components/action_list_sub_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;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/button/button_variants.js

@@ -8,7 +8,7 @@ var button_constants = require('./button_constants.js');
 
 var buttonVariants = index.cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
   variants: {
-    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), button_constants.BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), button_constants.BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), button_constants.BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), button_constants.BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-border-none aurora-bg-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), button_constants.BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), button_constants.BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), button_constants.BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), button_constants.BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), button_constants.BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-fill-primary aurora-border-none aurora-bg-transparent hover:aurora-fill-primary-strong hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
     size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, button_constants.BUTTON_SIZES.default, 'aurora-h-[40px]'), button_constants.BUTTON_SIZES.s, 'aurora-h-[32px]')
   },
   compoundVariants: [{

package/build/cjs/packages/aurora/src/components/color_picker/components/color_picker_header.js

@@ -6,7 +6,7 @@ var React = require('react');
 var useTranslation = require('../../../../../../external/react-i18next/dist/es/useTranslation.js');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var typography = require('../../typography/typography.js');
-var close_icon = require('../../../assets/icons/close_icon.js');
+var close_line_icon = require('../../../assets/icons/close_line_icon.js');
 var color_picker_context = require('../color_picker_context.js');
 var use_color_picker = require('../hooks/use_color_picker.js');
 
@@ -45,7 +45,7 @@ var ColorPickerHeader = function ColorPickerHeader() {
   }, "".concat(t('Select color'))), /*#__PURE__*/React__default['default'].createElement("button", {
     onClick: handleCancelButton,
     className: "color-picker__close-icon aurora-flex aurora-bg-transparent aurora-cursor-pointer"
-  }, /*#__PURE__*/React__default['default'].createElement(close_icon.CloseLineIcon, {
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, {
     className: "aurora-w-4 aurora-h-4"
   })));
 };

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('../../utilities/cn.js');
 var typography = require('../typography/typography.js');
+var close_line_icon = require('../../assets/icons/close_line_icon.js');
 var message_box_constants = require('./message_box_constants.js');
 var message_box_variants = require('./message_box_variants.js');
-var close_icon = require('../../assets/icons/close_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,7 +51,7 @@ var MessageBox = function MessageBox(_ref) {
       e.stopPropagation();
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
-  }, /*#__PURE__*/React__default['default'].createElement(close_icon.CloseLineIcon, {
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, {
     className: cn.cn('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
   })))));
 };

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

@@ -6,6 +6,7 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../../utilities/cn.js');
 var reactDom = require('react-dom');
+var use_click_outside = require('../../../../hooks/use_click_outside.js');
 var modal_constants = require('../../modal_constants.js');
 var modal_footer = require('./modal_footer.js');
 var modal_header = require('./modal_header.js');
@@ -26,7 +27,9 @@ var Modal = function Modal(_ref) {
     onCloseAction = _ref.onCloseAction,
     header = _ref.header,
     footer = _ref.footer,
-    children = _ref.children;
+    children = _ref.children,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl;
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     visibleClass = _useState2[0],
@@ -38,11 +41,18 @@ var Modal = function Modal(_ref) {
     hideModal = _useModalsContext.hideModal,
     hideAllModals = _useModalsContext.hideAllModals;
   var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
+  var modalRef = /*#__PURE__*/React__default['default'].createRef();
   var modal = getModal(name);
   var _useState3 = React.useState(false),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     renderModal = _useState4[0],
     setRenderModal = _useState4[1];
+  use_click_outside.useClickOutside({
+    refs: [modalRef],
+    callback: function callback() {
+      if (closeOnOutsideClick && (modal === null || modal === void 0 ? void 0 : modal.visibilityState) === modal_constants.MODAL_VISIBILITY_STATE.visible) hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
+    }
+  });
   React.useEffect(function () {
     addModal({
       name: name,
@@ -78,6 +88,7 @@ var Modal = function Modal(_ref) {
   };
   if (!$modalsManagerContainer) return null;
   return renderModal ? /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
+    ref: modalRef,
     "data-modal-id": name,
     "data-test-id": "modal",
     className: cn.cn(modal_variants.modalVariants({

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

package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_close_icon.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var close_line = require('../../../../assets/icons/close_line.js');
+var close_line_icon = require('../../../../assets/icons/close_line_icon.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,7 +17,7 @@ var ModalCloseIcon = function ModalCloseIcon(_ref) {
       return onClose();
     },
     "data-test-id": "close-modal"
-  }, /*#__PURE__*/React__default['default'].createElement(close_line.CloseLine, null));
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null));
 };
 
 exports.ModalCloseIcon = ModalCloseIcon;

package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js

@@ -40,7 +40,7 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
     };
   }, [openedModals]);
   return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", null, showWrapper && (/*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4"
+    className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-[1000] aurora-p-4"
   }, /*#__PURE__*/React__default['default'].createElement("div", {
     className: "aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ".concat(visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0', " js__modal-mask")
   }), /*#__PURE__*/React__default['default'].createElement("div", {

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

@@ -24,7 +24,7 @@ var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(fun
   var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
   return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]>svg]:!aurora-fill-subtle", segmented_control_item_variants.segmentedControlItemVariants({
+    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus last:aurora-rounded-r-4 first:aurora-rounded-l-4 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-[background-color] aurora-duration-300\n                data-[state=on]:aurora-bg data-[state=on]:aurora-font-semibold\n                data-[state=on]:before:aurora-content-[''] data-[state=on]:before:aurora-block data-[state=on]:before:aurora-absolute data-[state=on]:before:aurora--left-px data-[state=on]:before:aurora--right-px data-[state=on]:before:aurora--top-px data-[state=on]:before:aurora--bottom-px data-[state=on]:before:aurora-border-active data-[state=on]:before:aurora-border-2 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10\n                [&[data-state=off]>svg]:!aurora-fill-subtle", segmented_control_item_variants.segmentedControlItemVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className)

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var use_sidebar = require('../hooks/use_sidebar.js');
+var close_line_icon = require('../../../assets/icons/close_line_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SidebarCloseButton = function SidebarCloseButton(_ref) {
+  var onClose = _ref.onClose;
+  var _useSidebar = use_sidebar.useSidebar(),
+    close = _useSidebar.close;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
+    onClick: function onClick() {
+      close();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    },
+    "data-test-el": "close-sidebar"
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null));
+};
+
+exports.SidebarCloseButton = SidebarCloseButton;
+//# sourceMappingURL=sidebar_close_button.js.map

package/build/cjs/packages/aurora/src/components/sidebar/components/sidebar_close_button.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/cjs/packages/aurora/src/components/tabs/components/tabs_trigger.js

@@ -20,7 +20,7 @@ var TabsTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var context = React.useContext(tabs_context.TabsContext);
   return /*#__PURE__*/React.createElement(TabsPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n                data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n                data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
+    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&:not(:last-child)]:after:aurora-absolute [&:not(:last-child)]:after:aurora-block [&:not(:last-child)]:after:aurora-w-px [&:not(:last-child)]:after:aurora-bg-active [&:not(:last-child)]:after:aurora--right-px [&:not(:last-child)]:after:aurora-h-3/6\n                aurora-relative aurora-flex aurora-item aurora-basis-full aurora-items-center aurora-justify-center aurora-gap-2 hover:aurora-bg-active aurora-cursor-pointer aurora-transition-all aurora-duration-300\n                data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n                data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border-2 data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className),

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
-var close_icon = require('../../assets/icons/close_icon.js');
+var close_line_icon = require('../../assets/icons/close_line_icon.js');
 var tag_variants = require('./tag_variants.js');
 var index = require('../../../../../external/classnames/index.js');
 
@@ -34,8 +34,8 @@ var Tag = function Tag(_ref) {
       e.stopPropagation();
       onDelete === null || onDelete === void 0 ? void 0 : onDelete();
     }
-  }, /*#__PURE__*/React.createElement(close_icon.CloseLineIcon, {
-    className: index['default']("aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill", disabled && "aurora-fill-disabled")
+  }, /*#__PURE__*/React.createElement(close_line_icon.CloseLineIcon, {
+    className: index['default']('aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill', disabled && 'aurora-fill-disabled')
   }))));
 };
 

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

@@ -44,6 +44,7 @@ var action_list_portal = require('./components/action_list/components/action_lis
 var action_list_sub = require('./components/action_list/components/action_list_sub.js');
 var action_list_radio_group = require('./components/action_list/components/action_list_radio_group.js');
 var action_list_radio_item = require('./components/action_list/components/action_list_radio_item.js');
+var action_list_radio_sub_trigger = require('./components/action_list/components/action_list_radio_sub_trigger.js');
 var action_list_trigger = require('./components/action_list/components/action_list_trigger.js');
 var action_list_sub_content = require('./components/action_list/components/action_list_sub_content.js');
 var badge_constants = require('./components/badge/badge_constants.js');
@@ -53,6 +54,7 @@ var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
 var use_click_outside = require('./hooks/use_click_outside.js');
 var sidebar = require('./components/sidebar/sidebar.js');
 var sidebar_toggle = require('./components/sidebar/components/sidebar_toggle.js');
+var sidebar_close_button = require('./components/sidebar/components/sidebar_close_button.js');
 var tooltip = require('./components/tooltip/tooltip.js');
 var tooltip_trigger = require('./components/tooltip/components/tooltip_trigger.js');
 var tooltip_constants = require('./components/tooltip/tooltip_constants.js');
@@ -170,6 +172,7 @@ exports.ActionListPortal = action_list_portal.ActionListPortal;
 exports.ActionListSub = action_list_sub.ActionListSub;
 exports.ActionListRadioGroup = action_list_radio_group.ActionListRadioGroup;
 exports.ActionListRadioItem = action_list_radio_item.ActionListRadioItem;
+exports.ActionListRadioSubTrigger = action_list_radio_sub_trigger.ActionListRadioSubTrigger;
 exports.ActionListTrigger = action_list_trigger.ActionListTrigger;
 exports.ActionListSubContent = action_list_sub_content.ActionListSubContent;
 exports.BADGE_VARIANTS = badge_constants.BADGE_VARIANTS;
@@ -180,6 +183,7 @@ exports.useSidebar = use_sidebar.useSidebar;
 exports.useClickOutside = use_click_outside.useClickOutside;
 exports.Sidebar = sidebar.Sidebar;
 exports.SidebarToggle = sidebar_toggle.SidebarToggle;
+exports.SidebarCloseButton = sidebar_close_button.SidebarCloseButton;
 exports.Tooltip = tooltip.Tooltip;
 exports.TooltipTrigger = tooltip_trigger.TooltipTrigger;
 exports.TOOLTIP_VARIANT_TYPES = tooltip_constants.TOOLTIP_VARIANT_TYPES;

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;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;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/assets/icons/{close_icon.js → close_line_icon.js}

@@ -3,4 +3,4 @@ import { RiCloseLine } from '@remixicon/react';
 var CloseLineIcon = RiCloseLine;
 
 export { CloseLineIcon };
-//# sourceMappingURL=close_icon.js.map
+//# sourceMappingURL=close_line_icon.js.map

package/build/esm/packages/aurora/src/components/action_list/components/action_list_content.js

@@ -13,7 +13,7 @@ var ActionListContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "data-test-el": "action-list-content",
     ref: ref,
     sideOffset: sideOffset,
-    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-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)
+    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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)));
 });
 ActionListContent.displayName = 'ActionListContent';

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_item.js

@@ -14,9 +14,11 @@ var ActionListRadioItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(RadioItem, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-radio-item",
-    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
+    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50 data-[state=checked]:aurora-font-semibold', className),
     disabled: disabled
-  }, props), /*#__PURE__*/React.createElement(ItemIndicator, null, /*#__PURE__*/React.createElement(CheckFillIcon, {
+  }, props), /*#__PURE__*/React.createElement(ItemIndicator, {
+    className: "aurora-absolute aurora-left-2.5"
+  }, /*#__PURE__*/React.createElement(CheckFillIcon, {
     size: 20,
     color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
   })), children);

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export declare const ActionListRadioSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+    selected?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_radio_sub_trigger.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
+import { cn } from '../../../utilities/cn.js';
+import { SubTrigger, ItemIndicator } from '@radix-ui/react-dropdown-menu';
+import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
+import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
+
+var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var ActionListRadioSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    inset = _ref.inset,
+    children = _ref.children,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
+    ref: ref,
+    className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-pr-3 aurora-pl-10 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
+    "data-test-el": "action-list-sub-trigger"
+  }, props), selected ? (/*#__PURE__*/React.createElement(ItemIndicator, {
+    className: "aurora-absolute aurora-left-2.5"
+  }, /*#__PURE__*/React.createElement(CheckFillIcon, {
+    size: 20,
+    color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
+  }))) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
+    size: 20,
+    color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
+  }));
+});
+ActionListRadioSubTrigger.displayName = 'ActionListRadioSubTrigger';
+
+export { ActionListRadioSubTrigger };
+//# sourceMappingURL=action_list_radio_sub_trigger.js.map

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

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_content.js

@@ -10,7 +10,7 @@ var ActionListSubContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(SubContent, _objectSpread2({
     ref: ref,
     "data-test-el": "action-list-sub-content",
-    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] 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)
+    className: cn('aurora-z-50 aurora-bg aurora-flex aurora-flex-col aurora-gap-1 aurora-min-w-[8rem] aurora-overflow-hidden aurora-rounded-8 aurora-border aurora-p-2 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));
 });
 ActionListSubContent.displayName = 'ActionListSubContent';

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

@@ -2,5 +2,4 @@ import React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export declare const ActionListSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean | undefined;
-    selected?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_trigger.js

@@ -4,24 +4,19 @@ import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_
 import { cn } from '../../../utilities/cn.js';
 import { SubTrigger } from '@radix-ui/react-dropdown-menu';
 import { ArrowRightLineIcon } from '../../../assets/icons/arrow_right_line_icon.js';
-import { CheckFillIcon } from '../../../assets/icons/check_fill_icon.js';
 
-var _excluded = ["className", "inset", "children", "selected", "disabled"];
+var _excluded = ["className", "inset", "children", "disabled"];
 var ActionListSubTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     inset = _ref.inset,
     children = _ref.children,
-    selected = _ref.selected,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(SubTrigger, _objectSpread2({
     ref: ref,
     className: cn('aurora-relative aurora-outline-none aurora-py-1.5 aurora-px-3 aurora-flex aurora-justify-between aurora-cursor-pointer aurora-select-none aurora-items-center aurora-gap-2.5 focus:aurora-bg-hover aurora-text-s aurora-transition-colors aurora-rounded-6 hover:aurora-bg-hover data-[disabled]:aurora-pointer-events-none data-[disabled]:aurora-opacity-50', inset && 'aurora-pl-8', className),
     "data-test-el": "action-list-sub-trigger"
-  }, props), selected ? (/*#__PURE__*/React.createElement(CheckFillIcon, {
-    size: 20,
-    color: disabled ? CSS_ICON_COLOR_TOKENS_VALUES.disabled : CSS_ICON_COLOR_TOKENS_VALUES.base
-  })) : null, children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
+  }, props), children, /*#__PURE__*/React.createElement(ArrowRightLineIcon, {
     size: 20,
     color: CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }));

package/build/esm/packages/aurora/src/components/action_list/components/action_list_sub_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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/button/button_types.d.ts

@@ -3,4 +3,5 @@ import { buttonVariants } from "./button_variants";
 import React from 'react';
 export interface TButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    as?: string;
 }

package/build/esm/packages/aurora/src/components/button/button_variants.js

@@ -4,7 +4,7 @@ import { BUTTON_VARIANTS, BUTTON_SIZES } from './button_constants.js';
 
 var buttonVariants = cva('aurora-inline-flex aurora-items-center aurora-justify-center aurora-font-semibold aurora-gap-2 aurora-whitespace-nowrap aurora-rounded-full aurora-text-s aurora-transition-colors aurora-border focus disabled:aurora-pointer-events-none disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle', {
   variants: {
-    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-border-none aurora-bg-transparent hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
+    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, BUTTON_VARIANTS.primary, 'aurora-bg-primary aurora-border-primary aurora-text-inverse hover:aurora-border-primary-hover hover:aurora-bg-primary-hover focus-visible:aurora-bg-primary-active focus-visible:aurora-border-primary-hover'), BUTTON_VARIANTS.secondary, 'aurora-bg aurora-border hover:aurora-bg-hover hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.destructive, 'aurora-bg-danger aurora-border-danger aurora-text-inverse hover:aurora-bg-danger-hover hover:aurora-border-danger-hover focus-visible:aurora-bg-danger-active focus-visible:aurora-border-danger-hover'), BUTTON_VARIANTS.destructiveSecondary, 'aurora-border-danger aurora-text-danger hover:aurora-bg-danger-subtle hover:aurora-border-danger-hover hover:aurora-text-danger-hover focus-visible:aurora-bg-danger-subtle-active focus-visible:aurora-border-danger-hover focus-visible:aurora-text-danger-hover'), BUTTON_VARIANTS.dark, 'aurora-bg-inverse aurora-border-inverse aurora-text-inverse hover:aurora-bg-inverse-hover hover:aurora-border-inverse-hover focus-visible:aurora-bg-inverse-active focus-visible:aurora-border-inverse-hover'), BUTTON_VARIANTS.ghost, 'aurora-bg-subtle aurora-border-subtle hover:aurora-border-strong focus-visible:aurora-bg-active focus-visible:aurora-border-strong'), BUTTON_VARIANTS.link, 'aurora-text-interactive aurora-fill-primary aurora-border-none aurora-bg-transparent hover:aurora-fill-primary-strong hover:aurora-text-interactive-hover hover:aurora-underline disabled:aurora-bg-transparent focus-visible:aurora-text-interactive-active'),
     size: _defineProperty(_defineProperty({}, BUTTON_SIZES.default, 'aurora-h-[40px]'), BUTTON_SIZES.s, 'aurora-h-[32px]')
   },
   compoundVariants: [{

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

@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
 import { useTranslation } from '../../../../../../external/react-i18next/dist/es/useTranslation.js';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Typography } from '../../typography/typography.js';
-import { CloseLineIcon } from '../../../assets/icons/close_icon.js';
+import { CloseLineIcon } from '../../../assets/icons/close_line_icon.js';
 import { ColorPickerContext } from '../color_picker_context.js';
 import { useColorPicker } from '../hooks/use_color_picker.js';
 

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { cn } from '../../utilities/cn.js';
 import { Typography } from '../typography/typography.js';
+import { CloseLineIcon } from '../../assets/icons/close_line_icon.js';
 import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
 import { messageBoxVariants } from './message_box_variants.js';
-import { CloseLineIcon } from '../../assets/icons/close_icon.js';
 
 var MessageBox = function MessageBox(_ref) {
   var _ref$variant = _ref.variant,