@dreamcommerce/aurora 3.0.0-58 → 3.0.0-59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -3
  3. package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +4 -3
  5. package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +17 -4
  7. package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js +4 -2
  9. package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
  10. package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js +1 -1
  11. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts +1 -3
  12. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js +1 -3
  13. package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map +1 -1
  14. package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts +2 -3
  15. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts +1 -0
  16. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js +4 -3
  17. package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map +1 -1
  18. package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts +1 -1
  19. package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.d.ts +1 -1
  20. package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js +17 -4
  21. package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/sidebar/sidebar.d.ts +1 -1
  23. package/build/esm/packages/aurora/src/components/sidebar/sidebar.js +4 -2
  24. package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map +1 -1
  25. package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts +1 -1
  26. package/build/index.css +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED
@@ -24,7 +24,7 @@ var SegmentedControlItem = /*#__PURE__*/React__default['default'].forwardRef(fun
24
24
  var context = React__default['default'].useContext(segmented_control_context.SegmentedControlContext);
25
25
  return /*#__PURE__*/React__default['default'].createElement(ToggleGroupPrimitive.Item, _rollupPluginBabelHelpers.objectSpread2({
26
26
  ref: ref,
27
- 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({
27
+ 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({
28
28
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
29
29
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
30
30
  }), className)
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js CHANGED
@@ -34,9 +34,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
34
34
  maxWidth: open ? width : 0,
35
35
  minWidth: open ? width : 0
36
36
  }
37
- }, props), TriggerButton ? /*#__PURE__*/React__default['default'].createElement(TriggerButton, {
38
- side: side
39
- }) : null, /*#__PURE__*/React__default['default'].createElement("div", {
37
+ }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
40
38
  className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
41
39
  }, children));
42
40
  });
package/build/cjs/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map CHANGED
@@ -1 +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;"}
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/temporal_sidebar.js CHANGED
@@ -23,7 +23,8 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
23
23
  _ref$side = _ref.side,
24
24
  side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
25
25
  _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
26
- closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl;
26
+ closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
27
+ TriggerButton = _ref.TriggerButton;
27
28
  var _useSidebar = use_sidebar.useSidebar(),
28
29
  open = _useSidebar.open,
29
30
  close = _useSidebar.close;
@@ -55,14 +56,14 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
55
56
  return sidebarRef.current;
56
57
  });
57
58
  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
58
- className: cn.cn('aurora-absolute aurora-top-0 aurora-h-full aurora-overflow-hidden', {
59
+ className: cn.cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
59
60
  'aurora-left-0': side === sidebar_constants.SIDEBAR_SIDE.left,
60
61
  'aurora-right-0': side === sidebar_constants.SIDEBAR_SIDE.right
61
62
  }),
62
63
  style: {
63
64
  width: containerWidth
64
65
  }
