@dreamcommerce/aurora 3.0.0-52 → 3.0.0-54

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../../utilities/cn.js');
+var reactDom = require('react-dom');
 var modal_constants = require('../../modal_constants.js');
 var modal_footer = require('./modal_footer.js');
 var modal_header = require('./modal_header.js');
-var reactDom = require('react-dom');
 var modal_variants = require('../../modal_variants.js');
 var use_modals_context = require('../../hooks/use_modals_context.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var modal_constants = require('../modal_constants.js');
 var reactDom = require('react-dom');
+var modal_constants = require('../modal_constants.js');
 var use_modals_context = require('../hooks/use_modals_context.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var 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"];
+var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    width = _ref.width,
+    children = _ref.children,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useSidebar = use_sidebar.useSidebar(),
+    open = _useSidebar.open;
+  var sidebarRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
+    "aria-expanded": open,
+    ref: sidebarRef,
+    className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200', className),
+    style: {
+      width: open ? width : 0,
+      maxWidth: open ? width : 0,
+      minWidth: open ? width : 0
+    }
+  }, props), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
+      'aurora-opacity-0': !open,
+      'aurora-opacity-100': open
+    })
+  }, children));
+});
+PersistentSidebar.displayName = 'PersistentSidebar';
+
+exports.PersistentSidebar = PersistentSidebar;
+//# sourceMappingURL=persistent_sidebar.js.map

package/build/cjs/packages/aurora/src/components/sidebar/components/{sidebar_trigger.js.map → 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,oBAAoB,uEAA2E;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+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 SidebarToggle = function SidebarToggle(_ref) {
+  var children = _ref.children;
+  var _useSidebar = use_sidebar.useSidebar(),
+    toggleSidebar = _useSidebar.toggleSidebar;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    onClick: toggleSidebar
+  }, children);
+};
+
+exports.SidebarToggle = SidebarToggle;
+//# sourceMappingURL=sidebar_toggle.js.map

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

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

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('../../../utilities/cn.js');
+var reactDom = require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TemporalSidebar = function TemporalSidebar(_ref) {
+  var children = _ref.children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? document.body : _ref$container;
+  return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("aside", {
+    className: cn.cn('aurora-absolute aurora-top-0 aurora-h-full aurora-left-0')
+  }, " ", children), container);
+};
+
+exports.TemporalSidebar = TemporalSidebar;
+//# sourceMappingURL=temporal_sidebar.js.map

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

package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js

@@ -4,18 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var sidebar_constants = require('../sidebar_constants.js');
 var sidebar_context = require('./sidebar_context.js');
 
-var _excluded = ["onToggle", "open", "className", "style", "children", "persistentKey"];
 var SidebarProvider = function SidebarProvider(_ref) {
-  var onToggle = _ref.onToggle,
-    _ref$open = _ref.open,
-    openProp = _ref$open === void 0 ? true : _ref$open,
-    className = _ref.className,
-    style = _ref.style,
+  var open = _ref.open,
+    defaultOpen = _ref.defaultOpen,
+    onOpenChange = _ref.onOpenChange,
     children = _ref.children,
     persistentKey = _ref.persistentKey,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    variant = _ref.variant;
   var setPersistedState = function setPersistedState(value) {
     if (!persistentKey) return;
     try {
@@ -24,26 +22,25 @@ var SidebarProvider = function SidebarProvider(_ref) {
       console.error('Failed to set persisted state', error);
     }
   };
-  var _React$useState = React.useState(openProp),
+  var initialOpen = variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
+  var _React$useState = React.useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
     _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
     _open = _React$useState2[0],
     _setOpen = _React$useState2[1];
-  React.useEffect(function () {
-    if (openProp !== undefined && openProp !== _open) setOpen(openProp);
-  }, [openProp]);
   React.useEffect(function () {
     setPersistedState(_open);
-  }, []);
-  var setOpen = function setOpen(open) {
-    var nextValue = typeof open === 'function' ? open(_open) : open;
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(nextValue);
-    _setOpen(nextValue);
-    setPersistedState(nextValue);
+  }, [_open]);
+  React.useEffect(function () {
+    _setOpen(open !== null && open !== void 0 ? open : initialOpen);
+  }, [open]);
+  if (open !== undefined && onOpenChange === undefined) {
+    console.error('The controlled open state of the popover. Must be used in conjunction with onOpenChange.');
+  }
+  var setOpen = function setOpen(nextOpen) {
+    _setOpen(nextOpen);
   };
   var toggleSidebar = function toggleSidebar() {
-    setOpen(function (open) {
-      return !open;
-    });
+    onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
   };
   var contextValue = React.useMemo(function () {
     return {
@@ -53,9 +50,7 @@ var SidebarProvider = function SidebarProvider(_ref) {
   }, [open, toggleSidebar]);
   return /*#__PURE__*/React.createElement(sidebar_context.SidebarContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.objectSpread2({
-    style: style
-  }, props), children));
+  }, children);
 };
 
 exports.SidebarProvider = SidebarProvider;

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

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

