@dreamcommerce/aurora 3.0.0-99 → 3.0.0

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { cn } from '../../../utilities/cn.js';
+import { Viewport } from '@radix-ui/react-toast';
+import { TOASTS_SIDE } from '../toast_constants.js';
+
+var _excluded = ["className", "side"];
+var ToastViewport = function ToastViewport(_ref) {
+  var className = _ref.className,
+    _ref$side = _ref.side,
+    side = _ref$side === void 0 ? TOASTS_SIDE.right : _ref$side,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Viewport, _objectSpread2({
+    className: 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 === TOASTS_SIDE.right,
+      'aurora-left-1/2 -aurora-translate-x-1/2': side === TOASTS_SIDE.center
+    }, className)
+  }, rest));
+};
+
+export { ToastViewport };
+//# sourceMappingURL=toast_viewport.js.map

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

package/build/esm/packages/aurora/src/components/toast/context/toast_provider.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ToastProvider: import("react").FC<import("@radix-ui/react-toast").ToastProviderProps>;

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

@@ -0,0 +1,6 @@
+import { Provider } from '@radix-ui/react-toast';
+
+var ToastProvider = Provider;
+
+export { ToastProvider };
+//# sourceMappingURL=toast_provider.js.map

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

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

@@ -0,0 +1,15 @@
+export declare const TOAST_TYPES: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly success: "success";
+    readonly critical: "critical";
+    readonly subtle: "subtle";
+};
+export declare const TOASTS_SIDE: {
+    readonly right: "right";
+    readonly center: "center";
+};
+export declare const TOAST_SLIDE_SIDE: {
+    readonly fromRight: "from-right";
+    readonly fromBottom: "from-bottom";
+};

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

@@ -0,0 +1,14 @@
+import { MESSAGE_BOX_VARIANTS } from '../message_box/message_box_constants.js';
+
+var TOAST_TYPES = MESSAGE_BOX_VARIANTS;
+var TOASTS_SIDE = {
+  right: 'right',
+  center: 'center'
+};
+var TOAST_SLIDE_SIDE = {
+  fromRight: 'from-right',
+  fromBottom: 'from-bottom'
+};
+
+export { TOASTS_SIDE, TOAST_SLIDE_SIDE, TOAST_TYPES };
+//# sourceMappingURL=toast_constants.js.map

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

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

@@ -0,0 +1,4 @@
+import { TOAST_SLIDE_SIDE, TOASTS_SIDE } from "./toast_constants";
+import { Any } from 'ts-toolbelt';
+export declare type TToastsSide = Any.Keys<typeof TOASTS_SIDE>;
+export declare type TToastSlideSide = typeof TOAST_SLIDE_SIDE[Any.Keys<typeof TOAST_SLIDE_SIDE>];

package/build/esm/packages/aurora/src/components/toast/toast_types.js

@@ -0,0 +1,3 @@
+import '@auroraComponents/toast/toast_constants';
+import 'ts-toolbelt';
+//# sourceMappingURL=toast_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast_types.js","sourceRoot":"","sources":["../../../../../../../src/components/toast/toast_types.ts"],"names":[],"mappings":"AAAA,OAA8C,yCAAyC,CAAC;AACxF,OAAoB,aAAa,CAAC"}

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

@@ -2,7 +2,6 @@ import { forwardRef, createElement } from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { cn } from '../../../utilities/cn.js';
 import { Portal, Content } from '@radix-ui/react-tooltip';
-import { TOOLTIP_VARIANT_TYPES } from '../tooltip_constants.js';
 import { tooltipContentVariants } from './tooltip_content_variants.js';
 
 var _excluded = ["className", "sideOffset", "variant"];
@@ -10,13 +9,12 @@ var TooltipContent = /*#__PURE__*/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_VARIANT_TYPES.light : _ref$variant,
+    variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content, _objectSpread2({
     ref: ref,
     sideOffset: sideOffset,
-    className: 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', tooltipContentVariants({
+    className: 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', tooltipContentVariants({
       variant: variant
     }), className)
   }, props)));

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_trigger.d.ts

@@ -1,3 +1,5 @@
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    as?: string | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_trigger.js

@@ -3,16 +3,21 @@ import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _
 import { Trigger } from '@radix-ui/react-tooltip';
 import { QuestionLineIcon } from '../../../assets/icons/question_icon.js';
 
