@dreamcommerce/aurora 3.0.0-6 → 3.0.0-60

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

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

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { TSidebarSide } from "../sidebar_types_types";
+export declare type TPersistentSidebarProps = {
+    width?: string;
+    className?: string;
+    side?: TSidebarSide;
+    TriggerButton?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare type TTemporalSidebar = React.PropsWithoutRef<{
+    width?: string;
+    className?: string;
+    side?: TSidebarSide;
+    container?: HTMLElement;
+    closeOnOutsideClick?: boolean;
+    TriggerButton?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,+CAA+C,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    width?: string | undefined;
+    className?: string | undefined;
+    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

@@ -0,0 +1,75 @@
+import React, { useRef, useEffect, useImperativeHandle } from 'react';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { SIDEBAR_SIDE } from '../sidebar_constants.js';
+import { useSidebar } from '../hooks/use_sidebar.js';
+import { createPortal } from 'react-dom';
+import { useClickOutside } from '../../../hooks/use_click_outside.js';
+
+var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? document.body : _ref$container,
+    className = _ref.className,
+    width = _ref.width,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    TriggerButton = _ref.TriggerButton;
+  var _useSidebar = useSidebar(),
+    open = _useSidebar.open,
+    close = _useSidebar.close;
+  var sidebarRef = useRef(null);
+  var _React$useState = React.useState(!open ? '0' : 'auto'),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    containerWidth = _React$useState2[0],
+    setContainerWidth = _React$useState2[1];
+  useClickOutside({
+    refs: [sidebarRef],
+    callback: function callback() {
+      if (closeOnOutsideClick && open) close();
+    }
+  });
+  useEffect(function () {
+    if (open) setContainerWidth('auto');
+  }, [open]);
+  var handleTransitionEnd = function handleTransitionEnd() {
+    if (!open) setContainerWidth('0');
+  };
+  useEffect(function () {
+    var sidebar = sidebarRef.current;
+    sidebar === null || sidebar === void 0 ? void 0 : sidebar.addEventListener('transitionend', handleTransitionEnd);
+    return function () {
+      sidebar === null || sidebar === void 0 ? void 0 : sidebar.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [open]);
+  useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    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
+    }
+  }, 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,
+      '-aurora-translate-x-full': !open && side === SIDEBAR_SIDE.left,
+      'aurora-translate-x-full': !open && side === SIDEBAR_SIDE.right
+    }, className),
+    style: {
+      width: open && width ? width : undefined,
+      maxWidth: open && width ? width : undefined,
+      minWidth: open && width ? width : undefined
+    }
+  }, children)), container);
+});
+TemporalSidebar.displayName = 'TemporalSidebar';
+
+export { TemporalSidebar };
+//# sourceMappingURL=temporal_sidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,12 +1,13 @@
-import React from 'react';
+import { TSidebarVariant } from "../sidebar_types_types";
 export declare type TSidebarContext = {
-    toggleSidebar: () => void;
+    toggle: () => void;
+    close: () => void;
     open: boolean;
 };
 export declare type TSidebarProviderProps = {
-    onToggle?: (open: boolean) => void;
+    variant?: TSidebarVariant;
     open?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    persistentKey?: string;
+    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 @@
-import 'react';
+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":"AAAA,OAAkB,OAAO,CAAC"}
+{"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,3 +1,4 @@
-import { TSidebarProviderProps } from "./sidebar_context_types";
+import * as React from 'react';
 import { PropsWithChildren } from 'react';
-export declare const SidebarProvider: ({ onToggle, open: openProp, className, style, children, persistentKey, ...props }: PropsWithChildren<TSidebarProviderProps>) => 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

@@ -1,57 +1,69 @@
 import { useState, useEffect, useMemo, createElement } from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { SIDEBAR_VARIANTS } from '../sidebar_constants.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,
+  var open = _ref.open,
+    defaultOpen = _ref.defaultOpen,
+    onOpenChange = _ref.onOpenChange,
     children = _ref.children,
-    persistentKey = _ref.persistentKey,
-    props = _objectWithoutProperties(_ref, _excluded);
+    storageKey = _ref.storageKey,
+    variant = _ref.variant;
   var setPersistedState = function setPersistedState(value) {
-    if (!persistentKey) return;
+    if (!storageKey) return;
     try {
-      localStorage.setItem(persistentKey, String(value));
+      localStorage.setItem(storageKey, String(value));
     } catch (error) {
       console.error('Failed to set persisted state', error);
     }
   };
-  var _React$useState = useState(openProp),
+  var hasPersistedState = function hasPersistedState() {
+    if (!storageKey) return false;
+    return localStorage.getItem(storageKey) !== null;
+  };
+  var getPersistedState = function getPersistedState() {
+    if (!storageKey || !hasPersistedState()) return;
+    try {
+      return localStorage.getItem(storageKey) === 'true';
+    } catch (error) {
+      console.error('Failed to get persisted state', error);
+    }
+    return undefined;
+  };
+  var initialOpen = hasPersistedState() ? getPersistedState() : variant === SIDEBAR_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],
     _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);
