@dreamcommerce/aurora 3.0.0-6 → 3.0.0-61

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+var ModalsManagerContext = /*#__PURE__*/React.createContext({
+  modalsManagerContainerSelector: '',
+  addModal: function addModal() {},
+  updateModal: function updateModal() {},
+  getModal: function getModal() {
+    return undefined;
+  },
+  showModal: function showModal() {},
+  hideModal: function hideModal() {},
+  hideAllModals: function hideAllModals() {},
+  openedModals: []
+});
+
+exports.ModalsManagerContext = ModalsManagerContext;
+//# sourceMappingURL=modal_context.js.map

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

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+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', {
+  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]')
+  },
+  defaultVariants: {
+    width: modal_constants.MODAL_WIDTH_VARIANT.m
+  }
+});
+
+exports.modalVariants = modalVariants;
+//# sourceMappingURL=modal_variants.js.map

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

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

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

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var modal_context = require('./modal_context.js');
+var modals_wrapper = require('./components/modals_wrapper.js');
+var use_modals = require('./hooks/use_modals.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ModalsManager = function ModalsManager(_ref) {
+  var children = _ref.children;
+  var _useModals = use_modals['default'](),
+    modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
+    addModal = _useModals.addModal,
+    updateModal = _useModals.updateModal,
+    getModal = _useModals.getModal,
+    showModal = _useModals.showModal,
+    hideModal = _useModals.hideModal,
+    hideAllModals = _useModals.hideAllModals,
+    openedModals = _useModals.openedModals;
+  var value = React.useMemo(function () {
+    return {
+      modalsManagerContainerSelector: modalsManagerContainerSelector,
+      addModal: addModal,
+      updateModal: updateModal,
+      getModal: getModal,
+      showModal: showModal,
+      hideModal: hideModal,
+      hideAllModals: hideAllModals,
+      openedModals: openedModals
+    };
+  }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
+  return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
+};
+
+exports.ModalsManager = ModalsManager;
+//# sourceMappingURL=modals_manager.js.map

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

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

package/build/cjs/packages/aurora/src/components/popover/components/popover_content.js

@@ -0,0 +1,32 @@
+'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 PopoverPrimitive = require('@radix-ui/react-popover');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "align", "sideOffset"];
+var PopoverContent = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'center' : _ref$align,
+    _ref$sideOffset = _ref.sideOffset,
+    sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(PopoverPrimitive.Portal, null, /*#__PURE__*/React__default['default'].createElement(PopoverPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    align: align,
+    sideOffset: sideOffset,
+    className: cn.cn('aurora-z-50 w-72 aurora-shadow-m aurora-outline-none 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-[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)));
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+exports.PopoverContent = PopoverContent;
+//# sourceMappingURL=popover_content.js.map

package/build/cjs/packages/aurora/src/components/popover/components/popover_content.js.map

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

package/build/cjs/packages/aurora/src/components/popover/components/popover_trigger.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PopoverPrimitive = require('@radix-ui/react-popover');
+
+var PopoverTrigger = PopoverPrimitive.Trigger;
+
+exports.PopoverTrigger = PopoverTrigger;
+//# sourceMappingURL=popover_trigger.js.map

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PopoverPrimitive = require('@radix-ui/react-popover');
+
+var Popover = PopoverPrimitive.Root;
+
+exports.Popover = Popover;
+//# sourceMappingURL=popover.js.map

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

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

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+var segmented_control_item_variants = require('./segmented_control_item_variants.js');
+var segmented_control_context = require('../context/segmented_control_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "children", "size", "variant"];
+var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var _context$size, _context$variant;
+  var className = _ref.className,
+    children = _ref.children,
+    size = _ref.size,
+    variant = _ref.variant,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  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({
+      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)
+  }, props), children);
+});
+SegmentedControlItem.displayName = 'SegmentedControlItem';
+
+exports.SegmentedControlItem = SegmentedControlItem;
+//# sourceMappingURL=segmented_control_item.js.map

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

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var index = require('../../../../../../external/class-variance-authority/dist/index.mjs.js');
+var segmented_control_constants = require('../segmented_control_constants.js');
+
+var segmentedControlItemVariants = index.cva('', {
+  variants: {
+    size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic, 'aurora-text-s'), segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s, 'aurora-text-xs'),
+    variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly, ''), segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic, ''),
+    type: _rollupPluginBabelHelpers.defineProperty({}, segmented_control_constants.SEGMENTED_CONTROL_TYPE.single, 'data-[state=on]:aurora-pointer-events-none')
+  },
+  compoundVariants: [{
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-2'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.iconOnly,
+    class: 'aurora-p-1.5'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2.5 aurora-py-1.5 aurora-px-3'
+  }, {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.s,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    class: 'aurora-gap-2 aurora-py-1 aurora-px-2'
+  }],
+  defaultVariants: {
+    size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+    variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic,
+    type: segmented_control_constants.SEGMENTED_CONTROL_TYPE.single
+  }
+});
+
+exports.segmentedControlItemVariants = segmentedControlItemVariants;
+//# sourceMappingURL=segmented_control_item_variants.js.map