-var _excluded = ["className", "children"];
+var _excluded = ["children", "as"];
 var TooltipTrigger = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/createElement(Trigger, _objectSpread2({
-    className: className
-  }, props), children ? children : /*#__PURE__*/createElement(QuestionLineIcon, {
+  return /*#__PURE__*/createElement(Trigger, {
+    asChild: true
+  }, /*#__PURE__*/createElement(as, _objectSpread2(_objectSpread2({
+    className: 'aurora-inline-block aurora-cursor-pointer'
+  }, props), {}, {
+    ref: ref
+  }), children ? children : /*#__PURE__*/createElement(QuestionLineIcon, {
     size: 16
-  }));
+  })));
 });
 TooltipTrigger.displayName = Trigger.displayName;
 

package/build/esm/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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.d.ts

@@ -2,9 +2,13 @@ import { TOOLTIP_VARIANT_TYPES } from "./tooltip_constants";
 import { Any } from 'ts-toolbelt';
 import { Content as TooltipPrimitiveContent } from '@radix-ui/react-tooltip';
 import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 export declare type TTooltipVariant = Any.Keys<typeof TOOLTIP_VARIANT_TYPES>;
 export declare type TTooltipContentProps = {
     variant?: TTooltipVariant;
     className?: string;
     sideOffset?: number;
 } & React.ComponentPropsWithoutRef<typeof TooltipPrimitiveContent>;
+export declare type TTooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> & {
+    as?: string;
+};

package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js

@@ -2,4 +2,5 @@ import '@auroraComponents/tooltip/tooltip_constants';
 import 'ts-toolbelt';
 import '@radix-ui/react-tooltip';
 import 'react';
+import '@radix-ui/react-tooltip';
 //# sourceMappingURL=tooltip_types.js.map

package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tooltip/tooltip_types.ts"],"names":[],"mappings":"AAAA,OAAsC,6CAA6C,CAAC;AACpF,OAAoB,aAAa,CAAC;AAClC,OAAmD,yBAAyB,CAAC;AAC7E,OAAuB,OAAO,CAAC"}
+{"version":3,"file":"tooltip_types.js","sourceRoot":"","sources":["../../../../../../../src/components/tooltip/tooltip_types.ts"],"names":[],"mappings":"AAAA,OAAsC,6CAA6C,CAAC;AACpF,OAAoB,aAAa,CAAC;AAClC,OAAmD,yBAAyB,CAAC;AAC7E,OAAuB,OAAO,CAAC;AAC/B,OAAkC,yBAAyB,CAAC"}

package/build/esm/packages/aurora/src/components/tree/components/tree_node.d.ts

@@ -12,12 +12,14 @@ declare type TTreeLabelComponentProps = {
     isLeaf: boolean;
 };
 declare type TTreeNodeProps = TPropsWithChildren<ITreeNode & {
-    cssClassNames?: string;
+    className?: string;
+    labelClassName?: string;
     collapseIcon?: React.ReactNode;
     expandIcon?: React.ReactNode;
     LabelComponent?: (props: TTreeLabelComponentProps) => React.ReactNode;
     ContentComponent?: (props: TTreeContentComponentProps) => React.ReactNode;
+    isHighlighted?: boolean;
     hasDisabledHover?: boolean;
 }>;