+  }, [_open]);
+  useEffect(function () {
+    if (onOpenChange) _setOpen(open !== null && open !== void 0 ? open : initialOpen);
+  }, [open]);
+  if (open !== undefined && onOpenChange === undefined) {
+    console.error('The controlled open state of the popover. Must be used in conjunction with onOpenChange.');
+  }
+  var setOpen = function setOpen(nextOpen) {
+    _setOpen(nextOpen);
+  };
+  var toggle = function toggle() {
+    onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
   };
-  var toggleSidebar = function toggleSidebar() {
-    setOpen(function (open) {
-      return !open;
-    });
+  var close = function close() {
+    onOpenChange ? onOpenChange(false) : setOpen(false);
   };
   var contextValue = useMemo(function () {
     return {
       open: _open,
-      toggleSidebar: toggleSidebar
+      toggle: toggle,
+      close: close
     };
-  }, [open, toggleSidebar]);
+  }, [_open, toggle]);
   return /*#__PURE__*/createElement(SidebarContext.Provider, {
     value: contextValue
-  }, /*#__PURE__*/createElement("div", _objectSpread2({
-    style: style
-  }, props), children));
+  }, children);
 };
 
 export { SidebarProvider };

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":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 * as React from 'react';
-import { TSidebarProps } from "./sidebar_types";
-export declare const Sidebar: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & TSidebarProps, "slot" | "style" | "title" | "className" | "children" | "TriggerButton" | "side" | "width" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement | null>>;
+import { TSidebarProps } from "./sidebar_types_types";
+import React, { PropsWithChildren } from 'react';
+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,44 +1,31 @@
-import { forwardRef, useRef, useImperativeHandle, createElement } from 'react';
+import React 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 { SidebarContent } from './components/sidebar_content.js';
-import { SidebarTrigger } from './components/sidebar_trigger.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 = ["className", "children", "TriggerButton", "width", "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,
-    _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({
-    ref: sidebarRef,
-    style: {
-      maxWidth: open ? "".concat(width, "px") : 0,
-      minWidth: open ? "".concat(width, "px") : 0
-    },
-    className: cn("aurora-relative aurora-transition-all aurora-duration-200 aurora-ease-linear aurora-h-svh")
-  }, props), TriggerButton ? /*#__PURE__*/createElement(TriggerButton, {
-    side: side
-  }) : null, /*#__PURE__*/createElement("div", {
-    className: cn({
-      'aurora-opacity-0': !open,
-      'aurora-opacity-100': open
-    })
-  }, /*#__PURE__*/createElement(SidebarContent, null, children)));
-});
-Sidebar.displayName = 'Sidebar';
+var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
+var Sidebar = function Sidebar(_ref) {
+  var children = _ref.children,
+    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,
+    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 };
 //# 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;"}
