npm - @dreamcommerce/aurora - Versions diffs - 3.0.0-99 → 3.0.0 - Mend

@dreamcommerce/aurora 3.0.0-99 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (878) hide show

package/build/esm/packages/aurora/src/components/select/select_types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select_types.ts"],"names":[],"mappings":"AAAA,OAAiC,wBAAwB,CAAC;AAE1D,~~OAAoD~~,OAAO,CAAC"}
1	+ {"version":3,"file":"select_types.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select_types.ts"],"names":[],"mappings":"AAAA,OAAiC,wBAAwB,CAAC;AAE1D,OAAqC,OAAO,CAAC;AAC7C,OAA4B,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/select/select_utils.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { TSelectOption } from "./select_types";
+export declare class SelectUtils {
+    static localSearchIsOptionVisible: (option: TSelectOption, search: string) => boolean;
+    static localSearchIsHeaderVisible: (search: string, options: TSelectOption[], index: number) => boolean;
+    static findValueInOptions: (value: string | undefined, options: TSelectOption[]) => TSelectOption | undefined;
+}

package/build/esm/packages/aurora/src/components/select/select_utils.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+var _SelectUtils;
+var SelectUtils = /*#__PURE__*/_createClass(function SelectUtils() {
+  _classCallCheck(this, SelectUtils);
+});
+_SelectUtils = SelectUtils;
+_defineProperty(SelectUtils, "localSearchIsOptionVisible", function (option, search) {
+  var normalizePolish = function normalizePolish(str) {
+    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[\u0141-\u0142]/g, 'l').toLowerCase();
+  };
+  return normalizePolish(option.text).includes(normalizePolish(search));
+});
+_defineProperty(SelectUtils, "localSearchIsHeaderVisible", function (search, options, index) {
+  var visible = false;
+  var i = index + 1;
+  while (options[i]) {
+    var curr = options[i];
+    if (curr.isHeader) {
+      break;
+    }
+    if (_SelectUtils.localSearchIsOptionVisible(curr, search)) {
+      visible = true;
+      break;
+    }
+    i++;
+  }
+  return visible;
+});
+_defineProperty(SelectUtils, "findValueInOptions", function (value, options) {
+  if (!value) return undefined;
+  return options.find(function (opt) {
+    return opt.value === value;
+  });
+});
+export { SelectUtils };
+//# sourceMappingURL=select_utils.js.map

package/build/esm/packages/aurora/src/components/select/select_utils.js.map ADDED Viewed

	@@ -0,0 +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;"}

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

@@ -4,4 +4,5 @@ export declare const PersistentSidebar: React.ForwardRefExoticComponent<Omit<Rea
     className?: string | undefined;
     side?: "left" | "right" | undefined;
     TriggerButton?: React.ReactNode;
+    onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -1,33 +1,53 @@
 import React, { useRef, useImperativeHandle } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
+import { useClickOutside } from '../../../hooks/use_click_outside.js';
 import { useSidebar } from '../hooks/use_sidebar.js';
-var _excluded = ["className", "width", "children", "TriggerButton", "side"];
+var _excluded = ["className", "width", "children", "TriggerButton", "side", "onScroll", "onClickOutside"];
 var PersistentSidebar = /*#__PURE__*/React.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 = _objectWithoutProperties(_ref, _excluded);
   var _useSidebar = useSidebar(),
-    open = _useSidebar.open;
+    open = _useSidebar.open,
+    toggle = _useSidebar.toggle,
+    close = _useSidebar.close;
   var sidebarRef = useRef(null);
+  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
+    config = _ref2.config,
+    onClickOutsideCallback = _ref2.callback;
   useImperativeHandle(ref, function () {
     return sidebarRef.current;
   });
+  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.createElement("aside", _objectSpread2({
     "aria-expanded": open,
-    ref: sidebarRef,
-    className: cn('aurora-relative aurora-transition-all aurora-duration-200', className),
+    className: 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.createElement("div", {
-    className: cn('aurora-overflow-auto aurora-h-full aurora-w-full')
+    onScroll: onScroll,
+    ref: sidebarRef,
+    className: cn('aurora-overflow-auto aurora-h-full aurora-w-full custom-scrollbar', className)
   }, children));
 });
 PersistentSidebar.displayName = 'PersistentSidebar';

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

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

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_close_button.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TSidebarCloseButtonProps } from "./sidebar_components_types";
+export declare const SidebarCloseButton: FC<TSidebarCloseButtonProps>;