-export declare const TreeNode: ({ children, id, cssClassNames, ContentComponent, LabelComponent, disabled, hasDisabledHover, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
-export default TreeNode;
+export declare const TreeNode: ({ children, id, className, labelClassName, ContentComponent, LabelComponent, disabled, isHighlighted, hasDisabledHover, ...rest }: TTreeNodeProps) => React.JSX.Element | null;
+export {};

package/build/esm/packages/aurora/src/components/tree/components/tree_node.js

@@ -6,14 +6,16 @@ import { CSSTransition } from 'react-transition-group';
 import { useTree } from '../hooks/tree_hook.js';
 import { useTreeNode } from '../hooks/tree_node_hook.js';
 
-var _excluded = ["children", "id", "cssClassNames", "ContentComponent", "LabelComponent", "disabled", "hasDisabledHover"];
+var _excluded = ["children", "id", "className", "labelClassName", "ContentComponent", "LabelComponent", "disabled", "isHighlighted", "hasDisabledHover"];
 var TreeNode = function TreeNode(_ref) {
   var children = _ref.children,
     id = _ref.id,
-    cssClassNames = _ref.cssClassNames,
+    className = _ref.className,
+    labelClassName = _ref.labelClassName,
     ContentComponent = _ref.ContentComponent,
     LabelComponent = _ref.LabelComponent,
     disabled = _ref.disabled,
+    isHighlighted = _ref.isHighlighted,
     hasDisabledHover = _ref.hasDisabledHover,
     rest = _objectWithoutProperties(_ref, _excluded);
   var treeApi = useTree();
@@ -26,16 +28,18 @@ var TreeNode = function TreeNode(_ref) {
   };
   var Label = LabelComponent ? (/*#__PURE__*/React.createElement("div", {
     className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': hasDisabledHover
-    })
+      'hover:aurora-bg-transparent': hasDisabledHover,
+      'aurora-bg-hover': isHighlighted
+    }, labelClassName)
   }, LabelComponent === null || LabelComponent === void 0 ? void 0 : LabelComponent({
     node: node,
     isLeaf: !children
   }))) : (/*#__PURE__*/React.createElement("div", {
     tabIndex: !children ? 0 : -1,
     className: cn('aurora-w-full aurora-px-2 aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': hasDisabledHover
-    })
+      'hover:aurora-bg-transparent': hasDisabledHover,
+      'aurora-bg-hover': isHighlighted
+    }, labelClassName)
   }, node.label ? node.label : node.id));
   var Content = ContentComponent ? ContentComponent === null || ContentComponent === void 0 ? void 0 : ContentComponent({
     node: node,
@@ -43,20 +47,21 @@ var TreeNode = function TreeNode(_ref) {
     isLeaf: !childrenCount
   }) : (/*#__PURE__*/React.createElement("div", {
     className: cn('aurora-flex aurora-items-center aurora-rounded-4 hover:aurora-bg-hover', {
-      'hover:aurora-bg-transparent': hasDisabledHover
-    })
+      'hover:aurora-bg-transparent': hasDisabledHover,
+      'aurora-bg-hover': isHighlighted
+    }, labelClassName)
   }, /*#__PURE__*/React.createElement("button", {
     className: "aurora-flex aurora-items-center aurora-p-1 aurora-cursor-pointer",
     onClick: toggleNode
   }, /*#__PURE__*/React.createElement("span", {
     className: "aurora-flex"
   }, /*#__PURE__*/React.createElement(ArrowDownSFillIcon, {
-    className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 tree-arrow-transition', {
+    className: cn('aurora-h-4 aurora-w-4 aurora-text-inverse-subtle-light -aurora-rotate-90 aurora-transition-transform aurora-duration-200 aurora-ease-out', {
       'aurora-rotate-0': node.expanded
     })
   }))), Label));
   return /*#__PURE__*/React.createElement("li", {
-    className: cn('aurora-flex aurora-flex-col aurora-gap-2', cssClassNames),
+    className: cn('aurora-flex aurora-flex-col aurora-gap-2', className),
     role: "treeitem",
     "aria-expanded": node.expanded,
     "data-disabled": !!disabled
@@ -66,16 +71,15 @@ var TreeNode = function TreeNode(_ref) {
     timeout: 50,
     classNames: {
       enter: 'tree__children-enter',
-      enterActive: 'tree__children-enter-active',
-      exit: 'tree__children-exit',
+      enterActive: 'aurora-opacity-100 aurora-scale-100',
+      exit: 'aurora-opacity-100 aurora-scale-100',
       exitActive: 'tree__children-exit-active'
     }
   }, /*#__PURE__*/React.createElement("ul", {
-    className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-list-none aurora-will-change-auto tree__children-transition",
+    className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-pl-4 aurora-scale-100 aurora-origin-top aurora-will-change-auto aurora-duration-200 aurora-ease-out aurora-transition-all aurora-m-0 aurora-p-0 aurora-list-none",
     ref: nodeChildrenRef
   }, children))) : null);
 };
 
-export default TreeNode;
 export { TreeNode };
 //# sourceMappingURL=tree_node.js.map

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

package/build/esm/packages/aurora/src/components/tree/context/tree_context.d.ts

@@ -12,6 +12,7 @@ export interface ITreeContext {
     getNode(nodeId: string): ITreeNode | undefined;
     removeNode(nodeId: string): void;
     toggleNode(nodeId: string): void;
+    closeNode(nodeId: string): void;
 }
 export declare const TreeContext: import("react").Context<ITreeContext>;
 export declare const TreeContextProvider: import("react").Provider<ITreeContext>;

package/build/esm/packages/aurora/src/components/tree/context/tree_context.js

