@dreamcommerce/aurora 3.0.0-52 → 3.0.0-53

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

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { linkVariants } from './link_variants.js';
 
 var _excluded = ["children", "size", "variant", "decoration"];
-var Link = /*#__PURE__*/React.forwardRef(function (_ref) {
+var Link = /*#__PURE__*/React__default.forwardRef(function (_ref) {
   var children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
     decoration = _ref.decoration,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("a", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("a", _objectSpread2({
     className: cn(linkVariants({
       size: size,
       variant: variant,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { loaderVariants } from './loader_variants.js';
@@ -8,7 +8,7 @@ var Loader = function Loader(_ref) {
   var className = _ref.className,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("div", _objectSpread2({
     className: cn(loaderVariants({
       variant: variant
     }), className)

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { cn } from '../../utilities/cn.js';
 import { Typography } from '../typography/typography.js';
 import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
@@ -19,32 +19,32 @@ var MessageBox = function MessageBox(_ref) {
   var Icon = MESSAGE_BOX_ICONS[variant];
   var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
   var canClose = !!onClose;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: cn(classnames(fullWidth ? 'aurora-w-full aurora-border-none' : 'aurora-w-[272px] aurora-border aurora-rounded-4', children && !header && !fullWidth && 'aurora-shadow-l'), messageBoxVariants({
       variant: variant
     }), className)
-  }, showIcon ? (/*#__PURE__*/React.createElement("div", {
+  }, showIcon ? (/*#__PURE__*/React__default.createElement("div", {
     className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1')
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React__default.createElement(Icon, {
     className: classnames('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
-  }))) : null, /*#__PURE__*/React.createElement("div", {
+  }))) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full aurora-max-w-7xl"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-max-w-full aurora-w-full"
-  }, header && (/*#__PURE__*/React.createElement("div", {
+  }, header && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-flex aurora-items-center"
-  }, /*#__PURE__*/React.createElement("h4", {
+  }, /*#__PURE__*/React__default.createElement("h4", {
     className: "aurora-text-s aurora-font-semibold aurora-text"
-  }, header))), /*#__PURE__*/React.createElement(Typography, {
+  }, header))), /*#__PURE__*/React__default.createElement(Typography, {
     className: "aurora-w-full",
     size: "xs"
-  }, children)), canClose && (/*#__PURE__*/React.createElement("button", {
+  }, children)), canClose && (/*#__PURE__*/React__default.createElement("button", {
     className: classnames(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
     onClick: function onClick(e) {
       e.stopPropagation();
       onClose === null || onClose === void 0 ? void 0 : onClose();
     }
-  }, /*#__PURE__*/React.createElement(CloseLineIcon, {
+  }, /*#__PURE__*/React__default.createElement(CloseLineIcon, {
     className: classnames('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
   })))));
 };

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../../utilities/cn.js';
 import { MODAL_VISIBILITY_STATE, MODAL_SLIDE_FADE_DURATION, MODAL_WIDTH_VARIANT } from '../../modal_constants.js';
@@ -69,19 +69,19 @@ var Modal = function Modal(_ref) {
     hideAllModalsOnClose ? hideAllModals(onCloseAction) : hideModal(name, onCloseAction);
   };
   if (!$modalsManagerContainer) return null;
-  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+  return renderModal ? /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", {
     "data-modal-id": name,
     "data-test-id": "modal",
     className: cn(modalVariants({
       width: width
     }), visibleClass ? 'aurora-opacity-100 aurora-animate-modal-slide-in' : 'aurora-opacity-0 aurora-animate-modal-slide-out')
-  }, header && /*#__PURE__*/React.createElement(ModalHeader, {
+  }, header && /*#__PURE__*/React__default.createElement(ModalHeader, {
     hasCloseIcon: hasCloseIcon,
     text: header.text,
     onClose: handleCloseModal
-  }), children && /*#__PURE__*/React.createElement("div", {
+  }), children && /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-overflow-y-auto"
-  }, children), footer && /*#__PURE__*/React.createElement(ModalFooter, {
+  }, children), footer && /*#__PURE__*/React__default.createElement(ModalFooter, {
     text: footer.text
   })), $modalsManagerContainer) : null;
 };

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

@@ -1,15 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 import { CloseLine } from '../../../../assets/icons/close_line.js';
 
 var ModalCloseIcon = function ModalCloseIcon(_ref) {
   var onClose = _ref.onClose;
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React__default.createElement("button", {
     className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
     onClick: function onClick() {
       return onClose();
     },
     "data-test-id": "close-modal"
-  }, /*#__PURE__*/React.createElement(CloseLine, null));
+  }, /*#__PURE__*/React__default.createElement(CloseLine, null));
 };
 
 export { ModalCloseIcon };

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

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { ModalCloseIcon } from './modal_close_icon.js';
 
 var ModalHeader = function ModalHeader(_ref) {
@@ -6,12 +6,12 @@ var ModalHeader = function ModalHeader(_ref) {
     text = _ref$text === void 0 ? '' : _ref$text,
     onClose = _ref.onClose,
     hasCloseIcon = _ref.hasCloseIcon;
-  return /*#__PURE__*/React.createElement("header", {
+  return /*#__PURE__*/React__default.createElement("header", {
     className: 'aurora-flex aurora-items-center aurora-justify-between aurora-mb-5',
     "data-test-id": "modal-header"
-  }, /*#__PURE__*/React.createElement("h3", {
+  }, /*#__PURE__*/React__default.createElement("h3", {
     className: "aurora-font-bold aurora-text-xl"
-  }, text), hasCloseIcon && /*#__PURE__*/React.createElement(ModalCloseIcon, {
+  }, text), hasCloseIcon && /*#__PURE__*/React__default.createElement(ModalCloseIcon, {
     onClose: onClose
   }));
 };

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { 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';
@@ -31,11 +31,11 @@ var ModalsWrapper = function ModalsWrapper(_ref) {
       return clearTimeout(showWrapperTimeout);
     };
   }, [openedModals]);
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", null, showWrapper && (/*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement("div", null, showWrapper && (/*#__PURE__*/React__default.createElement("div", {
     className: "aurora-fixed aurora-flex aurora-items-center aurora-justify-center aurora-top-0 aurora-left-0 aurora-w-full aurora-h-full aurora-z-20 aurora-p-4"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "aurora-absolute aurora-inset-x-0 aurora-inset-y-0 aurora-bg-inverse aurora-z-10 aurora-transition-opacity aurora-duration-300 aurora-animate-modal-backdrop-fade-in ".concat(visibleClass ? 'aurora-opacity-70' : 'aurora-opacity-0', " js__modal-mask")
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     id: MODALS_CONTENT_ID,
     className: "aurora-flex aurora-items-center aurora-justify-center aurora-z-30"
   }))), children), document.body);

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

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React__default, { useMemo } from 'react';
 import { ModalsManagerContext } from './modal_context.js';
 import { ModalsWrapper } from './components/modals_wrapper.js';
 import useModals from './hooks/use_modals.js';
@@ -26,9 +26,9 @@ var ModalsManager = function ModalsManager(_ref) {
       openedModals: openedModals
     };
   }, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
-  return /*#__PURE__*/React.createElement(ModalsManagerContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ModalsManagerContext.Provider, {
     value: value
-  }, /*#__PURE__*/React.createElement(ModalsWrapper, null, children));
+  }, /*#__PURE__*/React__default.createElement(ModalsWrapper, null, children));
 };
 
 export { ModalsManager };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Item } from '@radix-ui/react-toggle-group';
