@dreamcommerce/aurora 3.0.0-128 → 3.0.0-129

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

@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
-var InputControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+var InputControl = function InputControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
     label$1 = _ref.label,
@@ -46,7 +46,6 @@ var InputControl = /*#__PURE__*/React__default['default'].forwardRef(function (_
     tooltip: tooltip,
     disabled: disabled
   }, label$1))), /*#__PURE__*/React__default['default'].createElement(input.Input, _rollupPluginBabelHelpers.objectSpread2({
-    ref: ref,
     id: id,
     name: name,
     value: value,
@@ -64,7 +63,7 @@ var InputControl = /*#__PURE__*/React__default['default'].forwardRef(function (_
   }, props)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
     errors: errors
   }));
-});
+};
 InputControl.displayName = 'InputControl';
 
 exports.InputControl = InputControl;

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

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

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../../utilities/cn.js');
-var use_click_outside = require('../../../../hooks/use_click_outside.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');
@@ -34,6 +34,14 @@ var Modal = function Modal(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     visibleClass = _useState2[0],
     setVisibleClass = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+    isScrolledToBottom = _useState4[0],
+    setIsScrolledToBottom = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+    hasScroll = _useState6[0],
+    setHasScroll = _useState6[1];
   var _useModalsContext = use_modals_context.useModalsContext(),
     modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
     addModal = _useModalsContext.addModal,
@@ -42,11 +50,39 @@ var Modal = function Modal(_ref) {
     hideAllModals = _useModalsContext.hideAllModals;
   var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
   var modalRef = /*#__PURE__*/React__default['default'].createRef();
+  var contentRef = React__default['default'].useRef(null);
   var modal = getModal(name);
-  var _useState3 = React.useState(false),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    renderModal = _useState4[0],
-    setRenderModal = _useState4[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
+    renderModal = _useState8[0],
+    setRenderModal = _useState8[1];
+  var handleScroll = function handleScroll() {
+    if (contentRef.current) {
+      var _contentRef$current = contentRef.current,
+        scrollTop = _contentRef$current.scrollTop,
+        scrollHeight = _contentRef$current.scrollHeight,
+        clientHeight = _contentRef$current.clientHeight;
+      var atBottom = Math.abs(scrollTop + clientHeight - scrollHeight) < 2;
+      setIsScrolledToBottom(atBottom);
+      setHasScroll(scrollHeight > clientHeight);
+    }
+  };
+  var setContentRef = function setContentRef(el) {
+    if (el) {
+      contentRef.current = el;
+      handleScroll();
+      el.addEventListener('scroll', handleScroll);
+    }
+  };
+  React.useEffect(function () {
+    if (contentRef.current) {
+      handleScroll();
+    }
+    return function () {
+      var _contentRef$current2;
+      (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.removeEventListener('scroll', handleScroll);
+    };
+  }, [renderModal]);
   use_click_outside.useClickOutside({
     refs: [modalRef],
     callback: function callback() {
@@ -98,11 +134,17 @@ var Modal = function Modal(_ref) {
     hasCloseIcon: hasCloseIcon,
     text: header.text,
     onClose: handleCloseModal
-  }), children && /*#__PURE__*/React__default['default'].createElement("div", {
-    className: "aurora-overflow-y-auto custom-scrollbar"
-  }, children), footer && /*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
-    text: footer.text
-  })), $modalsManagerContainer) : null;
+  }), children && (/*#__PURE__*/React__default['default'].createElement("div", {
+    ref: setContentRef,
+    className: cn.cn("aurora-overflow-y-auto custom-scrollbar first:aurora-pt-6 last:aurora-pb-6 aurora-px-6", {
+      'aurora-pb-6': footer && hasScroll
+    })
+  }, children)), footer && (/*#__PURE__*/React__default['default'].createElement(modal_footer.ModalFooter, {
+    text: footer.text,
+    className: cn.cn('', {
+      'aurora-border-t': hasScroll && !isScrolledToBottom
+    })
+  }))), $modalsManagerContainer) : null;
 };
 
 exports.Modal = Modal;

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

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

@@ -3,15 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var cn = require('../../../../utilities/cn.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var ModalFooter = function ModalFooter(_ref) {
-  var text = _ref.text;
+  var text = _ref.text,
+    className = _ref.className;
   return /*#__PURE__*/React__default['default'].createElement("footer", {
-    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    className: cn.cn('aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-pt-5 aurora-pb-6 aurora-px-6', className),
     "data-test-id": "modal-footer"
   }, text);
 };

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

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

@@ -15,7 +15,7 @@ var ModalHeader = function ModalHeader(_ref) {
     onClose = _ref.onClose,
     hasCloseIcon = _ref.hasCloseIcon;
   return /*#__PURE__*/React__default['default'].createElement("header", {
-    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-pt-6 aurora-pb-5 aurora-px-6 aurora-mb-6 aurora-border-b',
     "data-test-id": "modal-header"
   }, /*#__PURE__*/React__default['default'].createElement("h3", {
     className: "aurora-font-bold aurora-text-xl"

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

@@ -6,7 +6,7 @@ var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBa
 var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
 var modal_constants = require('./modal_constants.js');
 
-var modalVariants = index.cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all js__modal', {
+var modalVariants = index.cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-opacity-0 aurora-transition-all js__modal', {
   variants: {
     width: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, modal_constants.MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), modal_constants.MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), modal_constants.MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
   },

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-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({
+    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/persistent_sidebar.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
-var use_click_outside = require('../../../hooks/use_click_outside.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
+var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
 var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
@@ -20,30 +19,13 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
     TriggerButton = _ref.TriggerButton,
     side = _ref.side,
     onScroll = _ref.onScroll,
-    onClickOutside = _ref.onClickOutside,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useSidebar = use_sidebar.useSidebar(),
-    open = _useSidebar.open,
-    toggle = _useSidebar.toggle,
-    close = _useSidebar.close;
+    open = _useSidebar.open;
   var sidebarRef = React.useRef(null);
-  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
-    config = _ref2.config,
-    onClickOutsideCallback = _ref2.callback;
   React.useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
-  use_click_outside.useClickOutside({
-    refs: [sidebarRef],
-    callback: function callback() {
-      if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
-        open: open,
-        toggle: toggle,
-        close: close
-      });
-    },
-    config: config
-  });
   return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
     "aria-expanded": open,
     className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),

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

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

@@ -6,15 +6,15 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var sidebar_constants = require('../sidebar_constants.js');
-var use_click_outside = require('../../../hooks/use_click_outside.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
 var reactDom = require('react-dom');
+var use_click_outside = require('../../../hooks/use_click_outside.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
+var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "TriggerButton", "onScroll"];
 var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$container = _ref.container,
@@ -25,15 +25,13 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
-    onClickOutside = _ref.onClickOutside,
     TriggerButton = _ref.TriggerButton,
     onScroll = _ref.onScroll,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useSidebar = use_sidebar.useSidebar(),
     open = _useSidebar.open,
     close = _useSidebar.close,
-    defaultOpen = _useSidebar.defaultOpen,
-    toggle = _useSidebar.toggle;
+    defaultOpen = _useSidebar.defaultOpen;
   var sidebarRef = React.useRef(null);
   var _useState = React.useState(!open),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -49,20 +47,11 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     if (open && side == sidebar_constants.SIDEBAR_SIDE.right) (_sidebarRef$current6 = sidebarRef.current) === null || _sidebarRef$current6 === void 0 ? void 0 : _sidebarRef$current6.classList.add('aurora-translate-x-0');
     if (!open && side == sidebar_constants.SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
   };
-  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
-    config = _ref2.config,
-    onClickOutsideCallback = _ref2.callback;
   use_click_outside.useClickOutside({
     refs: [sidebarRef],
     callback: function callback() {
-      if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
-        open: open,
-        toggle: toggle,
-        close: close
-      });
       if (closeOnOutsideClick && open) close();
-    },
-    config: config
+    }
   });
   React.useEffect(function () {
     if (!defaultOpen) return;

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

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

@@ -50,8 +50,8 @@ var action_list_sub_content = require('./components/action_list/components/actio
 var badge_constants = require('./components/badge/badge_constants.js');
 var badge = require('./components/badge/badge.js');
 var sidebar_constants = require('./components/sidebar/sidebar_constants.js');
-var use_click_outside = require('./hooks/use_click_outside.js');
 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');
@@ -179,8 +179,8 @@ exports.BADGE_VARIANTS = badge_constants.BADGE_VARIANTS;
 exports.Badge = badge.Badge;
 exports.SIDEBAR_SIDE = sidebar_constants.SIDEBAR_SIDE;
 exports.SIDEBAR_VARIANTS = sidebar_constants.SIDEBAR_VARIANTS;
-exports.useClickOutside = use_click_outside.useClickOutside;
 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;

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

@@ -1,7 +1,3 @@
 import React from 'react';
-export declare const InputControl: React.ForwardRefExoticComponent<import("../../input/input_types").TInputProps & {
-    label?: React.ReactNode;
-    helperText?: React.ReactNode;
-    tooltip?: React.ReactNode;
-    errors?: string | string[] | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
+import { TInputControlProps } from './input_control_types';
+export declare const InputControl: React.FC<TInputControlProps>;

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

@@ -7,7 +7,7 @@ import { Control } from '../../control/control.js';
 import { Input } from '../../input/input.js';
 
 var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
-var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var InputControl = function InputControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
     label = _ref.label,
@@ -38,7 +38,6 @@ var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tooltip: tooltip,
     disabled: disabled
   }, label))), /*#__PURE__*/React.createElement(Input, _objectSpread2({
-    ref: ref,
     id: id,
     name: name,
     value: value,
@@ -56,7 +55,7 @@ var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
   }));
-});
+};
 InputControl.displayName = 'InputControl';
 
 export { InputControl };

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

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

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

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../../utilities/cn.js';
-import { useClickOutside } from '../../../../hooks/use_click_outside.js';
 import { createPortal } from 'react-dom';