package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item_variants.js.map

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

package/build/cjs/packages/aurora/src/components/segmented_control/context/segmented_control_context.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var segmented_control_constants = require('../segmented_control_constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SegmentedControlContext = /*#__PURE__*/React__default['default'].createContext({
+  size: segmented_control_constants.SEGMENTED_CONTROL_SIZE_TYPES.basic,
+  variant: segmented_control_constants.SEGMENTED_CONTROL_VARIANT_TYPES.basic
+});
+
+exports.SegmentedControlContext = SegmentedControlContext;
+//# sourceMappingURL=segmented_control_context.js.map

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
+var segmented_control_constants = require('./segmented_control_constants.js');
+var segmented_control_context = require('./context/segmented_control_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "size", "variant", "children", "type"];
+var SegmentedControl = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    variant = _ref.variant,
+    children = _ref.children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? segmented_control_constants.SEGMENTED_CONTROL_TYPE.single : _ref$type,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: cn.cn('aurora-w-max aurora-flex aurora-items-center aurora-justify-center aurora-border aurora-rounded-6 aurora-bg-subtle', className),
+    type: type
+  }, props), /*#__PURE__*/React__default['default'].createElement(segmented_control_context.SegmentedControlContext.Provider, {
+    value: {
+      size: size,
+      variant: variant,
+      type: type
+    }
+  }, children));
+});
+SegmentedControl.displayName = 'SegmentedControl';
+
+exports.SegmentedControl = SegmentedControl;
+//# sourceMappingURL=segmented_control.js.map

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

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

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SEGMENTED_CONTROL_SIZE_TYPES = {
+  basic: 'basic',
+  s: 's'
+};
+var SEGMENTED_CONTROL_VARIANT_TYPES = {
+  basic: 'basic',
+  iconOnly: 'icon-only'
+};
+var SEGMENTED_CONTROL_TYPE = {
+  single: 'single'
+};
+
+exports.SEGMENTED_CONTROL_SIZE_TYPES = SEGMENTED_CONTROL_SIZE_TYPES;
+exports.SEGMENTED_CONTROL_TYPE = SEGMENTED_CONTROL_TYPE;
+exports.SEGMENTED_CONTROL_VARIANT_TYPES = SEGMENTED_CONTROL_VARIANT_TYPES;
+//# sourceMappingURL=segmented_control_constants.js.map

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

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

@@ -0,0 +1,44 @@
+'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", "TriggerButton", "side"];
+var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    width = _ref.width,
+    children = _ref.children,
+    TriggerButton = _ref.TriggerButton,
+    side = _ref.side,
+    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), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
+  }, children));
+});
+PersistentSidebar.displayName = 'PersistentSidebar';
+
+exports.PersistentSidebar = PersistentSidebar;
+//# sourceMappingURL=persistent_sidebar.js.map

