@dreamcommerce/aurora 3.0.0-305 → 3.0.0-307

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

@@ -7,15 +7,17 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var cn = require('../../../utilities/cn.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
+var sidebar_utils = require('../sidebar_utils.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
+var _excluded = ["className", "width", "responsiveWidth", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
 var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
+    responsiveWidth = _ref.responsiveWidth,
     children = _ref.children,
     TriggerButton = _ref.TriggerButton,
     side = _ref.side,
@@ -30,6 +32,7 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
   var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
     config = _ref2.config,
     onClickOutsideCallback = _ref2.callback;
+  var responsiveWidthValues = sidebar_utils.getResponsiveWidth(responsiveWidth);
   React.useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
@@ -48,9 +51,9 @@ var PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(functi
     "aria-expanded": open,
     className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200'),
     style: {
-      width: open ? width : 0,
-      maxWidth: open ? width : 0,
-      minWidth: open ? width : 0
+      width: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width : 0,
+      maxWidth: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.maxWidth) || width : 0,
+      minWidth: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.minWidth) || width : 0
     }
   }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
     onScroll: onScroll,

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

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

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

@@ -8,19 +8,21 @@ var cn = require('../../../utilities/cn.js');
 var sidebar_constants = require('../sidebar_constants.js');
 var use_click_outside = require('../../../hooks/use_click_outside.js');
 var use_sidebar = require('../hooks/use_sidebar.js');
+var sidebar_utils = require('../sidebar_utils.js');
 var ReactDOM = require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
+var _excluded = ["children", "container", "className", "width", "responsiveWidth", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
 var TemporalSidebar = /*#__PURE__*/React__default['default'].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,
+    responsiveWidth = _ref.responsiveWidth,
     _ref$side = _ref.side,
     side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
@@ -39,6 +41,7 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     destroyed = _useState2[0],
     setDestroyed = _useState2[1];
+  var responsiveWidthValues = sidebar_utils.getResponsiveWidth(responsiveWidth);
   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');
@@ -90,15 +93,16 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     return sidebarRef.current;
   });
   if (destroyed) return null;
+  console.log('width', (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width || 'auto');
   return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React__default['default'].createElement("div", _rollupPluginBabelHelpers.objectSpread2({
     className: cn.cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full', {
       'aurora-left-0': side === sidebar_constants.SIDEBAR_SIDE.left,
       'aurora-right-0': side === sidebar_constants.SIDEBAR_SIDE.right
     }),
     style: {
-      width: width ? width : 'auto',
-      maxWidth: width ? width : 'auto',
-      minWidth: width ? width : 'auto'
+      width: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width || 'auto',
+      maxWidth: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.maxWidth) || width || 'auto',
+      minWidth: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.minWidth) || width || 'auto'
     }
   }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
     onScroll: onScroll,

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

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

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

@@ -10,7 +10,12 @@ var SIDEBAR_SIDE = {
   left: 'left',
   right: 'right'
 };
+var BREAKPOINTS = {
+  laptop: 1300,
+  desktop: 1920
+};
 
+exports.BREAKPOINTS = BREAKPOINTS;
 exports.SIDEBAR_SIDE = SIDEBAR_SIDE;
 exports.SIDEBAR_VARIANTS = SIDEBAR_VARIANTS;
 //# sourceMappingURL=sidebar_constants.js.map

package/build/cjs/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;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;"}

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sidebar_constants = require('./sidebar_constants.js');
+
+var getResponsiveWidth = function getResponsiveWidth(responsiveWidth) {
+  if (!responsiveWidth) return null;
+  if (typeof window === 'undefined') return null;
+  var windowWidth = window.innerWidth;
+  if (windowWidth >= sidebar_constants.BREAKPOINTS.desktop) {
+    return {
+      width: responsiveWidth.desktop.default,
+      minWidth: responsiveWidth.desktop.min,
+      maxWidth: responsiveWidth.desktop.max
+    };
+  }
+  if (windowWidth >= sidebar_constants.BREAKPOINTS.laptop) {
+    return {
+      width: responsiveWidth.laptop.default,
+      minWidth: responsiveWidth.laptop.min,
+      maxWidth: responsiveWidth.laptop.max
+    };
+  }
+  return null;
+};
+
+exports.getResponsiveWidth = getResponsiveWidth;
+//# sourceMappingURL=sidebar_utils.js.map

package/build/cjs/packages/aurora/src/components/sidebar/sidebar_utils.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;"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     width?: string | undefined;
+    responsiveWidth?: import("./sidebar_components_types").TSidebarResponsiveWidth | undefined;
     className?: string | undefined;
     side?: "left" | "right" | undefined;
     TriggerButton?: React.ReactNode;

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

@@ -3,11 +3,13 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import { cn } from '../../../utilities/cn.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
+import { getResponsiveWidth } from '../sidebar_utils.js';
 
