@dreamcommerce/aurora 2.27.13 → 2.27.14

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

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var use_click_outside = require('../../../hooks/use_click_outside.js');
+var use_sidebar = require('../hooks/use_sidebar.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 PersistentSidebar = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    width = _ref.width,
+    children = _ref.children,
+    TriggerButton = _ref.TriggerButton,
+    side = _ref.side,
+    onScroll = _ref.onScroll,
+    onClickOutside = _ref.onClickOutside,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useSidebar = use_sidebar.useSidebar(),
+    open = _useSidebar.open,
+    toggle = _useSidebar.toggle,
+    close = _useSidebar.close;
+  var sidebarRef = React.useRef(null);
+  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
+    config = _ref2.config,
+    onClickOutsideCallback = _ref2.callback;
+  React.useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  use_click_outside.useClickOutside({
+    refs: [sidebarRef],
+    callback: function callback() {
+      if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
+        open: open,
+        toggle: toggle,
+        close: close
+      });
+    },
+    config: config
+  });
+  return /*#__PURE__*/React__default['default'].createElement("aside", _rollupPluginBabelHelpers.objectSpread2({
+    "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
+    }
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("div", {
+    onScroll: onScroll,
+    ref: sidebarRef,
+    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)
+  }, children));
+});
+PersistentSidebar.displayName = 'PersistentSidebar';
+
+exports.PersistentSidebar = PersistentSidebar;
+//# sourceMappingURL=persistent_sidebar.js.map

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var use_sidebar = require('../hooks/use_sidebar.js');
+var close_line_icon = require('../../../assets/icons/close_line_icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SidebarCloseButton = function SidebarCloseButton(_ref) {
+  var onClose = _ref.onClose;
+  var _useSidebar = use_sidebar.useSidebar(),
+    close = _useSidebar.close;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    className: "aurora-p-1 aurora-border-0 aurora-bg-none aurora-cursor-pointer aurora-rounded-4 aurora-bg-transparent hover:aurora-bg-hover",
+    onClick: function onClick() {
+      close();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
+    },
+    "data-test-el": "close-sidebar"
+  }, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, null));
+};
+
+exports.SidebarCloseButton = SidebarCloseButton;
+//# sourceMappingURL=sidebar_close_button.js.map

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var use_sidebar = require('../hooks/use_sidebar.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SidebarToggle = function SidebarToggle(_ref) {
+  var children = _ref.children;
+  var _useSidebar = use_sidebar.useSidebar(),
+    toggle = _useSidebar.toggle;
+  return /*#__PURE__*/React__default['default'].createElement("button", {
+    onClick: toggle
+  }, children);
+};
+
+exports.SidebarToggle = SidebarToggle;
+//# sourceMappingURL=sidebar_toggle.js.map

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

