@dreamcommerce/aurora 3.0.0-57 → 3.0.0-59

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

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

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

@@ -34,9 +34,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
       maxWidth: open ? width : 0,
       minWidth: open ? width : 0
     }
-  }, props), TriggerButton ? /*#__PURE__*/React__default['default'].createElement(TriggerButton, {
-    side: side
-  }) : null, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
     className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
   }, children));
 });

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

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

@@ -23,7 +23,8 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     _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;
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    TriggerButton = _ref.TriggerButton;
   var _useSidebar = use_sidebar.useSidebar(),
     open = _useSidebar.open,
     close = _useSidebar.close;
@@ -55,14 +56,14 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     return sidebarRef.current;
   });
   return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn('aurora-absolute aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+    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
     }
-  }, /*#__PURE__*/React__default['default'].createElement("aside", {
+  }, 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,

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

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

@@ -12,17 +12,30 @@ var SidebarProvider = function SidebarProvider(_ref) {
     defaultOpen = _ref.defaultOpen,
     onOpenChange = _ref.onOpenChange,
     children = _ref.children,
-    persistentKey = _ref.persistentKey,
+    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 initialOpen = variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
+  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],

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

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

@@ -13,30 +13,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "variant", "side", "width", "className", "container"];
+var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
 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,
-    container = _ref.container,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, _rollupPluginBabelHelpers.objectSpread2({
+    variant = _ref.variant,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    defaultOpen = _ref.defaultOpen,
+    storageKey = _ref.storageKey,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
     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, {
-    container: container,
-    side: side,
-    width: width,
-    className: className
-  }, children)));
+    open: open,
+    onOpenChange: onOpenChange,
+    defaultOpen: defaultOpen,
+    storageKey: storageKey
+  }, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
+    variant: variant
+  }, rest), children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, _rollupPluginBabelHelpers.objectSpread2({
+    variant: variant
+  }, rest), children)));
 };
 
 exports.Sidebar = Sidebar;

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

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

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

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

@@ -3,7 +3,5 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
     width?: string | undefined;
     className?: string | undefined;
     side?: "left" | "right" | undefined;
-    TriggerButton?: React.ComponentType<{
-        side?: "left" | "right" | undefined;
-    }> | undefined;
+    TriggerButton?: React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -26,9 +26,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       maxWidth: open ? width : 0,
       minWidth: open ? width : 0
     }
-  }, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
-    side: side
-  }) : null, /*#__PURE__*/React.createElement("div", {
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
     className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
   }, children));
 });

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

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

@@ -4,9 +4,7 @@ export declare type TPersistentSidebarProps = {
     width?: string;
     className?: string;
     side?: TSidebarSide;
-    TriggerButton?: React.ComponentType<{
-        side?: TSidebarSide;
-    }>;
+    TriggerButton?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare type TTemporalSidebar = React.PropsWithoutRef<{
     width?: string;
@@ -14,4 +12,5 @@ export declare type TTemporalSidebar = React.PropsWithoutRef<{
     side?: TSidebarSide;
     container?: HTMLElement;
     closeOnOutsideClick?: boolean;
+    TriggerButton?: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -5,4 +5,5 @@ export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React
     side?: "left" | "right" | undefined;
     container?: HTMLElement | undefined;
     closeOnOutsideClick?: boolean | undefined;
+    TriggerButton?: React.ReactNode;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -15,7 +15,8 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$side = _ref.side,
     side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
-    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl;
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    TriggerButton = _ref.TriggerButton;
   var _useSidebar = useSidebar(),
     open = _useSidebar.open,
     close = _useSidebar.close;
@@ -47,14 +48,14 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return sidebarRef.current;
   });
   return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+    className: cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
       'aurora-left-0': side === SIDEBAR_SIDE.left,
       'aurora-right-0': side === SIDEBAR_SIDE.right
     }),
     style: {
       width: containerWidth
     }