+import { useClickOutside } from '../../../../hooks/use_click_outside.js';
 import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
 import { ModalFooter } from './modal_footer.js';
 import { ModalHeader } from './modal_header.js';
@@ -26,6 +26,14 @@ var Modal = function Modal(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     visibleClass = _useState2[0],
     setVisibleClass = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrolledToBottom = _useState4[0],
+    setIsScrolledToBottom = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasScroll = _useState6[0],
+    setHasScroll = _useState6[1];
   var _useModalsContext = useModalsContext(),
     modalsManagerContainerSelector = _useModalsContext.modalsManagerContainerSelector,
     addModal = _useModalsContext.addModal,
@@ -34,11 +42,39 @@ var Modal = function Modal(_ref) {
     hideAllModals = _useModalsContext.hideAllModals;
   var $modalsManagerContainer = document.querySelector(modalsManagerContainerSelector);
   var modalRef = /*#__PURE__*/React.createRef();
+  var contentRef = React.useRef(null);
   var modal = getModal(name);
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    renderModal = _useState4[0],
-    setRenderModal = _useState4[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    renderModal = _useState8[0],
+    setRenderModal = _useState8[1];
+  var handleScroll = function handleScroll() {
+    if (contentRef.current) {
+      var _contentRef$current = contentRef.current,
+        scrollTop = _contentRef$current.scrollTop,
+        scrollHeight = _contentRef$current.scrollHeight,
+        clientHeight = _contentRef$current.clientHeight;
+      var atBottom = Math.abs(scrollTop + clientHeight - scrollHeight) < 2;
+      setIsScrolledToBottom(atBottom);
+      setHasScroll(scrollHeight > clientHeight);
+    }
+  };
+  var setContentRef = function setContentRef(el) {
+    if (el) {
+      contentRef.current = el;
+      handleScroll();
+      el.addEventListener('scroll', handleScroll);
+    }
+  };
+  useEffect(function () {
+    if (contentRef.current) {
+      handleScroll();
+    }
+    return function () {
+      var _contentRef$current2;
+      (_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.removeEventListener('scroll', handleScroll);
+    };
+  }, [renderModal]);
   useClickOutside({
     refs: [modalRef],
     callback: function callback() {
@@ -90,11 +126,17 @@ var Modal = function Modal(_ref) {
     hasCloseIcon: hasCloseIcon,
     text: header.text,
     onClose: handleCloseModal
-  }), children && /*#__PURE__*/React.createElement("div", {
-    className: "aurora-overflow-y-auto custom-scrollbar"
-  }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
-    text: footer.text
-  })), $modalsManagerContainer) : null;
+  }), children && (/*#__PURE__*/React.createElement("div", {
+    ref: setContentRef,
+    className: cn("aurora-overflow-y-auto custom-scrollbar first:aurora-pt-6 last:aurora-pb-6 aurora-px-6", {
+      'aurora-pb-6': footer && hasScroll
+    })
+  }, children)), footer && (/*#__PURE__*/React.createElement(ModalFooter, {
+    text: footer.text,
+    className: cn('', {
+      'aurora-border-t': hasScroll && !isScrolledToBottom
+    })
+  }))), $modalsManagerContainer) : null;
 };
 
 export { Modal };

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

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js