package/build/esm/packages/aurora/src/components/sidebar/components/sidebar_close_button.js ADDED Viewed

@@ -0,0 +1,20 @@
+import React from 'react';
+import { useSidebar } from '../hooks/use_sidebar.js';
+import { CloseLineIcon } from '../../../assets/icons/close_line_icon.js';
+var SidebarCloseButton = function SidebarCloseButton(_ref) {
+  var onClose = _ref.onClose;
+  var _useSidebar = useSidebar(),
+    close = _useSidebar.close;
+  return /*#__PURE__*/React.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.createElement(CloseLineIcon, null));
+};
+export { SidebarCloseButton };
+//# sourceMappingURL=sidebar_close_button.js.map

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

	@@ -0,0 +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;"}

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

@@ -1,10 +1,11 @@
 import React from 'react';
-import { TSidebarSide } from "../sidebar_types_types";
+import { TSidebarOnClickOutside, TSidebarSide } from "../sidebar_types_types";
 export declare type TPersistentSidebarProps = {
     width?: string;
     className?: string;
     side?: TSidebarSide;
     TriggerButton?: React.ReactNode;
+    onClickOutside?: TSidebarOnClickOutside;
 } & React.HTMLAttributes<HTMLDivElement>;
 export declare type TTemporalSidebar = React.PropsWithoutRef<{
     width?: string;
@@ -13,4 +14,8 @@ export declare type TTemporalSidebar = React.PropsWithoutRef<{
     container?: HTMLElement;
     closeOnOutsideClick?: boolean;
     TriggerButton?: React.ReactNode;
+    onClickOutside?: TSidebarOnClickOutside;
 } & React.HTMLAttributes<HTMLDivElement>>;
+export declare type TSidebarCloseButtonProps = {
+    onClose?: () => void;
+};

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,~~OAA6B~~,+CAA+C,CAAC"}
1	+ {"version":3,"file":"sidebar_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/sidebar/components/sidebar_components_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAAqD,+CAA+C,CAAC"}

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

@@ -6,4 +6,5 @@ export declare const TemporalSidebar: React.ForwardRefExoticComponent<Omit<React
     container?: HTMLElement | undefined;
     closeOnOutsideClick?: boolean | undefined;
     TriggerButton?: React.ReactNode;
+    onClickOutside?: import("../sidebar_types_types").TSidebarOnClickOutside | undefined;
 }, "ref"> & React.RefAttributes<HTMLDivElement | null>>;

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

@@ -1,11 +1,12 @@
 import React, { useRef, useState, useEffect, useLayoutEffect, useImperativeHandle } from 'react';
-import { slicedToArray as _slicedToArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 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 { createPortal } from 'react-dom';
-import { useClickOutside } from '../../../hooks/use_click_outside.js';
+var _excluded = ["children", "container", "className", "width", "side", "closeOnOutsideClick", "onClickOutside", "TriggerButton", "onScroll"];
 var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$container = _ref.container,
@@ -16,11 +17,15 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     side = _ref$side === void 0 ? 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 = _objectWithoutProperties(_ref, _excluded);
   var _useSidebar = useSidebar(),
     open = _useSidebar.open,
     close = _useSidebar.close,
-    defaultOpen = _useSidebar.defaultOpen;
+    defaultOpen = _useSidebar.defaultOpen,
+    toggle = _useSidebar.toggle;
   var sidebarRef = useRef(null);
   var _useState = useState(!open),
     _useState2 = _slicedToArray(_useState, 2),
@@ -36,11 +41,20 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (open && side == SIDEBAR_SIDE.right) (_sidebarRef$current6 = sidebarRef.current) === null || _sidebarRef$current6 === void 0 ? void 0 : _sidebarRef$current6.classList.add('aurora-translate-x-0');
     if (!open && side == SIDEBAR_SIDE.right) (_sidebarRef$current7 = sidebarRef.current) === null || _sidebarRef$current7 === void 0 ? void 0 : _sidebarRef$current7.classList.add('aurora-translate-x-full');
   };
+  var _ref2 = onClickOutside !== null && onClickOutside !== void 0 ? onClickOutside : {},
+    config = _ref2.config,
+    onClickOutsideCallback = _ref2.callback;
   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
   });
   useEffect(function () {
     if (!defaultOpen) return;
@@ -68,8 +82,8 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return sidebarRef.current;
   });
   if (destroyed) return null;