@@ -4,55 +4,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var cn = require('../../utilities/cn.js');
-var use_sidebar = require('./hooks/use_sidebar.js');
 var sidebar_constants = require('./sidebar_constants.js');
-var sidebar_trigger = require('./components/sidebar_trigger.js');
+var persistent_sidebar = require('./components/persistent_sidebar.js');
+var sidebar_prvider = require('./context/sidebar_prvider.js');
+var temporal_sidebar = require('./components/temporal_sidebar.js');
 
-var _excluded = ["className", "children", "TriggerButton", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "side"];
-var Sidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$TriggerButton = _ref.TriggerButton,
-    TriggerButton = _ref$TriggerButton === void 0 ? sidebar_trigger.SidebarTrigger : _ref$TriggerButton,
-    width = _ref.width,
-    minWidth = _ref.minWidth,
-    maxWidth = _ref.maxWidth,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '100%' : _ref$height,
-    minHeight = _ref.minHeight,
-    maxHeight = _ref.maxHeight,
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children", "variant", "side", "width", "className"];
+var Sidebar = function Sidebar(_ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? sidebar_constants.SIDEBAR_VARIANTS.persistent : _ref$variant,
     _ref$side = _ref.side,
-    side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
+    width = _ref.width,
+    className = _ref.className,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var _useSidebar = use_sidebar.useSidebar(),
-    open = _useSidebar.open;
-  var sidebarRef = React.useRef(null);
-  React.useImperativeHandle(ref, function () {
-    return sidebarRef.current;
-  });
-  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.objectSpread2({
-    "aria-expanded": open,
-    ref: sidebarRef,
-    className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200', className),
-    style: {
-      width: open ? width : 0,
-      maxWidth: open ? width : 0,
-      minWidth: open ? width : 0,
-      height: height,
-      minHeight: minHeight,
-      maxHeight: maxHeight
-    }
-  }, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
-    side: side
-  }) : null, /*#__PURE__*/React.createElement("div", {
-    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
-      'aurora-opacity-0': !open,
-      'aurora-opacity-100': open
-    })
-  }, children));
-});
-Sidebar.displayName = 'Sidebar';
+  return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, _rollupPluginBabelHelpers.objectSpread2({
+    variant: variant,
+    width: width,
+    className: className
+  }, props), variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, {
+    width: width,
+    className: className
+  }, children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, null, children)));
+};
 
 exports.Sidebar = Sidebar;
 //# sourceMappingURL=sidebar.js.map

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

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

@@ -2,10 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var SIDEBAR_VARIANTS = {
+  persistent: 'persistent',
+  temporal: 'temporal'
+};
 var SIDEBAR_SIDE = {
   left: 'left',
   right: 'right'
 };
+var SIDEBAR_SLIDE_DIRECTION = {
+  leftToRight: 'leftToRight',
+  rightToLeft: 'rightToLeft'
+};
 
 exports.SIDEBAR_SIDE = SIDEBAR_SIDE;
+exports.SIDEBAR_SLIDE_DIRECTION = SIDEBAR_SLIDE_DIRECTION;
+exports.SIDEBAR_VARIANTS = SIDEBAR_VARIANTS;
 //# sourceMappingURL=sidebar_constants.js.map

package/build/cjs/packages/aurora/src/components/sidebar/sidebar_constants.js.map

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

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