65
- }, /*#__PURE__*/React__default['default'].createElement("aside", {
66
+ }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
66
67
  ref: sidebarRef,
67
68
  className: cn.cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
68
69
  'aurora-translate-x-0': open && side === sidebar_constants.SIDEBAR_SIDE.left,
package/build/cjs/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map CHANGED
@@ -1 +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;"}
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 CHANGED
@@ -12,17 +12,30 @@ var SidebarProvider = function SidebarProvider(_ref) {
12
12
  defaultOpen = _ref.defaultOpen,
13
13
  onOpenChange = _ref.onOpenChange,
14
14
  children = _ref.children,
15
- persistentKey = _ref.persistentKey,
15
+ storageKey = _ref.storageKey,
16
16
  variant = _ref.variant;
17
17
  var setPersistedState = function setPersistedState(value) {
18
- if (!persistentKey) return;
18
+ if (!storageKey) return;
19
19
  try {
20
- localStorage.setItem(persistentKey, String(value));
20
+ localStorage.setItem(storageKey, String(value));
21
21
  } catch (error) {
22
22
  console.error('Failed to set persisted state', error);
23
23
  }
24
24
  };
25
- var initialOpen = variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
25
+ var hasPersistedState = function hasPersistedState() {
26
+ if (!storageKey) return false;
27
+ return localStorage.getItem(storageKey) !== null;
28
+ };
29
+ var getPersistedState = function getPersistedState() {
30
+ if (!storageKey || !hasPersistedState()) return;
31
+ try {
32
+ return localStorage.getItem(storageKey) === 'true';
33
+ } catch (error) {
34
+ console.error('Failed to get persisted state', error);
35
+ }
36
+ return undefined;
37
+ };
38
+ var initialOpen = hasPersistedState() ? getPersistedState() : variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
26
39
  var _React$useState = React.useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
27
40
  _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
28
41
  _open = _React$useState2[0],
package/build/cjs/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js CHANGED
@@ -13,19 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
- var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen"];
16
+ var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
17
17
  var Sidebar = function Sidebar(_ref) {
18
18
  var children = _ref.children,
19
19
  variant = _ref.variant,
20
20
  open = _ref.open,
21
21
  onOpenChange = _ref.onOpenChange,
22
22
  defaultOpen = _ref.defaultOpen,
23
+ storageKey = _ref.storageKey,
23
24
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
24
25
  return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
25
26
  variant: variant,
26
27
  open: open,
27
28
  onOpenChange: onOpenChange,
28
- defaultOpen: defaultOpen
29
+ defaultOpen: defaultOpen,
30
+ storageKey: storageKey
29
31
  }, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
30
32
  variant: variant
31
33
  }, rest), children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, _rollupPluginBabelHelpers.objectSpread2({
package/build/cjs/packages/aurora/src/components/sidebar/sidebar.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/segmented_control/components/segmented_control_item.js CHANGED
@@ -16,7 +16,7 @@ var SegmentedControlItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
16
16
  var context = React.useContext(SegmentedControlContext);
17
17
  return /*#__PURE__*/React.createElement(Item, _objectSpread2({
18
18
  ref: ref,
19
- 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({
19
+ 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({
20
20
  size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
21
21
  variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
22
22
  }), className)
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.d.ts CHANGED
@@ -3,7 +3,5 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
3
3
  width?: string | undefined;
4
4
  className?: string | undefined;
5
5
  side?: "left" | "right" | undefined;
6
- TriggerButton?: React.ComponentType<{
7
- side?: "left" | "right" | undefined;
8
- }> | undefined;
6
+ TriggerButton?: React.ReactNode;
9
7
  }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js CHANGED
@@ -26,9 +26,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
26
26
  maxWidth: open ? width : 0,
27
27
  minWidth: open ? width : 0
28
28
  }
29
- }, props), TriggerButton ? /*#__PURE__*/React.createElement(TriggerButton, {
30
- side: side
31
- }) : null, /*#__PURE__*/React.createElement("div", {
29
+ }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
32
30
  className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
33
31
  }, children));
34
32
  });
package/build/esm/packages/aurora/src/components/sidebar/components/persistent_sidebar.js.map CHANGED
@@ -1 +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;"}
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/esm/packages/aurora/src/components/sidebar/components/sidebar_components_types.d.ts CHANGED
@@ -4,9 +4,7 @@ export declare type TPersistentSidebarProps = {
4
4
  width?: string;
5
5
  className?: string;
6
6
  side?: TSidebarSide;
7
- TriggerButton?: React.ComponentType<{
8
- side?: TSidebarSide;
9
- }>;
7
+ TriggerButton?: React.ReactNode;
10
8
  } & React.HTMLAttributes<HTMLDivElement>;
11
9
  export declare type TTemporalSidebar = React.PropsWithoutRef<{
12
10
  width?: string;
@@ -14,4 +12,5 @@ export declare type TTemporalSidebar = React.PropsWithoutRef<{
14
12
  side?: TSidebarSide;
15
13
  container?: HTMLElement;
16
14
  closeOnOutsideClick?: boolean;
15
+ TriggerButton?: React.ReactNode;
17
16
  } & React.HTMLAttributes<HTMLDivElement>>;
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.d.ts CHANGED
@@ -5,4 +5,5 @@ export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React
5
5
  side?: "left" | "right" | undefined;
6
6
  container?: HTMLElement | undefined;
7
7
  closeOnOutsideClick?: boolean | undefined;
8
+ TriggerButton?: React.ReactNode;
8
9
  }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js CHANGED
@@ -15,7 +15,8 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
15
  _ref$side = _ref.side,
16
16
  side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
17
17
  _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
18
- closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl;
18
+ closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
19
+ TriggerButton = _ref.TriggerButton;
19
20
  var _useSidebar = useSidebar(),
20
21
  open = _useSidebar.open,
21
22
  close = _useSidebar.close;
@@ -47,14 +48,14 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
47
48
  return sidebarRef.current;
48
49
  });
49
50
  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
50
- className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-overflow-hidden', {
51
+ className: cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
51
52
  'aurora-left-0': side === SIDEBAR_SIDE.left,
52
53
  'aurora-right-0': side === SIDEBAR_SIDE.right
53
54
  }),
54
55
  style: {
55
56
  width: containerWidth
56
57
  }
