@dreamcommerce/aurora 3.0.0-99 → 3.0.0

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

@@ -5,37 +5,57 @@ 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"];
+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;
+    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,
-    ref: sidebarRef,
-    className: cn.cn('aurora-relative aurora-transition-all aurora-duration-200', className),
+    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", {
-    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full')
+    onScroll: onScroll,
+    ref: sidebarRef,
+    className: cn.cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)
   }, children));
 });
 PersistentSidebar.displayName = 'PersistentSidebar';

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

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

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

@@ -6,14 +6,15 @@ 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_sidebar = require('../hooks/use_sidebar.js');
-var reactDom = require('react-dom');
 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,
@@ -24,11 +25,15 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     side = _ref$side === void 0 ? sidebar_constants.SIDEBAR_SIDE.left : _ref$side,
     _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
-    TriggerButton = _ref.TriggerButton;
+    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;
+    defaultOpen = _useSidebar.defaultOpen,
+    toggle = _useSidebar.toggle;
   var sidebarRef = React.useRef(null);
   var _useState = React.useState(!open),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -44,11 +49,20 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     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;
@@ -76,8 +90,8 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
     return sidebarRef.current;
   });
   if (destroyed) return null;
-  return /*#__PURE__*/reactDom.createPortal(/*#__PURE__*/React__default['default'].createElement("div", {
-    className: cn.cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+  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
     }),
@@ -86,9 +100,10 @@ var TemporalSidebar = /*#__PURE__*/React__default['default'].forwardRef(function
       maxWidth: width ? width : 'auto',
       minWidth: width ? width : 'auto'
     }
-  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React__default['default'].createElement("aside", {
+  }, 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]', {
+    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)

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

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

@@ -5,14 +5,14 @@ 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');
+var stack_constants = require('./stack_constants.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 _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "shrink", "grow"];
 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'),
@@ -21,6 +21,14 @@ var stackVariants = index.cva('aurora-flex', {
     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'
+    },
+    grow: {
+      0: 'aurora-flex-grow-0',
+      1: 'aurora-flex-grow'
+    },
+    shrink: {
+      0: 'aurora-flex-shrink-0',
+      1: 'aurora-flex-shrink'
     }
   }
 });
@@ -47,6 +55,8 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
     minHeight = _ref.minHeight,
     maxHeight = _ref.maxHeight,
     style = _ref.style,
+    shrink = _ref.shrink,
+    grow = _ref.grow,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var internalRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
@@ -60,7 +70,9 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
       justify: justify,
       align: align,
       wrap: wrap,
-      display: display
+      display: display,
+      shrink: shrink,
+      grow: grow
     }), className, _rollupPluginBabelHelpers.defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
     style: _rollupPluginBabelHelpers.objectSpread2({
       width: width,

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

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

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

@@ -29,16 +29,16 @@ var Switch = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, r
     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', {
+    className: cn.cn('aurora-inline-flex aurora-items-center aurora-relative aurora-w-[36px] aurora-h-[20px] 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
+      'aurora-ring-danger aurora-ring-2': !!(errors !== null && errors !== void 0 && errors.length)
     }, 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]')
+    className: cn.cn('aurora-block aurora-w-[16px] aurora-h-[16px] aurora-rounded-full aurora-transition-transform', disabled ? 'aurora-bg-subtle' : 'aurora-bg', 'data-[state=checked]:aurora-translate-x-[18px] aurora-translate-x-[2px]')
   }));
 });
 Switch.displayName = SwitchPrimitive.Root.displayName;

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