@@ -6,15 +6,15 @@ import { segmentedControlItemVariants } from './segmented_control_item_variants.
 import { SegmentedControlContext } from '../context/segmented_control_context.js';
 
 var _excluded = ["className", "children", "size", "variant"];
-var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SegmentedControlItem = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var _context$size, _context$variant;
   var className = _ref.className,
     children = _ref.children,
     size = _ref.size,
     variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  var context = React.useContext(SegmentedControlContext);
-  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
+  var context = React__default.useContext(SegmentedControlContext);
+  return /*#__PURE__*/React__default.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 data-[state=on]:before:aurora-rounded-4 data-[state=on]:before:aurora-z-10", segmentedControlItemVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React__default from 'react';
 import { SEGMENTED_CONTROL_SIZE_TYPES, SEGMENTED_CONTROL_VARIANT_TYPES } from '../segmented_control_constants.js';
 
-var SegmentedControlContext = /*#__PURE__*/React.createContext({
+var SegmentedControlContext = /*#__PURE__*/React__default.createContext({
   size: SEGMENTED_CONTROL_SIZE_TYPES.basic,
   variant: SEGMENTED_CONTROL_VARIANT_TYPES.basic
 });

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { Root } from '@radix-ui/react-toggle-group';
@@ -6,7 +6,7 @@ import { SEGMENTED_CONTROL_TYPE } from './segmented_control_constants.js';
 import { SegmentedControlContext } from './context/segmented_control_context.js';
 
 var _excluded = ["className", "size", "variant", "children", "type"];
-var SegmentedControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var SegmentedControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
@@ -14,11 +14,11 @@ var SegmentedControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? SEGMENTED_CONTROL_TYPE.single : _ref$type,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     ref: ref,
     className: 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.createElement(SegmentedControlContext.Provider, {
+  }, props), /*#__PURE__*/React__default.createElement(SegmentedControlContext.Provider, {
     value: {
       size: size,
       variant: variant,

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSidebarToggleProps } from "../sidebar_types";
+export declare const SidebarToggle: ({ side }: TSidebarToggleProps) => React.JSX.Element;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useSidebar } from '@auroraComponents/sidebar/hooks/use_sidebar';
+import { cn } from '@auroraUtilities/cn';
+import { CSS_COLOR_TOKENS_VALUES } from '@auroraConstants/css_tokens/css_color_tokens_values';
+import '@auroraComponents/sidebar/sidebar_types';
+import { cva } from 'class-variance-authority';
+import { SIDEBAR_SIDE } from '@auroraComponents/sidebar/sidebar_constants';
+import { ArrowLeftSLineIcon } from '@auroraAssets/icons/arrow_left_s_line_icon';
+const toggleVariants = cva('aurora-border-solid aurora-z-10 aurora-border-subtle aurora-bg aurora-py-1 aurora-absolute aurora-top-11 ', {
+    variants: {
+        side: {
+            [SIDEBAR_SIDE.left]: 'aurora-left-full aurora-rounded-r-2 aurora-rounded-l-0 aurora-border-l-0 aurora-border-r aurora-border-t aurora-border-b',
+            [SIDEBAR_SIDE.right]: 'aurora-right-full aurora-rounded-r-0 aurora-rounded-l-2  aurora-border-r-0 aurora-border-l aurora-border-t aurora-border-b'
+        }
+    }
+});
+export const SidebarToggle = ({ side }) => {
+    const { toggleSidebar, open } = useSidebar();
+    return (React.createElement("button", { className: toggleVariants({ side }), onClick: toggleSidebar },
+        React.createElement(ArrowLeftSLineIcon, { color: CSS_COLOR_TOKENS_VALUES.neutral900, className: cn('aurora-overflow-hidden aurora-pointer aurora-transition-transform aurora-duration-100 aurora-text hover:aurora-scale-125', {
+                'aurora-rotate-180': (side === SIDEBAR_SIDE.right && open) || (side === SIDEBAR_SIDE.left && !open)
+            }) })));
+};
+//# sourceMappingURL=sidebar_toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar_toggle.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAC9F,OAAoC,yCAAyC,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,cAAc,GAAG,GAAG,CAAC,2GAA2G,EAAE;IACpI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,CAAC,YAAY,CAAC,IAAI,CAAC,EACf,0HAA0H;YAC9H,CAAC,YAAY,CAAC,KAAK,CAAC,EAChB,4HAA4H;SACnI;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IAC3D,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAE7C,OAAO,CACH,gCAAQ,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa;QAC/D,oBAAC,kBAAkB,IACf,KAAK,EAAE,uBAAuB,CAAC,UAAU,EACzC,SAAS,EAAE,EAAE,CACT,0HAA0H,EAC1H;gBACI,mBAAmB,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;aACtG,CACJ,GACH,CACG,CACZ,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,6 +1,4 @@
 import React from 'react';
-
-var SidebarContext = /*#__PURE__*/React.createContext(null);
-
-export { SidebarContext };
-//# sourceMappingURL=sidebar_context.js.map
+import '@auroraComponents/sidebar/context/sidebar_context_types';
+export const SidebarContext = React.createContext(null);
+//# sourceMappingURL=sidebar_context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"sidebar_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAgC,yDAAyD,CAAC;AAE1F,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAyB,IAAI,CAAC,CAAC"}

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

@@ -1,58 +1,40 @@
-import { useState, useEffect, useMemo, createElement } from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { SidebarContext } from './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,
-    children = _ref.children,
-    persistentKey = _ref.persistentKey,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var setPersistedState = function setPersistedState(value) {
-    if (!persistentKey) return;
-    try {
-      localStorage.setItem(persistentKey, String(value));
-    } catch (error) {
-      console.error('Failed to set persisted state', error);
-    }
-  };
-  var _React$useState = useState(openProp),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    _open = _React$useState2[0],
-    _setOpen = _React$useState2[1];
-  useEffect(function () {
-    if (openProp !== undefined && openProp !== _open) setOpen(openProp);
-  }, [openProp]);
-  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);
-  };
-  var toggleSidebar = function toggleSidebar() {
-    setOpen(function (open) {
-      return !open;
-    });
-  };
-  var contextValue = useMemo(function () {
-    return {
-      open: _open,
-      toggleSidebar: toggleSidebar
+import { SidebarContext } from '@auroraComponents/sidebar/context/sidebar_context';
+import * as React from 'react';
+import '@auroraComponents/sidebar/context/sidebar_context_types';
+import { useEffect } from 'react';
+export const SidebarProvider = ({ onToggle, open: openProp = true, className, style, children, persistentKey, ...props }) => {
+    const setPersistedState = (value) => {
+        if (!persistentKey)
+            return;
+        try {
+            localStorage.setItem(persistentKey, String(value));
+        }
+        catch (error) {
+            console.error('Failed to set persisted state', error);
+        }
     };
-  }, [open, toggleSidebar]);
-  return /*#__PURE__*/createElement(SidebarContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/createElement("div", _objectSpread2({
-    style: style
-  }, props), children));
+    const [_open, _setOpen] = React.useState(openProp);
+    useEffect(() => {
+        if (openProp !== undefined && openProp !== _open)
+            setOpen(openProp);
+    }, [openProp]);
+    useEffect(() => {
+        setPersistedState(_open);
+    }, []);
+    const setOpen = (open) => {
+        const nextValue = typeof open === 'function' ? open(_open) : open;
+        onToggle?.(nextValue);
+        _setOpen(nextValue);
+        setPersistedState(nextValue);
+    };
+    const toggleSidebar = () => {
+        setOpen((open) => !open);
+    };
+    const contextValue = React.useMemo(() => ({
+        open: _open,
+        toggleSidebar
+    }), [open, toggleSidebar]);
+    return (React.createElement(SidebarContext.Provider, { value: contextValue },
+        React.createElement("div", { style: style, ...props }, children)));
 };
-
-export { SidebarProvider };
-//# sourceMappingURL=sidebar_prvider.js.map
+//# sourceMappingURL=sidebar_prvider.js.map

package/build/esm/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;"}
+{"version":3,"file":"sidebar_prvider.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_prvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAuD,yDAAyD,CAAC;AACjH,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EACR,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EAC+B,EAAE,EAAE;IAC3C,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE;QACzC,IAAI,CAAC,aAAa;YAAE,OAAO;QAE3B,IAAI;YACA,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;SACtD;QAAC,OAAO,KAAK,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC;SACzD;IACL,CAAC,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,KAAK;YAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACX,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,CAAC,IAA6C,EAAE,EAAE;QAC9D,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAElE,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;QACtB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC;QACH,IAAI,EAAE,KAAK;QACX,aAAa;KAChB,CAAC,EACF,CAAC,IAAI,EAAE,aAAa,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACxC,6BAAK,KAAK,EAAE,KAAK,KAAM,KAAK,IACvB,QAAQ,CACP,CACgB,CAC7B,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/sidebar/hooks/use_sidebar.js

@@ -1,13 +1,10 @@
 import React from 'react';
-import { SidebarContext } from '../context/sidebar_context.js';
-
-var useSidebar = function useSidebar() {
-  var context = React.useContext(SidebarContext);
-  if (!context) {
-    throw new Error('useSidebar must be used within a SidebarProvider.');
-  }
-  return context;
+import { SidebarContext } from '@auroraComponents/sidebar/context/sidebar_context';
+export const useSidebar = () => {
+    const context = React.useContext(SidebarContext);
+    if (!context) {
+        throw new Error('useSidebar must be used within a SidebarProvider.');
+    }
+    return context;
 };
-
-export { useSidebar };
-//# sourceMappingURL=use_sidebar.js.map
+//# sourceMappingURL=use_sidebar.js.map

package/build/esm/packages/aurora/src/components/sidebar/hooks/use_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;"}
+{"version":3,"file":"use_sidebar.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/hooks/use_sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAEnF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}

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

@@ -1,54 +1,27 @@
-import { forwardRef, useRef, useImperativeHandle, createElement } 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';
-import { SIDEBAR_SIDE } from './sidebar_constants.js';
-import { SidebarTrigger } from './components/sidebar_trigger.js';
-
-var _excluded = ["className", "children", "TriggerButton", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "side"];
-var Sidebar = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$TriggerButton = _ref.TriggerButton,
-    TriggerButton = _ref$TriggerButton === void 0 ? 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,
-    _ref$side = _ref.side,
-    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useSidebar = useSidebar(),
-    open = _useSidebar.open;
-  var sidebarRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return sidebarRef.current;
-  });
-  return /*#__PURE__*/createElement("div", _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,
-      height: height,
-      minHeight: minHeight,
-      maxHeight: maxHeight
-    }
-  }, props), TriggerButton ? /*#__PURE__*/createElement(TriggerButton, {
-    side: side
-  }) : null, /*#__PURE__*/createElement("div", {
-    className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
-      'aurora-opacity-0': !open,
-      'aurora-opacity-100': open
-    })
-  }, children));
+import * as React from 'react';
+import { cn } from '@auroraUtilities/cn';
+import { useSidebar } from '@auroraComponents/sidebar/hooks/use_sidebar';
+import '@auroraComponents/sidebar/sidebar_types';
+import { useImperativeHandle, useRef } from 'react';
+import { SIDEBAR_SIDE } from '@auroraComponents/sidebar/sidebar_constants';
+import { SidebarToggle } from '@auroraComponents/sidebar/components/sidebar_toggle';
+export const Sidebar = React.forwardRef(({ className, children, TriggerButton = SidebarToggle, width, minWidth, maxWidth, height = '100%', minHeight, maxHeight, side = SIDEBAR_SIDE.left, ...props }, ref) => {
+    const { open } = useSidebar();
+    const sidebarRef = useRef(null);
+    useImperativeHandle(ref, () => sidebarRef.current);
+    return (React.createElement("div", { "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,
+            height,
+            minHeight,
+            maxHeight
+        }, ...props },
+        TriggerButton ? React.createElement(TriggerButton, { side: side }) : null,
+        React.createElement("div", { className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
+                'aurora-opacity-0': !open,
+                'aurora-opacity-100': open
+            }) }, children)));
 });
 Sidebar.displayName = 'Sidebar';