@@ -1,9 +1,11 @@
 import React from 'react';
+import { cn } from '../../../../utilities/cn.js';
 
 var ModalFooter = function ModalFooter(_ref) {
-  var text = _ref.text;
+  var text = _ref.text,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement("footer", {
-    className: 'aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-mt-5',
+    className: cn('aurora-flex aurora-items-center aurora-justify-end aurora-gap-3 aurora-pt-5 aurora-pb-6 aurora-px-6', className),
     "data-test-id": "modal-footer"
   }, text);
 };

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

package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js

@@ -7,7 +7,7 @@ var ModalHeader = function ModalHeader(_ref) {
     onClose = _ref.onClose,
     hasCloseIcon = _ref.hasCloseIcon;
   return /*#__PURE__*/React.createElement("header", {
-    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
+    className: 'aurora-flex aurora-items-center aurora-justify-between aurora-pt-6 aurora-pb-5 aurora-px-6 aurora-mb-6 aurora-border-b',
     "data-test-id": "modal-header"
   }, /*#__PURE__*/React.createElement("h3", {
     className: "aurora-font-bold aurora-text-xl"

package/build/esm/packages/aurora/src/components/modal/modal_variants.js

@@ -2,7 +2,7 @@ import { defineProperty as _defineProperty } from '../../../../../_virtual/_roll
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 import { MODAL_WIDTH_VARIANT } from './modal_constants.js';
 
-var modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all js__modal', {
+var modalVariants = cva('aurora-flex aurora-flex-col aurora-w-full aurora-max-h-[90vh] aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-opacity-0 aurora-transition-all js__modal', {
   variants: {
     width: _defineProperty(_defineProperty(_defineProperty({}, MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
   },

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

@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var context = React.useContext(SegmentedControlContext);
   return /*#__PURE__*/React.createElement(Item, _objectSpread2({
     ref: ref,
-    className: 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", segmentedControlItemVariants({
+    className: 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", 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/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts

@@ -4,5 +4,4 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
     className?: string | undefined;
     side?: "left" | "right" | undefined;
     TriggerButton?: React.ReactNode;
-    onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js

@@ -1,10 +1,9 @@
 import React, { useRef, useImperativeHandle } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
 
-var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
+var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll"];
 var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
@@ -12,30 +11,13 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     TriggerButton = _ref.TriggerButton,
     side = _ref.side,
     onScroll = _ref.onScroll,
-    onClickOutside = _ref.onClickOutside,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useSidebar = useSidebar(),
-    open = _useSidebar.open,
-    toggle = _useSidebar.toggle,
-    close = _useSidebar.close;
+    open = _useSidebar.open;
   var sidebarRef = useRef(null);
-  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
-    config = _ref2.config,
-    onClickOutsideCallback = _ref2.callback;
   useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
-  useClickOutside({
-    refs: [sidebarRef],
-    callback: function callback() {
-      if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
-        open: open,
-        toggle: toggle,
-        close: close
-      });
-    },
-    config: config
-  });
   return /*#__PURE__*/React.createElement("aside", _objectSpread2({
     "aria-expanded": open,
     className: cn('aurora-relative aurora-transition-all aurora-duration-200'),

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

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import { TSidebarOnClickOutside, TSidebarSide } from "../sidebar_types_types";
+import { TSidebarSide } from "../sidebar_types_types";
 export declare type TPersistentSidebarProps = {
     width?: string;
     className?: string;
     side?: TSidebarSide;
     TriggerButton?: React.ReactNode;
-    onClickOutside?: TSidebarOnClickOutside;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare type TTemporalSidebar = React.PropsWithoutRef<{
     width?: string;
@@ -14,7 +13,6 @@ export declare type TTemporalSidebar = React.PropsWithoutRef<{
     container?: HTMLElement;
     closeOnOutsideClick?: boolean;
     TriggerButton?: React.ReactNode;
-    onClickOutside?: TSidebarOnClickOutside;
 } & React.HTMLAttributes<HTMLDivElement>>;
 export declare type TSidebarCloseButtonProps = {
     onClose?: () => void;

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAqD,+CAA+C,CAAC"}
+{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,+CAA+C,CAAC"}

package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts

@@ -6,5 +6,4 @@ export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React
     container?: HTMLElement | undefined;
     closeOnOutsideClick?: boolean | undefined;
     TriggerButton?: React.ReactNode;
-    onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;