@@ -0,0 +1,115 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+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 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 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,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    onClickOutside = _ref.onClickOutside,
+    TriggerButton = _ref.TriggerButton,
+    onScroll = _ref.onScroll,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useSidebar = use_sidebar.useSidebar(),
+    open = _useSidebar.open,
+    close = _useSidebar.close,
+    defaultOpen = _useSidebar.defaultOpen,
+    toggle = _useSidebar.toggle;
+  var sidebarRef = React.useRef(null);
+  var _useState = React.useState(!open),
+    _useState2 = _rollupPluginBabelHelpers.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_constants.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_constants.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_constants.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_constants.SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
+  };
+  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
+    config = _ref2.config,
+    onClickOutsideCallback = _ref2.callback;
+  use_click_outside.useClickOutside({
+    refs: [sidebarRef],
+    callback: function callback() {
+      if (open) onClickOutsideCallback === null || onClickOutsideCallback === void 0 ? void 0 : onClickOutsideCallback({
+        open: open,
+        toggle: toggle,
+        close: close
+      });
+      if (closeOnOutsideClick && open) close();
+    },
+    config: config
+  });
+  React.useEffect(function () {
+    if (!defaultOpen) return;
+    setTransitionClsses();
+  }, []);
+  React.useLayoutEffect(function () {
+    if (open) setDestroyed(false);
+    requestAnimationFrame(function () {
+      requestAnimationFrame(function () {
+        return setTransitionClsses();
+      });
+    });
+  }, [open]);
+  var handleTransitionEnd = function handleTransitionEnd(ev) {
+    if (ev.propertyName === 'transform' && ev.currentTarget === sidebarRef.current) setDestroyed(!open);
+  };
+  React.useEffect(function () {
+    var sidebar = sidebarRef.current;
+    sidebar === null || sidebar === void 0 ? void 0 : sidebar.addEventListener('transitionend', handleTransitionEnd);
+    return function () {
+      sidebar === null || sidebar === void 0 ? void 0 : sidebar.removeEventListener('transitionend', handleTransitionEnd);
+    };
+  }, [open]);
+  React.useImperativeHandle(ref, function () {
+    return sidebarRef.current;
+  });
+  if (destroyed) return null;
+  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-overflow-hidden', {
+      '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'
+    }
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
+    onScroll: onScroll,
+    ref: sidebarRef,
+    className: cn.cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform] aurora-overflow-auto custom-scrollbar', {
+      'aurora-translate-x-full': side === sidebar_constants.SIDEBAR_SIDE.right,
+      '-aurora-translate-x-full': side === sidebar_constants.SIDEBAR_SIDE.left
+    }, className)
+  }, children)), container);
+});
+TemporalSidebar.displayName = 'TemporalSidebar';
+
+exports.TemporalSidebar = TemporalSidebar;
+//# sourceMappingURL=temporal_sidebar.js.map

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SidebarContext = /*#__PURE__*/React__default['default'].createContext(null);
+
+exports.SidebarContext = SidebarContext;
+//# sourceMappingURL=sidebar_context.js.map

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

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var sidebar_constants = require('../sidebar_constants.js');
+var sidebar_context = require('./sidebar_context.js');
+
+var SidebarProvider = function SidebarProvider(_ref) {
+  var open = _ref.open,
+    defaultOpen = _ref.defaultOpen,
+    onOpenChange = _ref.onOpenChange,
+    children = _ref.children,
+    storageKey = _ref.storageKey,
+    variant = _ref.variant;
+  var setPersistedState = function setPersistedState(value) {
+    if (!storageKey) return;
+    try {
+      localStorage.setItem(storageKey, String(value));
+    } catch (error) {
+      console.error('Failed to set persisted state', error);
+    }
+  };
+  var hasPersistedState = function hasPersistedState() {
+    if (!storageKey) return false;
+    return localStorage.getItem(storageKey) !== null;
+  };
+  var getPersistedState = function getPersistedState() {
+    if (!storageKey || !hasPersistedState()) return;
+    try {
+      return localStorage.getItem(storageKey) === 'true';
+    } catch (error) {
+      console.error('Failed to get persisted state', error);
+    }
+    return undefined;
+  };
+  var initialOpen = hasPersistedState() ? getPersistedState() : variant === sidebar_constants.SIDEBAR_VARIANTS.persistent;
+  var _React$useState = React.useState(onOpenChange ? open !== null && open !== void 0 ? open : initialOpen : defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : initialOpen),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    _open = _React$useState2[0],
+    _setOpen = _React$useState2[1];
+  React.useEffect(function () {
+    setPersistedState(_open);
+  }, [_open]);
+  React.useEffect(function () {
+    if (onOpenChange) _setOpen(open !== null && open !== void 0 ? open : initialOpen);
+  }, [open]);
+  if (open !== undefined && onOpenChange === undefined) {
+    console.error('The controlled open state of the popover. Must be used in conjunction with onOpenChange.');
+  }
+  var setOpen = function setOpen(nextOpen) {
+    _setOpen(nextOpen);
+  };
+  var toggle = function toggle() {
+    onOpenChange ? onOpenChange(!_open) : setOpen(!_open);
+  };
+  var close = function close() {
+    onOpenChange ? onOpenChange(false) : setOpen(false);
+  };
+  var contextValue = React.useMemo(function () {
+    return {
+      open: _open,
+      toggle: toggle,
+      close: close,
+      defaultOpen: defaultOpen
+    };
+  }, [_open, toggle]);
+  return /*#__PURE__*/React.createElement(sidebar_context.SidebarContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+exports.SidebarProvider = SidebarProvider;
+//# sourceMappingURL=sidebar_prvider.js.map

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

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var sidebar_context = require('../context/sidebar_context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var useSidebar = function useSidebar() {
+  var context = React__default['default'].useContext(sidebar_context.SidebarContext);
+  if (!context) {
+    throw new Error('useSidebar must be used within a SidebarProvider.');
+  }
+  return context;
+};
+
+exports.useSidebar = useSidebar;
+//# sourceMappingURL=use_sidebar.js.map

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var sidebar_constants = require('./sidebar_constants.js');
+var persistent_sidebar = require('./components/persistent_sidebar.js');
+var sidebar_prvider = require('./context/sidebar_prvider.js');
+var temporal_sidebar = require('./components/temporal_sidebar.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children", "variant", "open", "onOpenChange", "defaultOpen", "storageKey"];
+var Sidebar = function Sidebar(_ref) {
+  var children = _ref.children,
+    variant = _ref.variant,
+    open = _ref.open,
+    onOpenChange = _ref.onOpenChange,
+    defaultOpen = _ref.defaultOpen,
+    storageKey = _ref.storageKey,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(sidebar_prvider.SidebarProvider, {
+    variant: variant,
+    open: open,
+    onOpenChange: onOpenChange,
+    defaultOpen: defaultOpen,
+    storageKey: storageKey
+  }, variant === sidebar_constants.SIDEBAR_VARIANTS.persistent ? (/*#__PURE__*/React__default['default'].createElement(persistent_sidebar.PersistentSidebar, _rollupPluginBabelHelpers.objectSpread2({
+    variant: variant
+  }, rest), children)) : (/*#__PURE__*/React__default['default'].createElement(temporal_sidebar.TemporalSidebar, _rollupPluginBabelHelpers.objectSpread2({
+    variant: variant
+  }, rest), children)));
+};
+
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=sidebar.js.map

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

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SIDEBAR_VARIANTS = {
+  persistent: 'persistent',
+  temporal: 'temporal'
+};
+var SIDEBAR_SIDE = {
+  left: 'left',
+  right: 'right'
+};
+
+exports.SIDEBAR_SIDE = SIDEBAR_SIDE;
+exports.SIDEBAR_VARIANTS = SIDEBAR_VARIANTS;
+//# sourceMappingURL=sidebar_constants.js.map

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

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var stack_constants = require('./stack_constants.js');
+var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
+var stackVariants = index.cva('aurora-flex', {
+  variants: {
+    direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
+    wrap: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_WRAP_TYPES.wrap, 'aurora-flex-wrap'), stack_constants.STACK_WRAP_TYPES.nowrap, 'aurora-flex-nowrap'), stack_constants.STACK_WRAP_TYPES.wrapReverse, 'aurora-flex-wrap-reverse'),
+    align: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), stack_constants.STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), stack_constants.STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), stack_constants.STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), stack_constants.STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
+    justify: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
+    display: {
+      inline: 'aurora-inline-flex'
+    }
+  }
+});
+var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    spacing = _ref.spacing,
+    className = _ref.className,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? stack_constants.STACK_DIRECTION_TYPES.row : _ref$direction,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justify,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? stack_constants.STACK_ALIGN_ITEMS_TYPES.start : _ref$align,
+    _ref$wrap = _ref.wrap,
+    wrap = _ref$wrap === void 0 ? stack_constants.STACK_WRAP_TYPES.nowrap : _ref$wrap,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'div' : _ref$as,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
+    width = _ref.width,
+    minWidth = _ref.minWidth,
+    maxWidth = _ref.maxWidth,
+    height = _ref.height,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    style = _ref.style,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var internalRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return internalRef.current;
+  }, []);
+  var display = inline ? 'inline' : null;
+  return /*#__PURE__*/React__default['default'].createElement(as, _rollupPluginBabelHelpers.objectSpread2({
+    ref: internalRef,
+    className: cn.cn(stackVariants({
+      direction: direction,
+      justify: justify,
+      align: align,
+      wrap: wrap,
+      display: display
+    }), className, _rollupPluginBabelHelpers.defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
+    style: _rollupPluginBabelHelpers.objectSpread2({
+      width: width,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      height: height,
+      minHeight: minHeight,
+      maxHeight: maxHeight
+    }, style !== null && style !== void 0 ? style : {})
+  }, rest), children);
+});
+Stack.displayName = 'Stack';
+
+exports.Stack = Stack;
+//# sourceMappingURL=stack.js.map

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

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

