@dreamcommerce/aurora 3.0.0-62 → 3.0.0-63

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

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

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

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

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

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

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

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

package/build/esm/packages/aurora/src/components/popover/components/popover_content.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Portal, Content } from '@radix-ui/react-popover';
 
 var _excluded = ["className", "align", "sideOffset"];
-var PopoverContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var PopoverContent = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'center' : _ref$align,
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 4 : _ref$sideOffset,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Content, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content, _objectSpread2({
     ref: ref,
     align: align,
     sideOffset: sideOffset,

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { TRadioGroupItemProps } from '../radio_group_types';
+export declare const RadioGroupItem: React.ForwardRefExoticComponent<TRadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js

@@ -0,0 +1,21 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+import { CircleFillIcon } from '@auroraAssets/icons/circle_icon';
+import { HelperText } from '@auroraComponents/helper_text/helper_text';
+import { Label } from '@auroraComponents/label/label';
+import '../radio_group_types';
+import { cn } from '@auroraUtilities/cn';
+export const RadioGroupItem = React.forwardRef(({ id, value, label, tooltip, helperText, disabled, required, errors, className, ...props }, ref) => {
+    return (React.createElement("div", { className: "aurora-flex aurora-gap-2" },
+        React.createElement(RadioGroupPrimitive.Item, { id: id, ref: ref, value: value, disabled: disabled, required: required, className: cn('aurora-h-5 aurora-w-5 aurora-rounded-full aurora-border focus data-[state=checked]:aurora-bg-primary', {
+                '!aurora-bg-active aurora-cursor-not-allowed': disabled,
+                '!aurora-bg-neutral-0 aurora-border-danger aurora-border-2': errors
+            }, className), ...props },
+            React.createElement(RadioGroupPrimitive.Indicator, { className: "aurora-flex aurora-items-center aurora-justify-center" },
+                React.createElement(CircleFillIcon, { className: "aurora-h-2.5 aurora-w-2.5 aurora-fill-inverse" }))),
+        React.createElement("div", { className: "aurora-flex aurora-flex-col aurora-gap-1" },
+            label && (React.createElement(Label, { htmlFor: id, disabled: disabled, tooltip: tooltip, className: "aurora-text" }, label)),
+            helperText && React.createElement(HelperText, null, helperText))));
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+//# sourceMappingURL=radio_group_item.js.map

package/build/esm/packages/aurora/src/components/radio_group/components/radio_group_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/radio_group/components/radio_group_item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAqC,sBAAsB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC1C,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChG,OAAO,CACH,6BAAK,SAAS,EAAC,0BAA0B;QACrC,oBAAC,mBAAmB,CAAC,IAAI,IACrB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACT,sGAAsG,EACtG;gBACI,6CAA6C,EAAE,QAAQ;gBACvD,2DAA2D,EAAE,MAAM;aACtE,EACD,SAAS,CACZ,KACG,KAAK;YAET,oBAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,uDAAuD;gBAC5F,oBAAC,cAAc,IAAC,SAAS,EAAC,+CAA+C,GAAG,CAChD,CACT;QAE3B,6BAAK,SAAS,EAAC,0CAA0C;YACpD,KAAK,IAAI,CACN,oBAAC,KAAK,IAAC,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,IAC5E,KAAK,CACF,CACX;YACA,UAAU,IAAI,oBAAC,UAAU,QAAE,UAAU,CAAc,CAClD,CACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC"}

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

@@ -0,0 +1,3 @@
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as React from 'react';
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,33 @@
+import { forwardRef, createElement } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../utilities/cn.js';
+import { Root as Root2 } from '../../../../../external/@radix-ui/react-radio-group/dist/index.mjs.js';
+
+var _excluded = ["id", "name", "value", "defaultValue", "required", "disabled", "onValueChange", "className"];
+var RadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    required = _ref.required,
+    disabled = _ref.disabled,
+    onValueChange = _ref.onValueChange,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/createElement(Root2, _objectSpread2(_objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    defaultValue: defaultValue,
+    disabled: disabled,
+    required: required,
+    onValueChange: onValueChange,
+    className: cn('aurora-grid aurora-gap-3', className)
+  }, props), {}, {
+    ref: ref
+  }));
+});
+RadioGroup.displayName = Root2.displayName;
+
+export { RadioGroup };
+//# sourceMappingURL=radio_group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,8BAA8B,uEAA2E;AACzG;AACA;AACA;AACA;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/radio_group/radio_group_types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export interface TRadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    errors?: string | string[];
+}
+export interface TRadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: boolean;
+}

package/build/esm/packages/aurora/src/components/radio_group/radio_group_types.js

@@ -0,0 +1,2 @@
+import '@radix-ui/react-radio-group';
+//# sourceMappingURL=radio_group_types.js.map