@@ -47,10 +47,10 @@ var action_list_trigger = require('./components/action_list/components/action_li
 var action_list_sub_content = require('./components/action_list/components/action_list_sub_content.js');
 var badge_constants = require('./components/badge/badge_constants.js');
 var badge = require('./components/badge/badge.js');
-var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
 var sidebar_constants = require('./components/sidebar/sidebar_constants.js');
+var use_sidebar = require('./components/sidebar/hooks/use_sidebar.js');
 var sidebar = require('./components/sidebar/sidebar.js');
-var sidebar_prvider = require('./components/sidebar/context/sidebar_prvider.js');
+var sidebar_toggle = require('./components/sidebar/components/sidebar_toggle.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');
@@ -145,10 +145,12 @@ exports.ActionListTrigger = action_list_trigger.ActionListTrigger;
 exports.ActionListSubContent = action_list_sub_content.ActionListSubContent;
 exports.BADGE_VARIANTS = badge_constants.BADGE_VARIANTS;
 exports.Badge = badge.Badge;
-exports.useSidebar = use_sidebar.useSidebar;
 exports.SIDEBAR_SIDE = sidebar_constants.SIDEBAR_SIDE;
+exports.SIDEBAR_SLIDE_DIRECTION = sidebar_constants.SIDEBAR_SLIDE_DIRECTION;
+exports.SIDEBAR_VARIANTS = sidebar_constants.SIDEBAR_VARIANTS;
+exports.useSidebar = use_sidebar.useSidebar;
 exports.Sidebar = sidebar.Sidebar;
-exports.SidebarProvider = sidebar_prvider.SidebarProvider;
+exports.SidebarToggle = sidebar_toggle.SidebarToggle;
 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;"}
+{"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;"}

package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js

@@ -1,6 +1,3 @@
 import { RiArrowLeftSLine } from '@remixicon/react';
-
-var ArrowLeftSLineIcon = RiArrowLeftSLine;
-
-export { ArrowLeftSLineIcon };
-//# sourceMappingURL=arrow_left_s_line_icon.js.map
+export const ArrowLeftSLineIcon = RiArrowLeftSLine;
+//# sourceMappingURL=arrow_left_s_line_icon.js.map

package/build/esm/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"arrow_left_s_line_icon.js","sourceRoot":"","sources":["../../../../../../../src/assets/icons/arrow_left_s_line_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC"}

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

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../../utilities/cn.js';
+import { createPortal } from 'react-dom';
 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';
-import { createPortal } from 'react-dom';
 import { modalVariants } from '../../modal_variants.js';
 import { useModalsContext } from '../../hooks/use_modals_context.js';
 

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
 import { createPortal } from 'react-dom';
+import { MODALS_WRAPPER_BACKDROP_FADE_DURATION, MODALS_CONTENT_ID } from '../modal_constants.js';
 import { useModalsContext } from '../hooks/use_modals_context.js';
 
 var ModalsWrapper = function ModalsWrapper(_ref) {

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    width?: string | undefined;
+    className?: string | undefined;
+}, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -0,0 +1,37 @@
+import React, { useRef, useImperativeHandle } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { useSidebar } from '../hooks/use_sidebar.js';
+
+var _excluded = ["className", "width", "children"];
+var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    width = _ref.width,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSidebar = useSidebar(),
+    open = _useSidebar.open;
+  var sidebarRef = useRef(null);
+  useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/React.createElement("aside", _objectSpread2({
+    "aria-expanded": open,
+    ref: sidebarRef,
+    className: cn('aurora-relative aurora-transition-all aurora-duration-200', className),
+    style: {
+      width: open ? width : 0,
+      maxWidth: open ? width : 0,
+      minWidth: open ? width : 0
+    }
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
+      'aurora-opacity-0': !open,
+      'aurora-opacity-100': open
+    })
+  }, children));
+});
+PersistentSidebar.displayName = 'PersistentSidebar';
+
+export { PersistentSidebar };
+//# sourceMappingURL=persistent_sidebar.js.map

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TSidebarSide, TSidebarSlideDirection, TSidebarVariant } from "../sidebar_types_types";
+export declare type TPersistentSidebarProps = {
+    width?: string;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare type TTemporalSidebar = {
+    width?: string;
+    className?: string;
+    variant?: TSidebarVariant;
+    side?: TSidebarSide;
+    slideDirection?: TSidebarSlideDirection;
+    container?: HTMLElement;
+} & React.HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/sidebar/sidebar_types_types';
+//# sourceMappingURL=sidebar_components_types.js.map

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

@@ -0,0 +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,OAAsE,+CAA+C,CAAC"}

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

@@ -0,0 +1,2 @@
+import React, { PropsWithChildren } from 'react';
+export declare const SidebarToggle: ({ children }: PropsWithChildren) => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { useSidebar } from '../hooks/use_sidebar.js';
+
+var SidebarToggle = function SidebarToggle(_ref) {
+  var children = _ref.children;
+  var _useSidebar = useSidebar(),
+    toggleSidebar = _useSidebar.toggleSidebar;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: toggleSidebar
+  }, children);
+};
+
+export { SidebarToggle };
+//# sourceMappingURL=sidebar_toggle.js.map

package/build/{cjs/packages/aurora/src/assets/icons/arrow_left_s_line_icon.js.map → esm/packages/aurora/src/components/sidebar/components/sidebar_toggle.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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/sidebar/components/temporal_sidebar.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { TTemporalSidebar } from "./sidebar_components_types";
+import React from 'react';
+export declare const TemporalSidebar: ({ children, container }: PropsWithChildren<TTemporalSidebar>) => React.ReactPortal;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { cn } from '../../../utilities/cn.js';
+import { createPortal } from 'react-dom';
+
+var TemporalSidebar = function TemporalSidebar(_ref) {
+  var children = _ref.children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? document.body : _ref$container;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("aside", {
+    className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-left-0')
+  }, " ", children), container);
+};
+
+export { TemporalSidebar };
+//# sourceMappingURL=temporal_sidebar.js.map

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

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

@@ -1,12 +1,4 @@
-import React from 'react';
 export declare type TSidebarContext = {
     toggleSidebar: () => void;
     open: boolean;
 };
-export declare type TSidebarProviderProps = {
-    onToggle?: (open: boolean) => void;
-    open?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    persistentKey?: string;
-};

package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.js

@@ -1,2 +1,2 @@
-import 'react';
+export {};
 //# sourceMappingURL=sidebar_context_types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar_context_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}
+{"version":3,"file":"sidebar_context_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context_types.ts"],"names":[],"mappings":""}

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { TSidebarProviderProps } from "./sidebar_context_types";
 import { PropsWithChildren } from 'react';
-export declare const SidebarProvider: ({ onToggle, open: openProp, className, style, children, persistentKey, ...props }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
+import { TSidebarProps } from "../sidebar_types_types";
+export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, persistentKey, variant }: PropsWithChildren<TSidebarProps>) => React.JSX.Element;