-
-export { Sidebar };
-//# sourceMappingURL=sidebar.js.map
+//# sourceMappingURL=sidebar.js.map

package/build/esm/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;"}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAA8B,yCAAyC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAC;AAEpF,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACnC,CACI,EACI,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,aAAa,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,SAAS,EACT,SAAS,EACT,IAAI,GAAG,YAAY,CAAC,IAAI,EACxB,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,mBAAmB,CAA+C,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEjG,OAAO,CACH,8CACmB,IAAI,EACnB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,SAAS,CAAC,EACrF,KAAK,EAAE;YACH,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACvB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1B,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM;YACN,SAAS;YACT,SAAS;SACZ,KACG,KAAK;QAER,aAAa,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI;QACrD,6BACI,SAAS,EAAE,EAAE,CAAC,kDAAkD,EAAE;gBAC9D,kBAAkB,EAAE,CAAC,IAAI;gBACzB,oBAAoB,EAAE,IAAI;aAC7B,CAAC,IAED,QAAQ,CACP,CACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

@@ -2,3 +2,7 @@ export declare const SIDEBAR_SIDE: {
     readonly left: "left";
     readonly right: "right";
 };
+export declare const SIDEBAR_VARIANT_TYPES: {
+    readonly persistent: "persistent";
+    readonly temporary: "temporary";
+};

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

@@ -1,7 +1,9 @@
-var SIDEBAR_SIDE = {
-  left: 'left',
-  right: 'right'
+export const SIDEBAR_SIDE = {
+    left: 'left',
+    right: 'right'
 };
-
-export { SIDEBAR_SIDE };
-//# sourceMappingURL=sidebar_constants.js.map
+export const SIDEBAR_VARIANT_TYPES = {
+    persistent: 'persistent',
+    temporary: 'temporary'
+};
+//# sourceMappingURL=sidebar_constants.js.map

package/build/esm/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;"}
+{"version":3,"file":"sidebar_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,WAAW;CAChB,CAAC"}

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

@@ -1,11 +1,14 @@
 import React from 'react';
 import { SIDEBAR_SIDE } from "./sidebar_constants";
 import { Any } from 'ts-toolbelt';
-export declare type TSidebarTriggerProps = {
+export declare type TSidebarToggleProps = {
     side: TSidebarSide;
 };
 export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
 export declare type TSidebarProps = {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
     className?: string;
     width: string;
     minWidth?: string;

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

@@ -0,0 +1,3 @@
+import { TSidebarProps } from "./sidebar_types_types";
+import React from 'react';
+export declare const Sidebar: (props: TSidebarProps) => React.JSX.Element;