@dreamcommerce/aurora 3.0.0-53 → 3.0.0-54

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,OAAsE,+CAA+C,CAAC"}

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

@@ -1,3 +1,2 @@
-import React from 'react';
-import { TSidebarToggleProps } from "../sidebar_types";
-export declare const SidebarToggle: ({ side }: TSidebarToggleProps) => React.JSX.Element;
+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

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

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar_toggle.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAC9F,OAAoC,yCAAyC,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,MAAM,cAAc,GAAG,GAAG,CAAC,2GAA2G,EAAE;IACpI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,CAAC,YAAY,CAAC,IAAI,CAAC,EACf,0HAA0H;YAC9H,CAAC,YAAY,CAAC,KAAK,CAAC,EAChB,4HAA4H;SACnI;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IAC3D,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAE7C,OAAO,CACH,gCAAQ,SAAS,EAAE,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa;QAC/D,oBAAC,kBAAkB,IACf,KAAK,EAAE,uBAAuB,CAAC,UAAU,EACzC,SAAS,EAAE,EAAE,CACT,0HAA0H,EAC1H;gBACI,mBAAmB,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;aACtG,CACJ,GACH,CACG,CACZ,CAAC;AACN,CAAC,CAAC"}
+{"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,4 @@
+import { PropsWithChildren } from 'react';
+import { TTemporalSidebar } from "./sidebar_components_types";
+import React from 'react';
+export declare const TemporalSidebar: ({ children, container }: PropsWithChildren<TTemporalSidebar>) => React.ReactPortal;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { cn } from '../../../utilities/cn.js';
+import { createPortal } from 'react-dom';
+
+var TemporalSidebar = function TemporalSidebar(_ref) {
+  var children = _ref.children,
+    _ref$container = _ref.container,
+    container = _ref$container === void 0 ? document.body : _ref$container;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("aside", {
+    className: cn('aurora-absolute aurora-top-0 aurora-h-full aurora-left-0')
+  }, " ", children), container);
+};
+
+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;"}

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

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

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

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

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

@@ -1,12 +1,4 @@
-import React from 'react';
 export declare type TSidebarContext = {
     toggleSidebar: () => void;
     open: boolean;
 };
-export declare type TSidebarProviderProps = {
-    onToggle?: (open: boolean) => void;
-    open?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    persistentKey?: string;
-};

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

@@ -1,2 +1,2 @@
-import 'react';
+export {};
 //# 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":""}

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use_sidebar.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/hooks/use_sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,mDAAmD,CAAC;AAEnF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAEjD,IAAI,CAAC,OAAO,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACxE;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & TSidebarProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
+import { TSidebarProps } from "./sidebar_types_types";
+import React, { PropsWithChildren } from 'react';
+export declare const Sidebar: ({ children, variant, side, width, className, ...props }: PropsWithChildren<TSidebarProps>) => React.JSX.Element;

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

@@ -1,27 +1,28 @@
-import * as React from 'react';
-import { cn } from '@auroraUtilities/cn';
-import { useSidebar } from '@auroraComponents/sidebar/hooks/use_sidebar';
-import '@auroraComponents/sidebar/sidebar_types';
-import { useImperativeHandle, useRef } from 'react';
-import { SIDEBAR_SIDE } from '@auroraComponents/sidebar/sidebar_constants';
-import { SidebarToggle } from '@auroraComponents/sidebar/components/sidebar_toggle';
-export const Sidebar = React.forwardRef(({ className, children, TriggerButton = SidebarToggle, width, minWidth, maxWidth, height = '100%', minHeight, maxHeight, side = SIDEBAR_SIDE.left, ...props }, ref) => {
-    const { open } = useSidebar();
-    const sidebarRef = useRef(null);
-    useImperativeHandle(ref, () => sidebarRef.current);
-    return (React.createElement("div", { "aria-expanded": open, ref: sidebarRef, className: cn('aurora-relative aurora-transition-all aurora-duration-200', className), style: {
-            width: open ? width : 0,
-            maxWidth: open ? width : 0,
-            minWidth: open ? width : 0,
-            height,
-            minHeight,
-            maxHeight
-        }, ...props },
-        TriggerButton ? React.createElement(TriggerButton, { side: side }) : null,
-        React.createElement("div", { className: cn('aurora-overflow-auto aurora-h-full aurora-w-full', {
-                'aurora-opacity-0': !open,
-                'aurora-opacity-100': open
-            }) }, children)));
-});
-Sidebar.displayName = 'Sidebar';
-//# sourceMappingURL=sidebar.js.map
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.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"];
+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,
+    width = _ref.width,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(SidebarProvider, _objectSpread2({
+    variant: variant,
+    width: width,
+    className: className
+  }, props), variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, {
+    width: width,
+    className: className
+  }, children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, null, children)));
+};
+
+export { Sidebar };
+//# sourceMappingURL=sidebar.js.map

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

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

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