-  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
-    className: cn('aurora-absolute aurora-z-20 aurora-top-0 aurora-h-full aurora-overflow-hidden', {
+  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
     }),
@@ -78,9 +92,10 @@ var TemporalSidebar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       maxWidth: width ? width : 'auto',
       minWidth: width ? width : 'auto'
     }
-  }, TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
+  }, props), TriggerButton ? TriggerButton : null, /*#__PURE__*/React.createElement("aside", {
+    onScroll: onScroll,
     ref: sidebarRef,
-    className: cn(' aurora-w-full aurora-h-full -aurora-translate-x-full aurora-duration-300 aurora-transition-[transform]', {
+    className: 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_SIDE.right,
       '-aurora-translate-x-full': side === SIDEBAR_SIDE.left
     }, className)

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

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

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.d.ts CHANGED Viewed

@@ -2,12 +2,22 @@ import React from 'react';
 import { SIDEBAR_SIDE, SIDEBAR_VARIANTS } from "./sidebar_constants";
 import { Any } from 'ts-toolbelt';
 import { TPersistentSidebarProps, TTemporalSidebar } from "./components/sidebar_components_types";
+import { TUseClickOutsideProps } from "../../hooks/use_click_outside";
 export declare type TSidebarVariant = Any.Keys<typeof SIDEBAR_VARIANTS>;
 export declare type TSidebarSide = Any.Keys<typeof SIDEBAR_SIDE>;
+export declare type TOnClickOutsideCallbackProps = {
+    open: boolean;
+    toggle: Function;
+    close: Function;
+};
+export declare type TSidebarOnClickOutside = Pick<TUseClickOutsideProps, 'config'> & {
+    callback?: (props: TOnClickOutsideCallbackProps) => void;
+};
 export declare type TSidebarProps<T extends TSidebarVariant> = {
     variant: T;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     defaultOpen?: boolean;
     storageKey?: string;
+    onClickOutside?: TSidebarOnClickOutside;
 } & React.HTMLAttributes<HTMLHtmlElement> & (T extends typeof SIDEBAR_VARIANTS.persistent ? TPersistentSidebarProps : TTemporalSidebar);

package/build/esm/packages/aurora/src/components/sidebar/sidebar_types_types.js CHANGED Viewed

@@ -2,4 +2,5 @@ import 'react';
 import '@auroraComponents/sidebar/sidebar_constants';
 import 'ts-toolbelt';
 import '@auroraComponents/sidebar/components/sidebar_components_types';
+import '@auroraHooks/use_click_outside';
 //# sourceMappingURL=sidebar_types_types.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC"}
1	+ {"version":3,"file":"sidebar_types_types.js","sourceRoot":"","sources":["../../../../../../../src/components/sidebar/sidebar_types_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA+C,6CAA6C,CAAC;AAC7F,OAAoB,aAAa,CAAC;AAClC,OAA0D,+DAA+D,CAAC;AAC1H,OAAsC,gCAAgC,CAAC"}

package/build/esm/packages/aurora/src/components/stack/stack.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ export declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
     justify?: "start" | "end" | "center" | "stretch" | "normal" | "between" | "around" | "evenly" | undefined;
     align?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
+    spacing?: "0" | "1" | "0.5" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
     wrap?: string | undefined;
     children?: React.ReactNode;
     as?: string | undefined;
@@ -18,6 +18,8 @@ export declare const Stack: React.ForwardRefExoticComponent<React.HTMLAttributes
     minHeight?: string | undefined;
     maxHeight?: string | undefined;
     className?: string | undefined;
+    grow?: 0 | 1 | undefined;
+    shrink?: 0 | 1 | undefined;
 } & {
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLElement>>;

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

@@ -1,10 +1,10 @@
 import React, { useRef, useImperativeHandle } from 'react';
 import { defineProperty as _defineProperty, objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
 import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
+import { STACK_DIRECTION_TYPES, STACK_WRAP_TYPES, STACK_ALIGN_ITEMS_TYPES, STACK_JUSTIFY_CONTENT_TYPES } from './stack_constants.js';
-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 = cva('aurora-flex', {
   variants: {
     direction: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
@@ -13,6 +13,14 @@ var stackVariants = cva('aurora-flex', {
     justify: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), 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'
     }
   }
 });
@@ -39,6 +47,8 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     minHeight = _ref.minHeight,
     maxHeight = _ref.maxHeight,
     style = _ref.style,
+    shrink = _ref.shrink,
+    grow = _ref.grow,
     rest = _objectWithoutProperties(_ref, _excluded);
   var internalRef = useRef(null);
   useImperativeHandle(ref, function () {
@@ -52,7 +62,9 @@ var Stack = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       justify: justify,
       align: align,
       wrap: wrap,
-      display: display
+      display: display,
+      shrink: shrink,
+      grow: grow
     }), className, _defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
     style: _objectSpread2({
       width: width,

package/build/esm/packages/aurora/src/components/stack/stack.js.map CHANGED Viewed

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

package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts CHANGED Viewed

@@ -26,3 +26,11 @@ export declare const STACK_JUSTIFY_CONTENT_TYPES: {
     readonly evenly: "evenly";
     readonly stretch: "stretch";
 };
+export declare const STACK_GROW_TYPES: {
+    readonly 0: 0;
+    readonly 1: 1;
+};
+export declare const STACK_SHRINK_TYPES: {
+    readonly 0: 0;
+    readonly 1: 1;
+};

package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { Any, Object } from 'ts-toolbelt';
 import React from 'react';
-import { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_WRAP_TYPES } from "./stack_constants";
+import { STACK_ALIGN_ITEMS_TYPES, STACK_DIRECTION_TYPES, STACK_GROW_TYPES, STACK_JUSTIFY_CONTENT_TYPES, STACK_SHRINK_TYPES, STACK_WRAP_TYPES } from "./stack_constants";
 import { TCssSpacingTokens } from "../../constants/css_tokens/css_tokens_types";
 export declare type TStackProps = React.HTMLAttributes<HTMLElement> & {
     direction?: TStackDirection;
@@ -21,8 +21,12 @@ export declare type TStackProps = React.HTMLAttributes<HTMLElement> & {
     minHeight?: string;
     maxHeight?: string;
     className?: string;
+    grow?: TStackGrow;
+    shrink?: TStackShrink;
 };
 export declare type TStackJustifyContent = Any.Keys<Object.Invert<typeof STACK_JUSTIFY_CONTENT_TYPES>>;
 export declare type TStackDirection = Any.Keys<Object.Invert<typeof STACK_DIRECTION_TYPES>>;
 export declare type TStackAlign = Any.Keys<Object.Invert<typeof STACK_ALIGN_ITEMS_TYPES>>;
 export declare type TStackWrap = Any.Keys<Object.Invert<typeof STACK_WRAP_TYPES>>;
+export declare type TStackGrow = Any.Keys<Object.Invert<typeof STACK_GROW_TYPES>>;
+export declare type TStackShrink = Any.Keys<Object.Invert<typeof STACK_SHRINK_TYPES>>;

package/build/esm/packages/aurora/src/components/stack/stack_types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stack_types.js","sourceRoot":"","sources":["../../../../../../../src/components/stack/stack_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAkB,OAAO,CAAC;AAC1B,~~OAKO~~,yCAAyC,CAAC;AACjD,OAAkC,8CAA8C,CAAC"}
1	+ {"version":3,"file":"stack_types.js","sourceRoot":"","sources":["../../../../../../../src/components/stack/stack_types.ts"],"names":[],"mappings":"AAAA,OAA4B,aAAa,CAAC;AAC1C,OAAkB,OAAO,CAAC;AAC1B,OAOO,yCAAyC,CAAC;AACjD,OAAkC,8CAA8C,CAAC"}

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

@@ -21,16 +21,16 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     name: name,
     value: value,
     ref: ref,
-    className: 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('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.createElement(SwitchThumb, {
-    className: 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('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 = Root.displayName;

package/build/esm/packages/aurora/src/components/tabs/components/tabs_trigger.js CHANGED Viewed

@@ -16,7 +16,7 @@ var TabsTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var context = useContext(TabsContext);
   return /*#__PURE__*/createElement(Trigger, _objectSpread2({
     ref: ref,
-    className: 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", tabsVariants({
+    className: 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", 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/esm/packages/aurora/src/components/tag/tag.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-import { CloseLineIcon } from '../../assets/icons/close_icon.js';
+import { CloseLineIcon } from '../../assets/icons/close_line_icon.js';
 import { tagVariants } from './tag_variants.js';
 import classnames from '../../../../../external/classnames/index.js';
@@ -31,7 +31,7 @@ var Tag = function Tag(_ref) {
       onDelete === null || onDelete === void 0 ? void 0 : onDelete();
     }
   }, /*#__PURE__*/createElement(CloseLineIcon, {
-    className: classnames("aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill", disabled && "aurora-fill-disabled")
+    className: classnames('aurora-w-5 aurora-h-5 aurora-fill-subtle hover:aurora-fill', disabled && 'aurora-fill-disabled')
   }))));
 };

package/build/esm/packages/aurora/src/components/text_area/text_area.js CHANGED Viewed

@@ -2,15 +2,13 @@ import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../utilities/cn.js';
-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.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,
@@ -24,7 +22,6 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     id: id,
     name: name,
     value: value,
-    defaultValue: defaultValue,
     placeholder: placeholder,
     disabled: disabled,
     readOnly: readOnly,
@@ -32,7 +29,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp,
     className: 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/esm/packages/aurora/src/components/text_area/text_area.js.map CHANGED Viewed

	@@ -1 +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;~~"}
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;"}

package/build/esm/packages/aurora/src/components/toast/components/toast.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { TToastProps } from "./toast_components_types";
+import React from 'react';
+import { PropsWithChildren } from 'react';
+export declare const Toast: ({ type, header, children, slideSide, closeable, ...rest }: PropsWithChildren<TToastProps>) => React.JSX.Element;

package/build/esm/packages/aurora/src/components/toast/components/toast.js ADDED Viewed

@@ -0,0 +1,38 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Stack } from '../../stack/stack.js';
+import { CloseLineIcon } from '../../../assets/icons/close_line_icon.js';
+import { MessageBox } from '../../message_box/message_box.js';
+import { Root, Close } from '@radix-ui/react-toast';
+import { TOAST_SLIDE_SIDE } from '../toast_constants.js';
+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_SLIDE_SIDE.fromRight : _ref$slideSide,
+    _ref$closeable = _ref.closeable,
+    closeable = _ref$closeable === void 0 ? true : _ref$closeable,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Root, _objectSpread2(_objectSpread2({}, rest), {}, {
+    className: 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_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_SLIDE_SIDE.fromBottom
+    })
+  }), /*#__PURE__*/React.createElement(MessageBox, {
+    showIcon: true,
+    variant: type,
+    header: header
+  }, /*#__PURE__*/React.createElement(Stack, {
+    justify: "between",
+    align: "center"
+  }, children, closeable ? (/*#__PURE__*/React.createElement(Close, null, /*#__PURE__*/React.createElement(CloseLineIcon, {
+    size: 16
+  }))) : null)));
+};
+export { Toast };
+//# sourceMappingURL=toast.js.map

package/build/esm/packages/aurora/src/components/toast/components/toast.js.map ADDED Viewed

	@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { Toast, Viewport } from '@radix-ui/react-toast';
+import { TMessageBoxVariant } from "../../message_box/message_box_types";
+import { ComponentProps, ReactNode } from 'react';
+import { TToastSlideSide, TToastsSide } from "../toast_types";
+export declare type TToastType = TMessageBoxVariant;
+export declare type TToastProps = Omit<ComponentProps<typeof Toast>, 'type'> & {
+    type: TToastType;
+    header?: string | ReactNode;
+    closeable?: boolean;
+    slideSide?: TToastSlideSide;
+};
+export declare type TToastViewportProps = ComponentProps<typeof Viewport> & {
+    side?: TToastsSide;
+};

package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.js ADDED Viewed

@@ -0,0 +1,5 @@
+import '@radix-ui/react-toast';
+import '@auroraComponents/message_box/message_box_types';
+import 'react';
+import '@auroraComponents/toast/toast_types';
+//# sourceMappingURL=toast_components_types.js.map

package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"toast_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/toast/components/toast_components_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAmC,iDAAiD,CAAC;AACrF,OAA0C,OAAO,CAAC;AAClD,OAA6C,qCAAqC,CAAC"}

package/build/esm/packages/aurora/src/components/toast/components/toast_viewport.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TToastViewportProps } from "./toast_components_types";
+export declare const ToastViewport: ({ className, side, ...rest }: TToastViewportProps) => React.JSX.Element;