package/build/cjs/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;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(),
+    toggle = _useSidebar.toggle;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    onClick: toggle
+  }, 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,83 @@
+'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 sidebar_constants = require('../sidebar_constants.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 TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? document.body : _ref$container,
+    className = _ref.className,
+    width = _ref.width,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    TriggerButton = _ref.TriggerButton;
+  var _useSidebar = use_sidebar.useSidebar(),
+    open = _useSidebar.open,
+    close = _useSidebar.close;
+  var sidebarRef = React.useRef(null);
+  var _React$useState = React__default['default'].useState(!open ? '0' : 'auto'),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    containerWidth = _React$useState2[0],
+    setContainerWidth = _React$useState2[1];
+  use_click_outside.useClickOutside({
+    refs: [sidebarRef],
+    callback: function callback() {
+      if (closeOnOutsideClick && open) close();
+    }
+  });
+  React.useEffect(function () {
+    if (open) setContainerWidth('auto');
+  }, [open]);
+  var handleTransitionEnd = function handleTransitionEnd() {
+    if (!open) setContainerWidth('0');
+  };
+  React.useEffect(function () {
+    var sidebar = sidebarRef.current;
+    sidebar === null || sidebar === void 0 ? void 0 : sidebar.addEventListener('transitionend', handleTransitionEnd);
+    return function () {
+      sidebar === null || sidebar === void 0 ? void 0 : sidebar.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [open]);
+  React.useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
+    className: cn.cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+      'aurora-left-0': side === sidebar_constants.SIDEBAR_SIDE.left,
+      'aurora-right-0': side === sidebar_constants.SIDEBAR_SIDE.right
+    }),
+    style: {
+      width: containerWidth
+    }
+  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
+    ref: sidebarRef,
+    className: cn.cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
+      'aurora-translate-x-0': open && side === sidebar_constants.SIDEBAR_SIDE.left,
+      '-aurora-translate-x-full': !open && side === sidebar_constants.SIDEBAR_SIDE.left,
+      'aurora-translate-x-full': !open && side === sidebar_constants.SIDEBAR_SIDE.right
+    }, className),
+    style: {
+      width: open && width ? width : undefined,
+      maxWidth: open && width ? width : undefined,
+      minWidth: open && width ? width : undefined
+    }
+  }, children)), container);
+});
+TemporalSidebar.displayName = 'TemporalSidebar';
+
+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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/context/sidebar_prvider.js

@@ -4,58 +4,70 @@ 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);
+    storageKey = _ref.storageKey,
+    variant = _ref.variant;
   var setPersistedState = function setPersistedState(value) {
-    if (!persistentKey) return;
+    if (!storageKey) return;
     try {
-      localStorage.setItem(persistentKey, String(value));
+      localStorage.setItem(storageKey, String(value));
     } catch (error) {
       console.error('Failed to set persisted state', error);
     }
   };
-  var _React$useState = React.useState(openProp),
+  var hasPersistedState = function hasPersistedState() {
+    if (!storageKey) return false;
+    return localStorage.getItem(storageKey) !== null;
+  };
+  var getPersistedState = function getPersistedState() {
+    if (!storageKey || !hasPersistedState()) return;
+    try {
+      return localStorage.getItem(storageKey) === 'true';
+    } catch (error) {
+      console.error('Failed to get persisted state', error);
+    }
+    return undefined;
+  };
+  var initialOpen = hasPersistedState() ? getPersistedState() : 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 () {
+    if (onOpenChange) _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 toggle = function toggle() {
+    onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
   };
-  var toggleSidebar = function toggleSidebar() {
-    setOpen(function (open) {
-      return !open;
-    });
+  var close = function close() {
+    onOpenChange ? onOpenChange(false) : setOpen(false);
   };
   var contextValue = React.useMemo(function () {
     return {
       open: _open,
-      toggleSidebar: toggleSidebar
+      toggle: toggle,
+      close: close
     };
-  }, [open, toggleSidebar]);
+  }, [_open, toggle]);
   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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}