@@ -1,8 +1,12 @@
+export declare const SIDEBAR_VARIANTS: {
+    readonly persistent: "persistent";
+    readonly temporal: "temporal";
+};
 export declare const SIDEBAR_SIDE: {
     readonly left: "left";
     readonly right: "right";
 };
-export declare const SIDEBAR_VARIANT_TYPES: {
-    readonly persistent: "persistent";
-    readonly temporary: "temporary";
+export declare const SIDEBAR_SLIDE_DIRECTION: {
+    readonly leftToRight: "leftToRight";
+    readonly rightToLeft: "rightToLeft";
 };

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

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { SIDEBAR_SIDE, SIDEBAR_SLIDE_DIRECTION, SIDEBAR_VARIANTS } from "./sidebar_constants";
+import { Any } from 'ts-toolbelt';
+export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
+export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
+export declare type TSidebarSlideDirection = Any.Keys<typeof SIDEBAR_SLIDE_DIRECTION>;
+export declare type TSidebarProps = {
+    variant?: TSidebarVariant;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    side?: TSidebarSide;
+    slideDirection?: TSidebarSlideDirection;
+    width?: string;
+    className?: string;
+    persistentKey?: string;
+    container?: HTMLElement;
+} & React.HTMLAttributes<HTMLHtmlElement>;

package/build/esm/packages/aurora/src/components/sidebar/{sidebar_types.js → sidebar_types_types.js}

@@ -1,4 +1,4 @@
 import 'react';
 import '@auroraComponents/sidebar/sidebar_constants';
 import 'ts-toolbelt';
-//# sourceMappingURL=sidebar_types.js.map
+//# 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,OAAwE,6CAA6C,CAAC;AACtH,OAAoB,aAAa,CAAC"}

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

@@ -1,4 +1,4 @@
-import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
+import React, { useRef, useImperativeHandle, useEffect } from 'react';
 import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, 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';
@@ -16,7 +16,7 @@ var stackVariants = cva('aurora-flex', {
     }
   }
 });
-var Stack = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     spacing = _ref.spacing,
     className = _ref.className,
@@ -56,7 +56,7 @@ var Stack = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     });
   }, [attributes]);
   var display = inline ? 'inline' : null;