-var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
+var _excluded = ["className", "width", "responsiveWidth", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
 var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     width = _ref.width,
+    responsiveWidth = _ref.responsiveWidth,
     children = _ref.children,
     TriggerButton = _ref.TriggerButton,
     side = _ref.side,
@@ -22,6 +24,7 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
     config = _ref2.config,
     onClickOutsideCallback = _ref2.callback;
+  var responsiveWidthValues = getResponsiveWidth(responsiveWidth);
   useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
@@ -40,9 +43,9 @@ var PersistentSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-expanded": open,
     className: cn('aurora-relative aurora-transition-all aurora-duration-200'),
     style: {
-      width: open ? width : 0,
-      maxWidth: open ? width : 0,
-      minWidth: open ? width : 0
+      width: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width : 0,
+      maxWidth: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.maxWidth) || width : 0,
+      minWidth: open ? (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.minWidth) || width : 0
     }
   }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("div", {
     onScroll: onScroll,

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

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

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

@@ -1,7 +1,20 @@
 import React from 'react';
 import { TSidebarOnClickOutside, TSidebarSide } from "../sidebar_types_types";
+export declare type TSidebarResponsiveWidth = {
+    laptop: {
+        min: string;
+        default: string;
+        max: string;
+    };
+    desktop: {
+        min: string;
+        default: string;
+        max: string;
+    };
+};
 export declare type TPersistentSidebarProps = {
     width?: string;
+    responsiveWidth?: TSidebarResponsiveWidth;
     className?: string;
     side?: TSidebarSide;
     TriggerButton?: React.ReactNode;
@@ -9,6 +22,7 @@ export declare type TPersistentSidebarProps = {
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare type TTemporalSidebar = React.PropsWithoutRef<{
     width?: string;
+    responsiveWidth?: TSidebarResponsiveWidth;
     className?: string;
     side?: TSidebarSide;
     container?: HTMLElement;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     width?: string | undefined;
+    responsiveWidth?: import("./sidebar_components_types").TSidebarResponsiveWidth | undefined;
     className?: string | undefined;
     side?: "left" | "right" | undefined;
     container?: HTMLElement | undefined;

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

@@ -4,15 +4,17 @@ import { cn } from '../../../utilities/cn.js';
 import { SIDEBAR_SIDE } from '../sidebar_constants.js';
 import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
+import { getResponsiveWidth } from '../sidebar_utils.js';
 import { createPortal } from 'react-dom';
 
-var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
+var _excluded = ["children", "container", "className", "width", "responsiveWidth", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
 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,
+    responsiveWidth = _ref.responsiveWidth,
     _ref$side = _ref.side,
     side = _ref$side === void 0 ? SIDEBAR_SIDE.left : _ref$side,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
@@ -31,6 +33,7 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     destroyed = _useState2[0],
     setDestroyed = _useState2[1];
+  var responsiveWidthValues = getResponsiveWidth(responsiveWidth);
   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');
@@ -82,15 +85,16 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return sidebarRef.current;
   });
   if (destroyed) return null;
+  console.log('width', (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width || 'auto');
   return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", _objectSpread2({
     className: cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full', {
       'aurora-left-0': side === SIDEBAR_SIDE.left,
       'aurora-right-0': side === SIDEBAR_SIDE.right
     }),
     style: {
-      width: width ? width : 'auto',
-      maxWidth: width ? width : 'auto',
-      minWidth: width ? width : 'auto'
+      width: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.width) || width || 'auto',
+      maxWidth: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.maxWidth) || width || 'auto',
+      minWidth: (responsiveWidthValues === null || responsiveWidthValues === void 0 ? void 0 : responsiveWidthValues.minWidth) || width || 'auto'
     }
   }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
     onScroll: onScroll,

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

@@ -6,3 +6,7 @@ export declare const SIDEBAR_SIDE: {
     readonly left: "left";
     readonly right: "right";
 };
+export declare const BREAKPOINTS: {
+    readonly laptop: 1300;
+    readonly desktop: 1920;
+};

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

@@ -6,6 +6,10 @@ var SIDEBAR_SIDE = {
   left: 'left',
   right: 'right'
 };
+var BREAKPOINTS = {
+  laptop: 1300,
+  desktop: 1920
+};
 
-export { SIDEBAR_SIDE, SIDEBAR_VARIANTS };
+export { BREAKPOINTS, 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;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;"}

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

@@ -0,0 +1,6 @@
+import { TSidebarResponsiveWidth } from "./components/sidebar_components_types";
+export declare const getResponsiveWidth: (responsiveWidth?: TSidebarResponsiveWidth) => {
+    width: string;
+    minWidth: string;
+    maxWidth: string;
+} | null;

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

@@ -0,0 +1,25 @@
+import { BREAKPOINTS } from './sidebar_constants.js';
+
+var getResponsiveWidth = function getResponsiveWidth(responsiveWidth) {
+  if (!responsiveWidth) return null;
+  if (typeof window === 'undefined') return null;
+  var windowWidth = window.innerWidth;
+  if (windowWidth >= BREAKPOINTS.desktop) {
+    return {
+      width: responsiveWidth.desktop.default,
+      minWidth: responsiveWidth.desktop.min,
+      maxWidth: responsiveWidth.desktop.max
+    };
+  }
+  if (windowWidth >= BREAKPOINTS.laptop) {
+    return {
+      width: responsiveWidth.laptop.default,
+      minWidth: responsiveWidth.laptop.min,
+      maxWidth: responsiveWidth.laptop.max
+    };
+  }
+  return null;
+};
+
+export { getResponsiveWidth };
+//# sourceMappingURL=sidebar_utils.js.map

package/build/esm/packages/aurora/src/components/sidebar/sidebar_utils.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;"}