@@ -5,6 +5,7 @@ var TreeContext = /*#__PURE__*/createContext({
   updateNode: function updateNode() {},
   removeNode: function removeNode() {},
   toggleNode: function toggleNode() {},
+  closeNode: function closeNode() {},
   getNode: function getNode() {
     return undefined;
   },

package/build/esm/packages/aurora/src/components/tree/context/tree_context.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tree/context/tree_provider.js

@@ -42,6 +42,15 @@ var TreeProvider = function TreeProvider(_ref) {
         });
       });
     },
+    closeNode: function closeNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.map(function (node) {
+          return node.id === nodeId ? _objectSpread2(_objectSpread2({}, node), {}, {
+            expanded: false
+          }) : node;
+        });
+      });
+    },
     hasNode: function hasNode(nodeId) {
       return !!nodes.find(function (node) {
         return node.id === nodeId;

package/build/esm/packages/aurora/src/components/tree/context/tree_provider.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;"}
+{"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;"}

package/build/esm/packages/aurora/src/components/tree/{index.js → tree.js}

@@ -3,7 +3,6 @@ import { cn } from '../../utilities/cn.js';
 import { TREE_ROLE_ATTRIBUTE } from './constants.js';
 import { TreeProvider } from './context/tree_provider.js';
 
-// eslint-disable-next-line react/display-name
 var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     cssClassNames = _ref.cssClassNames,
@@ -16,10 +15,11 @@ var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onMouseLeave: onMouseLeave,
     ref: ref,
     style: cssStyles,
-    className: cn('aurora-list-none aurora-flex aurora-flex-col aurora-gap-2', cssClassNames)
+    className: cn('aurora-flex aurora-flex-col aurora-gap-2 aurora-m-0 aurora-p-0 aurora-list-none', cssClassNames)
   }, children));
 });
+Tree.displayName = 'Tree';
 
 export default Tree;
 export { Tree };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=tree.js.map

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

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

@@ -46,7 +46,7 @@ export declare const Typography: ({ variant, as, style, color, weight, size, lin
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;

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

@@ -24,7 +24,7 @@ var Typography = function Typography(_ref) {
       weight: weight,
       size: size,
       lineHeight: lineHeight
-    }), _defineProperty({}, "aurora-text-".concat(color), !!color), className),
+    }), _defineProperty(_defineProperty({}, "aurora-text-".concat(color), !!color), 'aurora-text', !color), className),
     style: style
   }, rest), children);
 };

package/build/esm/packages/aurora/src/components/typography/typography_variants.js

@@ -10,7 +10,7 @@ var typographyVariants = cva('', {
     transform: _defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_TRANSFORM_TYPES.uppercase, 'aurora-uppercase'), TYPOGRAPHY_TRANSFORM_TYPES.lowercase, 'aurora-lowercase'), TYPOGRAPHY_TRANSFORM_TYPES.capitalize, 'aurora-capitalize'),
     weight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_WEIGHT_TYPES.normal, 'aurora-font-normal'), TYPOGRAPHY_WEIGHT_TYPES.medium, 'aurora-font-medium'), TYPOGRAPHY_WEIGHT_TYPES.semibold, 'aurora-font-semibold'), TYPOGRAPHY_WEIGHT_TYPES.bold, 'aurora-font-bold'), TYPOGRAPHY_WEIGHT_TYPES.extrabold, 'aurora-font-extrabold'),
     size: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_FONT_SIZE_TOKENS.xs, 'aurora-text-xs'), CSS_FONT_SIZE_TOKENS.s, 'aurora-text-s'), CSS_FONT_SIZE_TOKENS.md, 'aurora-text'), CSS_FONT_SIZE_TOKENS.lg, 'aurora-text-lg'), CSS_FONT_SIZE_TOKENS.xl, 'aurora-text-xl'), CSS_FONT_SIZE_TOKENS['2xl'], 'aurora-text-2xl'), CSS_FONT_SIZE_TOKENS['3xl'], 'aurora-text-3xl'), CSS_FONT_SIZE_TOKENS['4xl'], 'aurora-text-4xl'), CSS_FONT_SIZE_TOKENS['5xl'], 'aurora-text-5xl'), CSS_FONT_SIZE_TOKENS['6xl'], 'aurora-text-6xl'),