-  return /*#__PURE__*/React__default.createElement(as, _objectSpread2({
+  return /*#__PURE__*/React.createElement(as, _objectSpread2({
     ref: internalRef,
     className: cn(stackVariants({
       direction: direction,

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

@@ -1,10 +1,10 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import classnames from '../../../../../external/classnames/index.js';
 import { Root, SwitchThumb } from '@radix-ui/react-switch';
 
 var _excluded = ["id", "name", "value", "className", "disabled", "checked", "defaultChecked", "errors", "onCheckedChange"];
-var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -16,7 +16,7 @@ var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     errors = _ref$errors === void 0 ? [] : _ref$errors,
     onCheckedChange = _ref.onCheckedChange,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -26,7 +26,7 @@ var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     defaultChecked: defaultChecked,
     checked: checked,
     onCheckedChange: onCheckedChange
-  }, props), /*#__PURE__*/React__default.createElement(SwitchThumb, {
+  }, props), /*#__PURE__*/React.createElement(SwitchThumb, {
     className: classnames('aurora-block aurora-w-5 aurora-h-5 aurora-rounded-full aurora-transition-transform', disabled ? 'aurora-bg-subtle' : 'aurora-bg', 'data-[state=checked]:aurora-translate-x-[22px] aurora-translate-x-[2px]')
   }));
 });

package/build/esm/packages/aurora/src/components/tabs/context/tabs_context.js

@@ -1,7 +1,7 @@
-import React__default from 'react';
+import React from 'react';
 import { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from '../tabs_constants.js';
 
-var TabsContext = /*#__PURE__*/React__default.createContext({
+var TabsContext = /*#__PURE__*/React.createContext({
   size: TABS_SIZE_TYPES.basic,
   variant: TABS_VARIANT_TYPES.basic
 });

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

@@ -1,18 +1,18 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { TabsContext } from './context/tabs_context.js';
 import { Root, Tabs as Tabs$1 } from '@radix-ui/react-tabs';
 
 var _excluded = ["className", "size", "variant", "children"];
-var Tabs = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+var Tabs = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
     ref: ref
-  }, props), /*#__PURE__*/React__default.createElement(TabsContext.Provider, {
+  }, props), /*#__PURE__*/React.createElement(TabsContext.Provider, {
     value: {
       size: size,
       variant: variant

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
 import { typographyVariants } from './typography_variants.js';
@@ -17,7 +17,7 @@ var Typography = function Typography(_ref) {
     children = _ref.children,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement(as, _objectSpread2({
+  return /*#__PURE__*/React.createElement(as, _objectSpread2({
     className: cn(typographyVariants({
       variant: variant,
       transform: transform,

package/build/esm/packages/aurora/src/index.d.ts

@@ -25,7 +25,10 @@ export { Box } from './components/box/box';
 export { BOX_COMPONENT_TYPES } from "./components/box/box_constants";
 export { Typography } from './components/typography/typography';
 export { TYPOGRAPHY_TRANSFORM_TYPES, TYPOGRAPHY_COMPONENT_TYPES, TYPOGRAPHY_WEIGHT_TYPES } from "./components/typography/typography_constants";
-export { Sidebar } from "./components/sidebar_new/sidebar";
+export { Sidebar } from './components/sidebar/sidebar';
+export { SidebarToggle } from "./components/sidebar/components/sidebar_toggle";
+export { useSidebar } from './components/sidebar/hooks/use_sidebar';
+export { SIDEBAR_SIDE, SIDEBAR_VARIANTS, SIDEBAR_SLIDE_DIRECTION } from "./components/sidebar/sidebar_constants";
 export { Divider } from './components/divider/divider';
 export { DIVIDER_VARIANTS, DIVIDER_THICKNESS, DIVIDER_ORIENTATION } from "./components/divider/divider_constants";
 export { Stack } from './components/stack/stack';

package/build/esm/packages/aurora/src/index.js

@@ -43,7 +43,10 @@ export { ActionListTrigger } from './components/action_list/components/action_li
 export { ActionListSubContent } from './components/action_list/components/action_list_sub_content.js';
 export { BADGE_VARIANTS } from './components/badge/badge_constants.js';
 export { Badge } from './components/badge/badge.js';
-export { Sidebar } from './components/sidebar_new/sidebar.js';
+export { SIDEBAR_SIDE, SIDEBAR_SLIDE_DIRECTION, SIDEBAR_VARIANTS } from './components/sidebar/sidebar_constants.js';
+export { useSidebar } from './components/sidebar/hooks/use_sidebar.js';
+export { Sidebar } from './components/sidebar/sidebar.js';
+export { SidebarToggle } from './components/sidebar/components/sidebar_toggle.js';
 export { Tooltip } from './components/tooltip/tooltip.js';
 export { TooltipTrigger } from './components/tooltip/components/tooltip_trigger.js';
 export { TOOLTIP_VARIANT_TYPES } from './components/tooltip/tooltip_constants.js';

package/build/esm/packages/aurora/src/index.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;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;AACA;AACA;AACA;AACA;"}