-  }, /*#__PURE__*/React.createElement("aside", {
+  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
     ref: sidebarRef,
     className: cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
       'aurora-translate-x-0': open && side === SIDEBAR_SIDE.left,

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

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

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

@@ -1,5 +1,13 @@
+import { TSidebarVariant } from "../sidebar_types_types";
 export declare type TSidebarContext = {
     toggle: () => void;
     close: () => void;
     open: boolean;
 };
+export declare type TSidebarProviderProps = {
+    variant?: TSidebarVariant;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    storageKey?: string;
+};

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

@@ -1,2 +1,2 @@
-export {};
+import '@auroraComponents/sidebar/sidebar_types_types';
 //# 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":""}
+{"version":3,"file":"sidebar_context_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/context/sidebar_context_types.ts"],"names":[],"mappings":"AAAA,OAAgC,+CAA+C,CAAC"}

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

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

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

@@ -8,17 +8,30 @@ var SidebarProvider = function SidebarProvider(_ref) {
     defaultOpen = _ref.defaultOpen,
     onOpenChange = _ref.onOpenChange,
     children = _ref.children,
-    persistentKey = _ref.persistentKey,
+    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 initialOpen = variant === SIDEBAR_VARIANTS.persistent;
+  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_VARIANTS.persistent;
   var _React$useState = useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     _open = _React$useState2[0],

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

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

@@ -1,3 +1,3 @@
 import { TSidebarProps } from "./sidebar_types_types";
 import React, { PropsWithChildren } from 'react';
-export declare const Sidebar: ({ children, variant, side, width, className, container, ...props }: PropsWithChildren<TSidebarProps>) => React.JSX.Element;
+export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, storageKey, ...rest }: React.PropsWithChildren<TSidebarProps<T>>) => React.JSX.Element;

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

@@ -1,34 +1,30 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { SIDEBAR_VARIANTS, SIDEBAR_SIDE } from './sidebar_constants.js';
+import { SIDEBAR_VARIANTS } from './sidebar_constants.js';
 import { PersistentSidebar } from './components/persistent_sidebar.js';
 import { SidebarProvider } from './context/sidebar_prvider.js';
 import { TemporalSidebar } from './components/temporal_sidebar.js';
 
-var _excluded = ["children", "variant", "side", "width", "className", "container"];
+var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
 var Sidebar = function Sidebar(_ref) {
   var children = _ref.children,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? SIDEBAR_VARIANTS.persistent : _ref$variant,
-    _ref$side = _ref.side,
-    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
-    width = _ref.width,
-    className = _ref.className,
-    container = _ref.container,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SidebarProvider, _objectSpread2({
+    variant = _ref.variant,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    defaultOpen = _ref.defaultOpen,
+    storageKey = _ref.storageKey,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(SidebarProvider, {
     variant: variant,
-    width: width,
-    className: className
-  }, props), variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, {
-    width: width,
-    className: className
-  }, children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, {
-    container: container,
-    side: side,
-    width: width,
-    className: className
-  }, children)));
+    open: open,
+    onOpenChange: onOpenChange,
+    defaultOpen: defaultOpen,
+    storageKey: storageKey
+  }, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, _objectSpread2({
+    variant: variant
+  }, rest), children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, _objectSpread2({
+    variant: variant
+  }, rest), children)));
 };
 
 export { Sidebar };

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

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

@@ -1,16 +1,13 @@
 import React from 'react';
 import { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./sidebar_constants";
 import { Any } from 'ts-toolbelt';
+import { TPersistentSidebarProps, TTemporalSidebar } from "./components/sidebar_components_types";
 export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
 export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
-export declare type TSidebarProps = {
-    variant?: TSidebarVariant;
+export declare type TSidebarProps<T extends TSidebarVariant> = {
+    variant: T;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     defaultOpen?: boolean;
-    side?: TSidebarSide;
-    width?: string;
-    className?: string;
-    persistentKey?: string;
-    container?: HTMLElement;
-} & React.HTMLAttributes<HTMLHtmlElement>;
+    storageKey?: string;
+} & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);

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

@@ -1,4 +1,5 @@
 import 'react';
 import '@auroraComponents/sidebar/sidebar_constants';
 import 'ts-toolbelt';
+import '@auroraComponents/sidebar/components/sidebar_components_types';
 //# sourceMappingURL=sidebar_types_types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC"}
+{"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC"}