package/build/cjs/packages/aurora/src/components/stack/stack_constants.js

@@ -2,63 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-
-var stackCssBaseClass = 'stack';
-var STACK_DIRECTIONS = {
+var STACK_DIRECTION_TYPES = {
   row: 'row',
   column: 'column',
   rowReverse: 'row-reverse',
   columnReverse: 'column-reverse'
 };
-var STACK_ALIGNMENTS = {
+var STACK_WRAP_TYPES = {
+  wrap: 'wrap',
+  nowrap: 'nowrap',
+  wrapReverse: 'wrap-reverse'
+};
+var STACK_ALIGN_ITEMS_TYPES = {
   start: 'start',
   end: 'end',
   center: 'center',
-  stretch: 'stretch',
   baseline: 'baseline',
-  initial: 'initial',
-  inherit: 'inherit',
-  normal: 'normal',
-  flexStart: 'flex-start',
-  flexEnd: 'flex-end'
+  stretch: 'stretch'
 };
-var STACK_JUSTIFICATIONS = {
-  center: 'center',
-  spaceBetween: 'space-between',
-  spaceAround: 'space-around',
-  spaceEvenly: 'space-evenly',
-  flexStart: 'flex-start',
-  flexEnd: 'flex-end',
-  initial: 'initial',
-  inherit: 'inherit',
+var STACK_JUSTIFY_CONTENT_TYPES = {
+  normal: 'normal',
   start: 'start',
-  end: 'end'
-};
-var STACK_WRAP = {
-  wrap: 'wrap',
-  nowrap: 'nowrap',
-  wrapReverse: 'wrap-reverse',
-  initial: 'initial',
-  inherit: 'inherit'
-};
-var STACK_CSS_CLASSES = {
-  stack: stackCssBaseClass,
-  inline: "".concat(stackCssBaseClass, "_inline")
+  end: 'end',
+  center: 'center',
+  between: 'between',
+  around: 'around',
+  evenly: 'evenly',
+  stretch: 'stretch'
 };
-var STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, STACK_DIRECTIONS.row, "".concat(stackCssBaseClass, "_direction_row")), STACK_DIRECTIONS.column, "".concat(stackCssBaseClass, "_direction_column")), STACK_DIRECTIONS.rowReverse, "".concat(stackCssBaseClass, "_direction_row-reverse")), STACK_DIRECTIONS.columnReverse, "".concat(stackCssBaseClass, "_direction_column-reverse"));
-var STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, STACK_ALIGNMENTS.start, "".concat(stackCssBaseClass, "_align_start")), STACK_ALIGNMENTS.end, "".concat(stackCssBaseClass, "_align_end")), STACK_ALIGNMENTS.center, "".concat(stackCssBaseClass, "_align_center")), STACK_ALIGNMENTS.stretch, "".concat(stackCssBaseClass, "_align_stretch")), STACK_ALIGNMENTS.baseline, "".concat(stackCssBaseClass, "_align_baseline")), STACK_ALIGNMENTS.initial, "".concat(stackCssBaseClass, "_align_initial")), STACK_ALIGNMENTS.inherit, "".concat(stackCssBaseClass, "_align_inherit")), STACK_ALIGNMENTS.normal, "".concat(stackCssBaseClass, "_align_normal")), STACK_ALIGNMENTS.flexStart, "".concat(stackCssBaseClass, "_align_flex-start")), STACK_ALIGNMENTS.flexEnd, "".concat(stackCssBaseClass, "_align_flex-end"));
-var STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, STACK_JUSTIFICATIONS.start, "".concat(stackCssBaseClass, "_justify_start")), STACK_JUSTIFICATIONS.end, "".concat(stackCssBaseClass, "_justify_end")), STACK_JUSTIFICATIONS.center, "".concat(stackCssBaseClass, "_justify_center")), STACK_JUSTIFICATIONS.spaceBetween, "".concat(stackCssBaseClass, "_justify_space-between")), STACK_JUSTIFICATIONS.spaceAround, "".concat(stackCssBaseClass, "_justify_space-around")), STACK_JUSTIFICATIONS.spaceEvenly, "".concat(stackCssBaseClass, "_justify_space-evenly")), STACK_JUSTIFICATIONS.flexStart, "".concat(stackCssBaseClass, "_justify_flex-start")), STACK_JUSTIFICATIONS.flexEnd, "".concat(stackCssBaseClass, "_justify_flex-end")), STACK_JUSTIFICATIONS.initial, "".concat(stackCssBaseClass, "_justify_initial")), STACK_JUSTIFICATIONS.inherit, "".concat(stackCssBaseClass, "_justify_inherit"));
-var STACK_WRAP_TO_CSS_CLASSES_MAP = _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, STACK_WRAP.wrap, "".concat(stackCssBaseClass, "_wrap_wrap")), STACK_WRAP.nowrap, "".concat(stackCssBaseClass, "_wrap_nowrap")), STACK_WRAP.wrapReverse, "".concat(stackCssBaseClass, "_wrap_wrap-reverse"));
 