-    lineHeight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_LINE_HEIGHT_TOKENS.xs, 'aurora-line-height-xs'), CSS_LINE_HEIGHT_TOKENS.s, 'aurora-line-height-s'), CSS_LINE_HEIGHT_TOKENS.md, 'aurora-line-height'), CSS_LINE_HEIGHT_TOKENS.lg, 'aurora-line-height-lg'), CSS_LINE_HEIGHT_TOKENS.xl, 'aurora-line-height-xl'), CSS_LINE_HEIGHT_TOKENS['2xl'], 'aurora-line-height-2xl'), CSS_LINE_HEIGHT_TOKENS['3xl'], 'aurora-line-height-3xl'), CSS_LINE_HEIGHT_TOKENS['4xl'], 'aurora-line-height-4xl'), CSS_LINE_HEIGHT_TOKENS['5xl'], 'aurora-line-height-5xl'), CSS_LINE_HEIGHT_TOKENS['6xl'], 'aurora-line-height-6xl'),
+    lineHeight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_LINE_HEIGHT_TOKENS.xs, 'aurora-leading-xs'), CSS_LINE_HEIGHT_TOKENS.s, 'aurora-leading-s'), CSS_LINE_HEIGHT_TOKENS.md, 'aurora-leading'), CSS_LINE_HEIGHT_TOKENS.lg, 'aurora-leading-lg'), CSS_LINE_HEIGHT_TOKENS.xl, 'aurora-leading-xl'), CSS_LINE_HEIGHT_TOKENS['2xl'], 'aurora-leading-2xl'), CSS_LINE_HEIGHT_TOKENS['3xl'], 'aurora-leading-3xl'), CSS_LINE_HEIGHT_TOKENS['4xl'], 'aurora-leading-4xl'), CSS_LINE_HEIGHT_TOKENS['5xl'], 'aurora-leading-5xl'), CSS_LINE_HEIGHT_TOKENS['6xl'], 'aurora-leading-6xl'),
     defaultVariants: {
       variant: TYPOGRAPHY_COMPONENT_TYPES.p,
       weight: TYPOGRAPHY_WEIGHT_TYPES.normal

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { TValuesSyncerProps } from './values_syncer_types';
-export declare const ValuesSyncer: React.FC<TValuesSyncerProps>;
+export declare const ValuesSyncer: <T>({ firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, className }: TValuesSyncerProps<T>) => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { CSS_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_color_tokens_values.js';
 import { cn } from '../../utilities/cn.js';
@@ -9,73 +9,98 @@ import { LockUnlockLineIcon } from '../../assets/icons/lock_unlock_icon.js';
 var ValuesSyncer = function ValuesSyncer(_ref) {
   var firstControl = _ref.firstControl,
     secondControl = _ref.secondControl,
-    initialFirstValue = _ref.initialFirstValue,
-    initialSecondValue = _ref.initialSecondValue,
-    _ref$isLocked = _ref.isLocked,
-    isLocked = _ref$isLocked === void 0 ? false : _ref$isLocked,
+    firstValue = _ref.firstValue,
+    secondValue = _ref.secondValue,
+    isLocked = _ref.isLocked,
     onLock = _ref.onLock,
-    onChange = _ref.onChange;
-  var _useState = useState(isLocked),
+    _ref$disableLockButto = _ref.disableLockButton,
+    disableLockButton = _ref$disableLockButto === void 0 ? false : _ref$disableLockButto,
+    onChange = _ref.onChange,
+    className = _ref.className;
+  var _useState = useState(isLocked !== null && isLocked !== void 0 ? isLocked : false),
     _useState2 = _slicedToArray(_useState, 2),
     locked = _useState2[0],
     setLocked = _useState2[1];
-  var _useState3 = useState(initialFirstValue),
-    _useState4 = _slicedToArray(_useState3, 2),
-    firstControlValue = _useState4[0],
-    setFirstControlValue = _useState4[1];
-  var _useState5 = useState(initialSecondValue),
-    _useState6 = _slicedToArray(_useState5, 2),
-    secondControlValue = _useState6[0],
-    setSecondControlValue = _useState6[1];
-  useEffect(function () {
-    onLock === null || onLock === void 0 ? void 0 : onLock(locked);
+  var firstValueRef = useRef(firstValue);
+  var secondValueRef = useRef(secondValue);
+  var lockedRef = useRef(locked);
+  var handleFirstControlChange = useCallback(function (value) {
+    firstValueRef.current = value;
     if (locked) {
-      setSecondControlValue(firstControlValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        first: value,
+        second: value,
+        isLocked: locked
+      });
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        first: value,
+        second: secondValue,
+        isLocked: locked
+      });
     }
-  }, [locked]);
-  useEffect(function () {
-    setFirstControlValue(initialFirstValue);
-    setSecondControlValue(initialSecondValue);
-  }, [initialFirstValue, initialSecondValue]);
-  useEffect(function () {
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      first: firstControlValue,
-      second: secondControlValue,
-      isLocked: locked
-    });
-  }, [firstControlValue, secondControlValue, locked]);
-  var handleFirstControlChange = function handleFirstControlChange(value) {
-    setFirstControlValue(value);
+  }, [locked, onChange, secondValue]);
+  var handleSecondControlChange = useCallback(function (value) {
+    secondValueRef.current = value;
     if (locked) {
-      setSecondControlValue(value);
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        first: value,
+        second: value,
+        isLocked: locked
+      });
+    } else {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        first: firstValue,
+        second: value,
+        isLocked: locked
+      });
     }