+{"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_constants.d.ts

@@ -1,3 +1,7 @@
+export declare const SIDEBAR_VARIANTS: {
+    readonly persistent: "persistent";
+    readonly temporal: "temporal";
+};
 export declare const SIDEBAR_SIDE: {
     readonly left: "left";
     readonly right: "right";

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

@@ -1,7 +1,11 @@
+var SIDEBAR_VARIANTS = {
+  persistent: 'persistent',
+  temporal: 'temporal'
+};
 var SIDEBAR_SIDE = {
   left: 'left',
   right: 'right'
 };
 
-export { SIDEBAR_SIDE };
+export { SIDEBAR_SIDE, SIDEBAR_VARIANTS };
 //# 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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +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<T extends TSidebarVariant> = {
+    variant: T;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    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

@@ -0,0 +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

@@ -0,0 +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;AAClC,OAA0D,+DAA+D,CAAC"}

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

@@ -1,3 +1,23 @@
 import React from 'react';
-import { TStackProps } from "./stack_types";
-export declare const Stack: React.ForwardRefExoticComponent<TStackProps & React.RefAttributes<HTMLElement>>;
+export declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+    justify?: "start" | "end" | "center" | "stretch" | "normal" | "between" | "around" | "evenly" | undefined;
+    align?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
+    wrap?: string | undefined;
+    children?: React.ReactNode;
+    as?: string | undefined;
+    inline?: boolean | undefined;
+    style?: Record<any, any> | undefined;
+    attributes?: Record<string, any> | undefined;
+    onMouseDown?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    width?: string | undefined;
+    minWidth?: string | undefined;
+    maxWidth?: string | undefined;
+    height?: string | undefined;
+    minHeight?: string | undefined;
+    maxHeight?: string | undefined;
+    className?: string | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;

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

@@ -1,15 +1,16 @@
-import React, { useRef, useImperativeHandle, useEffect } from 'react';
-import { defineProperty as _defineProperty, slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import React, { useRef, useImperativeHandle } from 'react';
+import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
+import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
 
+var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
 var stackVariants = cva('aurora-flex', {
   variants: {
     direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
     wrap: _defineProperty(_defineProperty(_defineProperty({}, STACK_WRAP_TYPES.wrap, 'aurora-flex-wrap'), STACK_WRAP_TYPES.nowrap, 'aurora-flex-nowrap'), STACK_WRAP_TYPES.wrapReverse, 'aurora-flex-wrap-reverse'),
-    alignItems: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
-    justifyContent: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
+    align: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
+    justify: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
     display: {
       inline: 'aurora-inline-flex'
     }
@@ -17,58 +18,51 @@ var stackVariants = cva('aurora-flex', {
 });
 var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-    _ref$spacing = _ref.spacing,
-    spacing = _ref$spacing === void 0 ? 0 : _ref$spacing,
+    spacing = _ref.spacing,
     className = _ref.className,
     _ref$direction = _ref.direction,
     direction = _ref$direction === void 0 ? STACK_DIRECTION_TYPES.row : _ref$direction,
-    _ref$justifyContent = _ref.justifyContent,
-    justifyContent = _ref$justifyContent === void 0 ? STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justifyContent,
-    _ref$alignItems = _ref.alignItems,
-    alignItems = _ref$alignItems === void 0 ? STACK_ALIGN_ITEMS_TYPES.start : _ref$alignItems,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justify,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? STACK_ALIGN_ITEMS_TYPES.start : _ref$align,
     _ref$wrap = _ref.wrap,
     wrap = _ref$wrap === void 0 ? STACK_WRAP_TYPES.nowrap : _ref$wrap,
     _ref$as = _ref.as,
     as = _ref$as === void 0 ? 'div' : _ref$as,
     _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? false : _ref$inline,
-    onMouseLeave = _ref.onMouseLeave,
-    onMouseEnter = _ref.onMouseEnter,
-    onMouseDown = _ref.onMouseDown,
-    attributes = _ref.attributes,
-    onClick = _ref.onClick;
+    width = _ref.width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    height = _ref.height,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var internalRef = useRef(null);
   useImperativeHandle(ref, function () {
     return internalRef.current;
   }, []);
-  useEffect(function () {
-    if (!internalRef.current || !attributes) return;
-    Object.entries(attributes).forEach(function (_ref2) {
-      var _internalRef$current;
-      var _ref3 = _slicedToArray(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
-      (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.setAttribute(key, value);
-    });
-  }, [attributes]);
   var display = inline ? 'inline' : null;
-  return /*#__PURE__*/React.createElement(as, {
+  return /*#__PURE__*/React.createElement(as, _objectSpread2({
     ref: internalRef,
     className: cn(stackVariants({
       direction: direction,
-      justifyContent: justifyContent,
-      alignItems: alignItems,
+      justify: justify,
+      align: align,
       wrap: wrap,
       display: display
-    }), className),
-    style: {
-      gap: "".concat(spacing, "px")
-    },
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    onMouseDown: onMouseDown,
-    onClick: onClick
-  }, children);
+    }), className, _defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
+    style: _objectSpread2({
+      width: width,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      height: height,
+      minHeight: minHeight,
+      maxHeight: maxHeight
+    }, style !== null && style !== void 0 ? style : {})
+  }, rest), children);
 });
 Stack.displayName = 'Stack';
 

package/build/esm/packages/aurora/src/components/stack/stack.js.map

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