-exports.STACK_ALIGNMENTS = STACK_ALIGNMENTS;
-exports.STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP = STACK_ALIGNMENTS_TO_CSS_CLASSES_MAP;
-exports.STACK_CSS_CLASSES = STACK_CSS_CLASSES;
-exports.STACK_DIRECTIONS = STACK_DIRECTIONS;
-exports.STACK_DIRECTIONS_TO_CSS_CLASSES_MAP = STACK_DIRECTIONS_TO_CSS_CLASSES_MAP;
-exports.STACK_JUSTIFICATIONS = STACK_JUSTIFICATIONS;
-exports.STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP = STACK_JUSTIFICATIONS_TO_CSS_CLASSES_MAP;
-exports.STACK_WRAP = STACK_WRAP;
-exports.STACK_WRAP_TO_CSS_CLASSES_MAP = STACK_WRAP_TO_CSS_CLASSES_MAP;
-exports.stackCssBaseClass = stackCssBaseClass;
+exports.STACK_ALIGN_ITEMS_TYPES = STACK_ALIGN_ITEMS_TYPES;
+exports.STACK_DIRECTION_TYPES = STACK_DIRECTION_TYPES;
+exports.STACK_JUSTIFY_CONTENT_TYPES = STACK_JUSTIFY_CONTENT_TYPES;
+exports.STACK_WRAP_TYPES = STACK_WRAP_TYPES;
 //# sourceMappingURL=stack_constants.js.map