@@ -20,7 +20,7 @@ var TabsTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var context = React.useContext(tabs_context.TabsContext);
   return /*#__PURE__*/React.createElement(TabsPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
-    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&: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-all aurora-duration-300\n                data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n                data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
+    className: cn.cn("[&:not(:last-child)]:after:aurora-content-[''] focus aurora-rounded-2 [&: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-all aurora-duration-300\n                data-[state=active]:aurora-bg data-[state=active]:aurora-font-semibold\n                data-[state=active]:before:aurora-content-[''] data-[state=active]:before:aurora-block data-[state=active]:before:aurora-absolute data-[state=active]:before:aurora--left-px data-[state=active]:before:aurora--right-px data-[state=active]:before:aurora--top-px data-[state=active]:before:aurora--bottom-px data-[state=active]:before:aurora-border-active data-[state=active]:before:aurora-border-2 data-[state=active]:before:aurora-rounded-4 data-[state=active]:before:aurora-z-10", tabs_variants.tabsVariants({
       size: (_context$size = context.size) !== null && _context$size !== void 0 ? _context$size : size,
       variant: (_context$variant = context.variant) !== null && _context$variant !== void 0 ? _context$variant : variant
     }), className),

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../utilities/cn.js');
-var close_icon = require('../../assets/icons/close_icon.js');
+var close_line_icon = require('../../assets/icons/close_line_icon.js');
 var tag_variants = require('./tag_variants.js');
 var index = require('../../../../../external/classnames/index.js');
 
@@ -34,8 +34,8 @@ var Tag = function Tag(_ref) {
       e.stopPropagation();
       onDelete === null || onDelete === void 0 ? void 0 : onDelete();
     }
-  }, /*#__PURE__*/React.createElement(close_icon.CloseLineIcon, {
-    className: index['default']("aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill", disabled && "aurora-fill-disabled")
+  }, /*#__PURE__*/React.createElement(close_line_icon.CloseLineIcon, {
+    className: index['default']('aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill', disabled && 'aurora-fill-disabled')
   }))));
 };
 

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

@@ -10,15 +10,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["errors", "className", "id", "name", "value", "defaultValue", "placeholder", "disabled", "readOnly", "onChange", "onKeyDown", "onKeyUp"];
+var _excluded = ["errors", "className", "id", "name", "value", "placeholder", "disabled", "readOnly", "onChange", "onKeyDown", "onKeyUp"];
 var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, ref) {
   var errors = _ref.errors,
     className = _ref.className,
     id = _ref.id,
     name = _ref.name,
     value = _ref.value,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
     disabled = _ref.disabled,
@@ -32,7 +30,6 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     id: id,
     name: name,
     value: value,
-    defaultValue: defaultValue,
     placeholder: placeholder,
     disabled: disabled,
     readOnly: readOnly,
@@ -40,7 +37,7 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     className: cn.cn('aurora-rounded-6 aurora-h-[72px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 aurora-py-2 hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full', {
-      'aurora-border-danger': errors,
+      'aurora-border-danger': !!(errors !== null && errors !== void 0 && errors.length),
       'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled
     }, className)
   }));

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

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

@@ -0,0 +1,46 @@
+'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 = require('../../stack/stack.js');
+var close_line_icon = require('../../../assets/icons/close_line_icon.js');
+var message_box = require('../../message_box/message_box.js');
+var reactToast = require('@radix-ui/react-toast');
+var toast_constants = require('../toast_constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["type", "header", "children", "slideSide", "closeable"];
+var Toast = function Toast(_ref) {
+  var type = _ref.type,
+    header = _ref.header,
+    children = _ref.children,
+    _ref$slideSide = _ref.slideSide,
+    slideSide = _ref$slideSide === void 0 ? toast_constants.TOAST_SLIDE_SIDE.fromRight : _ref$slideSide,
+    _ref$closeable = _ref.closeable,
+    closeable = _ref$closeable === void 0 ? true : _ref$closeable,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(reactToast.Root, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    className: cn.cn({
+      'data-[state=open]:aurora-animate-toast-slide-in-from-right data-[state=closed]:aurora-animate-toast-swipe-out-from-left data-[state=hide]:aurora-animate-toast-hide': slideSide === toast_constants.TOAST_SLIDE_SIDE.fromRight,
+      'data-[state=open]:aurora-animate-toast-slide-in-from-bottom data-[state=closed]:aurora-animate-toast-swipe-out-from-top data-[state=hide]:aurora-animate-toast-hide': slideSide === toast_constants.TOAST_SLIDE_SIDE.fromBottom
+    })
+  }), /*#__PURE__*/React__default['default'].createElement(message_box.MessageBox, {
+    showIcon: true,
+    variant: type,
+    header: header
+  }, /*#__PURE__*/React__default['default'].createElement(stack.Stack, {
+    justify: "between",
+    align: "center"
+  }, children, closeable ? (/*#__PURE__*/React__default['default'].createElement(reactToast.Close, null, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, {
+    size: 16
+  }))) : null)));
+};
+
+exports.Toast = Toast;
+//# sourceMappingURL=toast.js.map

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

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

package/build/cjs/packages/aurora/src/components/toast/components/toast_viewport.js