57
- }, /*#__PURE__*/React.createElement("aside", {
58
+ }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
58
59
  ref: sidebarRef,
59
60
  className: cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
60
61
  'aurora-translate-x-0': open && side === SIDEBAR_SIDE.left,
package/build/esm/packages/aurora/src/components/sidebar/components/temporal_sidebar.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_context_types.d.ts CHANGED
@@ -9,5 +9,5 @@ export declare type TSidebarProviderProps = {
9
9
  open?: boolean;
10
10
  onOpenChange?: (open: boolean) => void;
11
11
  defaultOpen?: boolean;
12
- persistentKey?: string;
12
+ storageKey?: string;
13
13
  };
package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as React from 'react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { TSidebarProviderProps } from "./sidebar_context_types";
4
- export declare const SidebarProvider: ({ open, defaultOpen, onOpenChange, children, persistentKey, variant }: PropsWithChildren<TSidebarProviderProps>) => React.JSX.Element;
4
+ 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 CHANGED
@@ -8,17 +8,30 @@ var SidebarProvider = function SidebarProvider(_ref) {
8
8
  defaultOpen = _ref.defaultOpen,
9
9
  onOpenChange = _ref.onOpenChange,
10
10
  children = _ref.children,
11
- persistentKey = _ref.persistentKey,
11
+ storageKey = _ref.storageKey,
12
12
  variant = _ref.variant;
13
13
  var setPersistedState = function setPersistedState(value) {
14
- if (!persistentKey) return;
14
+ if (!storageKey) return;
15
15
  try {
16
- localStorage.setItem(persistentKey, String(value));
16
+ localStorage.setItem(storageKey, String(value));
17
17
  } catch (error) {
18
18
  console.error('Failed to set persisted state', error);
19
19
  }
20
20
  };
21
- var initialOpen = variant === SIDEBAR_VARIANTS.persistent;
21
+ var hasPersistedState = function hasPersistedState() {
22
+ if (!storageKey) return false;
23
+ return localStorage.getItem(storageKey) !== null;
24
+ };
25
+ var getPersistedState = function getPersistedState() {
26
+ if (!storageKey || !hasPersistedState()) return;
27
+ try {
28
+ return localStorage.getItem(storageKey) === 'true';
29
+ } catch (error) {
30
+ console.error('Failed to get persisted state', error);
31
+ }
32
+ return undefined;
33
+ };
34
+ var initialOpen = hasPersistedState() ? getPersistedState() : variant === SIDEBAR_VARIANTS.persistent;
22
35
  var _React$useState = useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
23
36
  _React$useState2 = _slicedToArray(_React$useState, 2),
24
37
  _open = _React$useState2[0],
package/build/esm/packages/aurora/src/components/sidebar/context/sidebar_prvider.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/sidebar/sidebar.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { TSidebarProps } from "./sidebar_types_types";
2
2
  import React, { PropsWithChildren } from 'react';
3
- export declare const Sidebar: <T extends "persistent" | "temporal">({ children, variant, open, onOpenChange, defaultOpen, ...rest }: React.PropsWithChildren<TSidebarProps<T>>) => React.JSX.Element;
3
+ 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 CHANGED
@@ -5,19 +5,21 @@ import { PersistentSidebar } from './components/persistent_sidebar.js';
5
5
  import { SidebarProvider } from './context/sidebar_prvider.js';
6
6
  import { TemporalSidebar } from './components/temporal_sidebar.js';
7
7
 
8
- var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen"];
8
+ var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
9
9
  var Sidebar = function Sidebar(_ref) {
10
10
  var children = _ref.children,
11
11
  variant = _ref.variant,
12
12
  open = _ref.open,
13
13
  onOpenChange = _ref.onOpenChange,
14
14
  defaultOpen = _ref.defaultOpen,
15
+ storageKey = _ref.storageKey,
15
16
  rest = _objectWithoutProperties(_ref, _excluded);
16
17
  return /*#__PURE__*/React.createElement(SidebarProvider, {
17
18
  variant: variant,
18
19
  open: open,
19
20
  onOpenChange: onOpenChange,
20
- defaultOpen: defaultOpen
21
+ defaultOpen: defaultOpen,
22
+ storageKey: storageKey
21
23
  }, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, _objectSpread2({
22
24
  variant: variant
23
25
  }, rest), children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, _objectSpread2({
package/build/esm/packages/aurora/src/components/sidebar/sidebar.js.map CHANGED
@@ -1 +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;"}
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;"}
package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts CHANGED
@@ -9,5 +9,5 @@ export declare type TSidebarProps<T extends TSidebarVariant> = {
9
9
  open?: boolean;
10
10
  onOpenChange?: (open: boolean) => void;
11
11
  defaultOpen?: boolean;
12
- persistentKey?: string;
12
+ storageKey?: string;
13
13
  } & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);