package/build/cjs/packages/aurora/src/components/stack/stack_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../utilities/cn.js');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["id", "name", "value", "className", "disabled", "checked", "defaultChecked", "errors", "onCheckedChange"];
+var Switch = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    value = _ref.value,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    checked = _ref.checked,
+    defaultChecked = _ref.defaultChecked,
+    _ref$errors = _ref.errors,
+    errors = _ref$errors === void 0 ? [] : _ref$errors,
+    onCheckedChange = _ref.onCheckedChange,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(SwitchPrimitive.Root, _rollupPluginBabelHelpers.objectSpread2({
+    id: id,
+    name: name,
+    value: value,
+    ref: ref,
+    className: cn.cn('aurora-inline-flex aurora-items-center aurora-relative aurora-w-11 aurora-h-6 aurora-rounded-full aurora-bg-active hover:aurora-ring-2 hover:aurora-ring-subtle focus:aurora-ring-2 focus:aurora-ring-primary focus:aurora-outline-none focus:aurora-ring-offset aurora-cursor-pointer aurora-transition-all data-[state=checked]:aurora-bg-primary aurora-shrink-0', {
+      'aurora-cursor-not-allowed aurora-pointer-events-none aurora-bg-neutral-300 data-[state=checked]:!aurora-bg-active': disabled,
+      'aurora-ring-danger aurora-ring-2': errors && errors.length > 0
+    }, className),
+    disabled: disabled,
+    defaultChecked: defaultChecked,
+    checked: checked,
+    onCheckedChange: onCheckedChange
+  }, props), /*#__PURE__*/React__default['default'].createElement(SwitchPrimitive.SwitchThumb, {
+    className: cn.cn('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]')
+  }));
+});
+Switch.displayName = SwitchPrimitive.Root.displayName;
+
+exports.Switch = Switch;
+//# sourceMappingURL=switch.js.map

package/build/cjs/packages/aurora/src/components/tabs/components/tabs_content.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
+var cn = require('../../../utilities/cn.js');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+
+var _excluded = ["className"];
+var TabsContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(TabsPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
+    ref: ref,
+    className: cn.cn('mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', className)
+  }, props));
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+exports.TabsContent = TabsContent;
+//# sourceMappingURL=tabs_content.js.map