-  };
-  var handleSecondControlChange = function handleSecondControlChange(value) {
-    setSecondControlValue(value);
-    if (locked) {
-      setFirstControlValue(value);
+  }, [firstValue, locked, onChange]);
+  var handleLockedChange = useCallback(function (newLock) {
+    var triggerOnLock = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    setLocked(newLock);
+    lockedRef.current = newLock;
+    if (triggerOnLock && onLock) onLock(newLock);
+    if (newLock) {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        first: firstValue,
+        second: firstValue,
+        isLocked: newLock
+      });
     }
-  };
-  var toggleLock = function toggleLock() {
-    return setLocked(function (prev) {
-      return !prev;
-    });
-  };
+  }, [firstValue, onChange, onLock]);
+  // Reagujemy na zmiany wszystkiego co przychodzi z gory
+  // zebysmy nigdy nie skonczyli z nielegalnym stanem -> first !== second && locked
+  useEffect(function () {
+    if (isLocked === undefined || isLocked === lockedRef.current) return;
+    handleLockedChange(isLocked, false);
+  }, [isLocked, handleLockedChange]);
+  useEffect(function () {
+    if (firstValue === firstValueRef.current && secondValue === secondValueRef.current) return;
+    firstValueRef.current = firstValue;
+    secondValueRef.current = secondValue;
+    if (firstValue !== secondValue) {
+      handleLockedChange(false);
+    }
+  }, [firstValue, secondValue, handleLockedChange]);
   return /*#__PURE__*/React.createElement(Stack, {
     spacing: "3",
     align: "end",
-    className: "aurora-items-end"
-  }, firstControl(firstControlValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
+    className: cn('aurora-items-end', className)
+  }, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
     type: "button",
+    disabled: disableLockButton,
     className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
-    onClick: toggleLock
-  }, locked ? (/*#__PURE__*/React.createElement(LockLineIcon, {
+    onClick: function onClick() {
+      return handleLockedChange(!locked);
+    }
+  }, locked && !disableLockButton ? (/*#__PURE__*/React.createElement(LockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
     color: CSS_COLOR_TOKENS_VALUES.neutral900
   })) : (/*#__PURE__*/React.createElement(LockUnlockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
     color: CSS_COLOR_TOKENS_VALUES.neutral600
-  }))), secondControl(secondControlValue, handleSecondControlChange));
+  }))), secondControl(secondValue, handleSecondControlChange));
 };
 
 export { ValuesSyncer };

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.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;"}
+{"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/values_syncer/values_syncer_types.d.ts

@@ -1,14 +1,16 @@
 import React from 'react';
-export declare type TValuesSyncerProps = {
-    firstControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
-    secondControl: (value: unknown, setValue: (value: unknown) => void) => React.ReactNode;
-    initialFirstValue?: unknown;
-    initialSecondValue?: unknown;
+export declare type TValuesSyncerProps<T> = {
+    firstControl: (value: T, setValue: (value: T) => void) => React.ReactNode;
+    secondControl: (value: T, setValue: (value: T) => void) => React.ReactNode;
+    firstValue: T;
+    secondValue: T;
     isLocked?: boolean;
     onLock?: (isLocked: boolean) => void;
+    disableLockButton?: boolean;
     onChange?: (props: {
-        first: unknown;
-        second: unknown;
+        first: T;
+        second: T;
         isLocked: boolean;
     }) => void;
+    className?: string;
 };

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

@@ -1,3 +1,3 @@
-import React from 'react';
 import { IXhrImagePickerProps } from './xhr_image_picker_types';
+import React from 'react';
 export declare const XhrImagePicker: React.FC<IXhrImagePickerProps>;