@@ -0,0 +1,30 @@
+'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 reactToast = require('@radix-ui/react-toast');
+var toast_constants = require('../toast_constants.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "side"];
+var ToastViewport = function ToastViewport(_ref) {
+  var className = _ref.className,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? toast_constants.TOASTS_SIDE.right : _ref$side,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default['default'].createElement(reactToast.Viewport, _rollupPluginBabelHelpers.objectSpread2({
+    className: cn.cn('aurora-fixed aurora-bottom-0 aurora-list-none aurora-flex aurora-flex-col aurora-gap-2.5 aurora-p-4 aurora-z-[99999]', {
+      'aurora-right-0': side === toast_constants.TOASTS_SIDE.right,
+      'aurora-left-1/2 -aurora-translate-x-1/2': side === toast_constants.TOASTS_SIDE.center
+    }, className)
+  }, rest));
+};
+
+exports.ToastViewport = ToastViewport;
+//# sourceMappingURL=toast_viewport.js.map

package/build/cjs/packages/aurora/src/components/toast/components/toast_viewport.js.map

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

package/build/cjs/packages/aurora/src/components/toast/context/toast_provider.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactToast = require('@radix-ui/react-toast');
+
+var ToastProvider = reactToast.Provider;
+
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=toast_provider.js.map

package/build/cjs/packages/aurora/src/components/toast/context/toast_provider.js.map

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

package/build/cjs/packages/aurora/src/components/toast/toast_constants.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var message_box_constants = require('../message_box/message_box_constants.js');
+
+var TOAST_TYPES = message_box_constants.MESSAGE_BOX_VARIANTS;
+var TOASTS_SIDE = {
+  right: 'right',
+  center: 'center'
+};
+var TOAST_SLIDE_SIDE = {
+  fromRight: 'from-right',
+  fromBottom: 'from-bottom'
+};
+
+exports.TOASTS_SIDE = TOASTS_SIDE;
+exports.TOAST_SLIDE_SIDE = TOAST_SLIDE_SIDE;
+exports.TOAST_TYPES = TOAST_TYPES;
+//# sourceMappingURL=toast_constants.js.map

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

package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_content.js

@@ -6,7 +6,6 @@ var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
 var cn = require('../../../utilities/cn.js');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var tooltip_constants = require('../tooltip_constants.js');
 var tooltip_content_variants = require('./tooltip_content_variants.js');
 
 var _excluded = ["className", "sideOffset", "variant"];
@@ -14,13 +13,12 @@ var TooltipContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$sideOffset = _ref.sideOffset,
     sideOffset = _ref$sideOffset === void 0 ? 8 : _ref$sideOffset,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? tooltip_constants.TOOLTIP_VARIANT_TYPES.light : _ref$variant,
+    variant = _ref.variant,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TooltipPrimitive.Portal, null, /*#__PURE__*/React.createElement(TooltipPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
     ref: ref,
     sideOffset: sideOffset,
-    className: cn.cn('aurora-z-50 aurora-shadow aurora-text-xs aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-rounded-md aurora-px-3 aurora-py-2 aurora-text-sm aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', tooltip_content_variants.tooltipContentVariants({
+    className: cn.cn('aurora-z-[99999] aurora-max-w-[320px] aurora-shadow aurora-overflow-hidden aurora-border aurora-rounded-8 aurora-px-3 aurora-py-2 aurora-text-xs aurora-animate-in aurora-fade-in-0 data-[state=closed]:aurora-animate-out data-[state=closed]:aurora-fade-out-0 data-[side=bottom]:aurora-slide-in-from-top-2 data-[side=left]:aurora-slide-in-from-right-2 data-[side=right]:aurora-slide-in-from-left-2 data-[side=top]:aurora-slide-in-from-bottom-2', 'js__aurora-tooltip-content', tooltip_content_variants.tooltipContentVariants({
       variant: variant
     }), className)
   }, props)));

package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_content.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;"}
+{"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/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.js

@@ -7,16 +7,21 @@ var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPlugi
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var question_icon = require('../../../assets/icons/question_icon.js');
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "as"];
 var TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
+  var children = _ref.children,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'span' : _ref$as,
     props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
-    className: className
-  }, props), children ? children : /*#__PURE__*/React.createElement(question_icon.QuestionLineIcon, {
+  return /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/React.createElement(as, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    className: 'aurora-inline-block aurora-cursor-pointer'
+  }, props), {}, {
+    ref: ref
+  }), children ? children : /*#__PURE__*/React.createElement(question_icon.QuestionLineIcon, {
     size: 16
-  }));
+  })));
 });
 TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
 

package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.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;"}
+{"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;"}