package/build/esm/packages/aurora/src/components/radio_group/radio_group_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio_group_types.js","sourceRoot":"","sources":["../../../../../../../src/components/radio_group/radio_group_types.ts"],"names":[],"mappings":"AAAA,OAAqC,6BAA6B,CAAC"}

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
-import React, { useRef, useImperativeHandle } from 'react';
+import React__default, { 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 PersistentSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
     children = _ref.children,
@@ -17,7 +17,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
-  return /*#__PURE__*/React.createElement("aside", _objectSpread2({
+  return /*#__PURE__*/React__default.createElement("aside", _objectSpread2({
     "aria-expanded": open,
     ref: sidebarRef,
     className: cn('aurora-relative aurora-transition-all aurora-duration-200', className),
@@ -26,7 +26,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       maxWidth: open ? width : 0,
       minWidth: open ? width : 0
     }
-  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default.createElement("div", {
     className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
   }, children));
 });

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

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default 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", {
+  return /*#__PURE__*/React__default.createElement("button", {
     onClick: toggle
   }, children);
 };

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

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
+import React__default, { useRef, useState, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { SIDEBAR_SIDE } from '../sidebar_constants.js';
@@ -6,7 +6,7 @@ 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 TemporalSidebar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$container = _ref.container,
     container = _ref$container === void 0 ? document.body : _ref$container,
@@ -19,43 +19,43 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     TriggerButton = _ref.TriggerButton;
   var _useSidebar = useSidebar(),
     open = _useSidebar.open,
-    close = _useSidebar.close;
+    close = _useSidebar.close,
+    defaultOpen = _useSidebar.defaultOpen;
   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];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    startAnimation = _React$useState4[0],
-    setStartAnimation = _React$useState4[1];
-  var destroyedRef = useRef();
-  useEffect(function () {
-    destroyedRef.current = false;
-  }, []);
-  useLayoutEffect(function () {
-    destroyedRef.current = false;
-  }, []);
+  var _useState = useState(!open),
+    _useState2 = _slicedToArray(_useState, 2),
+    destroyed = _useState2[0],
+    setDestroyed = _useState2[1];
+  var setTransitionClsses = function setTransitionClsses() {
+    var _sidebarRef$current, _sidebarRef$current2, _sidebarRef$current3, _sidebarRef$current4, _sidebarRef$current5, _sidebarRef$current6, _sidebarRef$current7;
+    (_sidebarRef$current = sidebarRef.current) === null || _sidebarRef$current === void 0 ? void 0 : _sidebarRef$current.classList.remove('-aurora-translate-x-full');
+    (_sidebarRef$current2 = sidebarRef.current) === null || _sidebarRef$current2 === void 0 ? void 0 : _sidebarRef$current2.classList.remove('aurora-translate-x-full');
+    (_sidebarRef$current3 = sidebarRef.current) === null || _sidebarRef$current3 === void 0 ? void 0 : _sidebarRef$current3.classList.remove('aurora-translate-x-0');
+    if (open && side == SIDEBAR_SIDE.left) (_sidebarRef$current4 = sidebarRef.current) === null || _sidebarRef$current4 === void 0 ? void 0 : _sidebarRef$current4.classList.add('aurora-translate-x-0');
+    if (!open && side == SIDEBAR_SIDE.left) (_sidebarRef$current5 = sidebarRef.current) === null || _sidebarRef$current5 === void 0 ? void 0 : _sidebarRef$current5.classList.add('-aurora-translate-x-full');
+    if (open && side == SIDEBAR_SIDE.right) (_sidebarRef$current6 = sidebarRef.current) === null || _sidebarRef$current6 === void 0 ? void 0 : _sidebarRef$current6.classList.add('aurora-translate-x-0');
+    if (!open && side == SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
+  };
   useClickOutside({
     refs: [sidebarRef],
     callback: function callback() {
       if (closeOnOutsideClick && open) close();
     }
   });
-  useLayoutEffect(function () {
-    destroyedRef.current = false;
-  }, [open]);
   useEffect(function () {
-    setStartAnimation(false);
-    if (open) setContainerWidth('auto');
+    if (!defaultOpen) return;
+    setTransitionClsses();
+  }, []);
+  useLayoutEffect(function () {
+    if (open) setDestroyed(false);
     requestAnimationFrame(function () {
-      return setStartAnimation(true);
+      requestAnimationFrame(function () {
+        return setTransitionClsses();
+      });
     });
   }, [open]);
-  var handleTransitionEnd = function handleTransitionEnd() {
-    if (!open) setContainerWidth('0');
-    setStartAnimation(false);
-    destroyedRef.current = !open;
+  var handleTransitionEnd = function handleTransitionEnd(ev) {
+    if (ev.propertyName === 'transform' && ev.currentTarget === sidebarRef.current) setDestroyed(!open);
   };
   useEffect(function () {
     var sidebar = sidebarRef.current;
@@ -67,27 +67,23 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
-  if (destroyedRef.current) return null;
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    className: cn('aurora-absolute aurora-border-danger aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+  if (destroyed) return null;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__default.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
+      width: width ? width : 'auto',
+      maxWidth: width ? width : 'auto',
+      minWidth: width ? width : 'auto'
     }
-  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
+  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default.createElement("aside", {
     ref: sidebarRef,
-    className: cn(' aurora-w-full aurora-h-full aurora-duration-300 aurora-transition-[transform]', {
-      'aurora-translate-x-0': (open && startAnimation || !open && startAnimation) && side === SIDEBAR_SIDE.left,
-      '-aurora-translate-x-full': (!open && startAnimation || open && !startAnimation) && side === SIDEBAR_SIDE.left,
-      'aurora-translate-x-full': (!open && startAnimation || open && !startAnimation) && side === SIDEBAR_SIDE.right
-    }, className),
-    style: {
-      width: width,
-      maxWidth: width,
-      minWidth: width
-    }
+    className: cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform]', {
+      'aurora-translate-x-full': side === SIDEBAR_SIDE.right,
+      '-aurora-translate-x-full': side === SIDEBAR_SIDE.left
+    }, className)
   }, children)), container);
 });
 TemporalSidebar.displayName = 'TemporalSidebar';

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

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

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

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

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

@@ -3,6 +3,7 @@ export declare type TSidebarContext = {
     toggle: () => void;
     close: () => void;
     open: boolean;
+    defaultOpen?: boolean;
 };
 export declare type TSidebarProviderProps = {
     variant?: TSidebarVariant;

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

@@ -58,7 +58,8 @@ var SidebarProvider = function SidebarProvider(_ref) {
     return {
       open: _open,
       toggle: toggle,
-      close: close
+      close: close,
+      defaultOpen: defaultOpen
     };
   }, [_open, toggle]);
   return /*#__PURE__*/createElement(SidebarContext.Provider, {

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

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import React__default from 'react';
 import { SidebarContext } from '../context/sidebar_context.js';
 
 var useSidebar = function useSidebar() {
-  var context = React.useContext(SidebarContext);
+  var context = React__default.useContext(SidebarContext);
   if (!context) {
     throw new Error('useSidebar must be used within a SidebarProvider.');
   }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { SIDEBAR_VARIANTS } from './sidebar_constants.js';
 import { PersistentSidebar } from './components/persistent_sidebar.js';
@@ -14,15 +14,15 @@ var Sidebar = function Sidebar(_ref) {
     defaultOpen = _ref.defaultOpen,
     storageKey = _ref.storageKey,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(SidebarProvider, {
+  return /*#__PURE__*/React__default.createElement(SidebarProvider, {
     variant: variant,
     open: open,
     onOpenChange: onOpenChange,
     defaultOpen: defaultOpen,
     storageKey: storageKey
-  }, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React.createElement(PersistentSidebar, _objectSpread2({
+  }, variant === SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default.createElement(PersistentSidebar, _objectSpread2({
     variant: variant
-  }, rest), children)) : (/*#__PURE__*/React.createElement(TemporalSidebar, _objectSpread2({
+  }, rest), children)) : (/*#__PURE__*/React__default.createElement(TemporalSidebar, _objectSpread2({
     variant: variant
   }, rest), children)));
 };

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

@@ -1,4 +1,4 @@
-import React, { useRef, useImperativeHandle } from 'react';
+import React__default, { 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';
@@ -16,7 +16,7 @@ var stackVariants = cva('aurora-flex', {
     }
   }
 });
-var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Stack = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     spacing = _ref.spacing,
     className = _ref.className,
@@ -45,7 +45,7 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return internalRef.current;
   }, []);
   var display = inline ? 'inline' : null;
-  return /*#__PURE__*/React.createElement(as, _objectSpread2({
+  return /*#__PURE__*/React__default.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 from 'react';
+import React__default 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.forwardRef(function (_ref, ref) {
+var Switch = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     value = _ref.value,
@@ -16,7 +16,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     errors = _ref$errors === void 0 ? [] : _ref$errors,
     onCheckedChange = _ref.onCheckedChange,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -26,7 +26,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     defaultChecked: defaultChecked,
     checked: checked,
     onCheckedChange: onCheckedChange
-  }, props), /*#__PURE__*/React.createElement(SwitchThumb, {
+  }, props), /*#__PURE__*/React__default.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 from 'react';
+import React__default from 'react';
 import { TABS_SIZE_TYPES, TABS_VARIANT_TYPES } from '../tabs_constants.js';
 
-var TabsContext = /*#__PURE__*/React.createContext({
+var TabsContext = /*#__PURE__*/React__default.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 from 'react';
+import React__default 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.forwardRef(function (_ref, ref) {
+var Tabs = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     size = _ref.size,
     variant = _ref.variant,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Root, _objectSpread2({
+  return /*#__PURE__*/React__default.createElement(Root, _objectSpread2({
     ref: ref
-  }, props), /*#__PURE__*/React.createElement(TabsContext.Provider, {
+  }, props), /*#__PURE__*/React__default.createElement(TabsContext.Provider, {
     value: {
       size: size,
       variant: variant