@dreamcommerce/aurora 3.0.0-32 → 3.0.0-321

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare type ITreeNode = {
+    id: string;
+    label?: string;
+    expanded?: boolean;
+    disabled?: boolean;
+};
+export interface ITreeContext {
+    addNode(node: ITreeNode): void;
+    updateNode(nodeId: string, node: Partial<ITreeNode>): void;
+    hasNode(nodeId: string): boolean;
+    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

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+
+var TreeContext = /*#__PURE__*/createContext({
+  addNode: function addNode() {},
+  updateNode: function updateNode() {},
+  removeNode: function removeNode() {},
+  toggleNode: function toggleNode() {},
+  closeNode: function closeNode() {},
+  getNode: function getNode() {
+    return undefined;
+  },
+  hasNode: function hasNode() {
+    return false;
+  }
+});
+var TreeContextProvider = TreeContext.Provider;
+
+export { TreeContext, TreeContextProvider };
+//# sourceMappingURL=tree_context.js.map

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TPropsWithChildren } from "../../../typings/general";
+export declare const TreeProvider: ({ children }: TPropsWithChildren) => React.JSX.Element;

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

@@ -0,0 +1,66 @@
+import React, { useState } from 'react';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { TreeContextProvider } from './tree_context.js';
+
+var TreeProvider = function TreeProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    nodes = _useState2[0],
+    setNodes = _useState2[1];
+  var value = {
+    addNode: function addNode(node) {
+      setNodes(function (nodes) {
+        return [].concat(_toConsumableArray(nodes), [node]);
+      });
+    },
+    updateNode: function updateNode(nodeId, node) {
+      setNodes(function (nodes) {
+        return nodes.map(function (n) {
+          return n.id === nodeId ? _objectSpread2(_objectSpread2({}, n), node) : n;
+        });
+      });
+    },
+    getNode: function getNode(nodeId) {
+      return nodes.find(function (node) {
+        return node.id === nodeId;
+      });
+    },
+    removeNode: function removeNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.filter(function (node) {
+          return node.id !== nodeId;
+        });
+      });
+    },
+    toggleNode: function toggleNode(nodeId) {
+      setNodes(function (nodes) {
+        return nodes.map(function (node) {
+          return node.id === nodeId ? _objectSpread2(_objectSpread2({}, node), {}, {
+            expanded: !node.expanded
+          }) : node;
+        });
+      });
+    },
+    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;
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(TreeContextProvider, {
+    value: value
+  }, children);
+};
+
+export { TreeProvider };
+//# sourceMappingURL=tree_provider.js.map

package/build/esm/packages/aurora/src/components/tree/context/tree_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/css_classes.d.ts

@@ -0,0 +1,22 @@
+export declare const TREE_CSS_CLASSES: {
+    readonly tree: "tree";
+    readonly treeNode: "tree__node";
+};
+export declare const TREE_NODE_CSS_CLASSES: {
+    readonly treeNode: "tree-node";
+    readonly treeNodeTogglerBtn: "tree-node__toggler-btn";
+    readonly treeNodeTogglerBtnExpanded: "tree-node__toggler-btn_expanded";
+    readonly treeNodeTogglerBtnIcon: "tree-node__toggler-btn-icon";
+    readonly treeNodeLabelContent: "tree-node__label-content";
+    readonly treeNodeLabel: "tree-node__label";
+    readonly treeNodeChildren: "tree-node__children";
+    readonly treeNodeChildrenEnter: "tree-node__children-enter";
+    readonly treeNodeChildrenEnterActive: "tree-node__children-enter-active";
+    readonly treeNodeChildrenExit: "tree-node__children-exit";
+    readonly treeNodeChildrenExitActive: "tree-node__children-exit-active";
+    readonly treeNodeChildrenExitDone: "tree-node__children-exit-done";
+    readonly treeNodeExpanded: "tree-node_expanded";
+    readonly treeNodeDisabled: "tree-node_disabled";
+    readonly treeNodeFocused: "tree-node_focused";
+    readonly treeNodeWithoutChildren: "tree-node_without-children";
+};

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

@@ -0,0 +1,25 @@
+const baseCssClass = 'tree';
+export const TREE_CSS_CLASSES = {
+    tree: baseCssClass,
+    treeNode: `${baseCssClass}__node`
+};
+const treeNodeBaseCssClass = `tree-node`;
+export const TREE_NODE_CSS_CLASSES = {
+    treeNode: treeNodeBaseCssClass,
+    treeNodeTogglerBtn: `${treeNodeBaseCssClass}__toggler-btn`,
+    treeNodeTogglerBtnExpanded: `${treeNodeBaseCssClass}__toggler-btn_expanded`,
+    treeNodeTogglerBtnIcon: `${treeNodeBaseCssClass}__toggler-btn-icon`,
+    treeNodeLabelContent: `${treeNodeBaseCssClass}__label-content`,
+    treeNodeLabel: `${treeNodeBaseCssClass}__label`,
+    treeNodeChildren: `${treeNodeBaseCssClass}__children`,
+    treeNodeChildrenEnter: `${treeNodeBaseCssClass}__children-enter`,
+    treeNodeChildrenEnterActive: `${treeNodeBaseCssClass}__children-enter-active`,
+    treeNodeChildrenExit: `${treeNodeBaseCssClass}__children-exit`,
+    treeNodeChildrenExitActive: `${treeNodeBaseCssClass}__children-exit-active`,
+    treeNodeChildrenExitDone: `${treeNodeBaseCssClass}__children-exit-done`,
+    treeNodeExpanded: `${treeNodeBaseCssClass}_expanded`,
+    treeNodeDisabled: `${treeNodeBaseCssClass}_disabled`,
+    treeNodeFocused: `${treeNodeBaseCssClass}_focused`,
+    treeNodeWithoutChildren: `${treeNodeBaseCssClass}_without-children`
+};
+//# sourceMappingURL=css_classes.js.map

package/build/esm/packages/aurora/src/components/tree/css_classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css_classes.js","sourceRoot":"","sources":["../../../../../../../src/components/tree/css_classes.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,MAAM,CAAC;AAE5B,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,GAAG,YAAY,QAAQ;CAC3B,CAAC;AAEX,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAEzC,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,QAAQ,EAAE,oBAAoB;IAC9B,kBAAkB,EAAE,GAAG,oBAAoB,eAAe;IAC1D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,sBAAsB,EAAE,GAAG,oBAAoB,oBAAoB;IACnE,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,aAAa,EAAE,GAAG,oBAAoB,SAAS;IAC/C,gBAAgB,EAAE,GAAG,oBAAoB,YAAY;IACrD,qBAAqB,EAAE,GAAG,oBAAoB,kBAAkB;IAChE,2BAA2B,EAAE,GAAG,oBAAoB,yBAAyB;IAC7E,oBAAoB,EAAE,GAAG,oBAAoB,iBAAiB;IAC9D,0BAA0B,EAAE,GAAG,oBAAoB,wBAAwB;IAC3E,wBAAwB,EAAE,GAAG,oBAAoB,sBAAsB;IACvE,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,gBAAgB,EAAE,GAAG,oBAAoB,WAAW;IACpD,eAAe,EAAE,GAAG,oBAAoB,UAAU;IAClD,uBAAuB,EAAE,GAAG,oBAAoB,mBAAmB;CAC7D,CAAC"}

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

@@ -0,0 +1 @@
+export declare const useTree: () => import("../context/tree_context").ITreeContext;

package/build/esm/packages/aurora/src/components/tree/hooks/tree_hook.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TreeContext } from '../context/tree_context.js';
+
+var useTree = function useTree() {
+  var context = React.useContext(TreeContext);
+  if (!context) {
+    throw new Error('useTree must be used within a TreeContextProvider');
+  }
+  return context;
+};
+
+export { useTree };
+//# sourceMappingURL=tree_hook.js.map

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

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

@@ -0,0 +1,2 @@
+import { ITreeNode } from "../context/tree_context";
+export declare const useTreeNode: (nodeId: string, props?: Partial<ITreeNode>) => ITreeNode | undefined;

package/build/esm/packages/aurora/src/components/tree/hooks/tree_node_hook.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+import { objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useTree } from './tree_hook.js';
+
+var useTreeNode = function useTreeNode(nodeId, props) {
+  var treeApi = useTree();
+  useEffect(function () {
+    if (!treeApi.hasNode(nodeId)) treeApi.addNode(_objectSpread2({
+      id: nodeId
+    }, props));
+  });
+  useEffect(function () {
+    if (treeApi.hasNode(nodeId) && props) treeApi.updateNode(nodeId, props);
+  }, [props === null || props === void 0 ? void 0 : props.expanded]);
+  useEffect(function () {
+    return function () {
+      return treeApi.removeNode(nodeId);
+    };
+  }, []);
+  return treeApi.getNode(nodeId);
+};
+
+export { useTreeNode };
+//# sourceMappingURL=tree_node_hook.js.map

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type TTreeProps = {
+    cssClassNames?: string;
+    cssStyles?: React.CSSProperties;
+    onMouseEnter?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+};
+export declare const Tree: React.ForwardRefExoticComponent<TTreeProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLUListElement>>;
+export default Tree;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { cn } from '../../utilities/cn.js';
+import { TREE_ROLE_ATTRIBUTE } from './constants.js';
+import { TreeProvider } from './context/tree_provider.js';
+
+var Tree = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    cssClassNames = _ref.cssClassNames,
+    cssStyles = _ref.cssStyles,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave;
+  return /*#__PURE__*/React.createElement(TreeProvider, null, /*#__PURE__*/React.createElement("ul", {
+    role: TREE_ROLE_ATTRIBUTE,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    ref: ref,
+    style: cssStyles,
+    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=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.d.ts

@@ -1,5 +1,5 @@
 export declare const typographyVariants: (props?: ({
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | null | undefined;
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "caption" | null | undefined;
     transform?: "uppercase" | "lowercase" | "capitalize" | null | undefined;
     weight?: "normal" | "medium" | "semibold" | "bold" | "extrabold" | null | undefined;
     size?: "xs" | "s" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;

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

@@ -6,11 +6,11 @@ import { CSS_LINE_HEIGHT_TOKENS } from '../../constants/css_tokens/css_line_heig
 
 var typographyVariants = cva('', {
   variants: {
-    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'),
+    variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'), "caption", 'aurora-font-extrabold aurora-tracking-md aurora-uppercase'),
     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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TValuesSyncerProps } from './values_syncer_types';
+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

@@ -0,0 +1,107 @@
+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';
+import { Stack } from '../stack/stack.js';
+import { LockLineIcon } from '../../assets/icons/lock_icon.js';
+import { LockUnlockLineIcon } from '../../assets/icons/lock_unlock_icon.js';
+
+var ValuesSyncer = function ValuesSyncer(_ref) {
+  var firstControl = _ref.firstControl,
+    secondControl = _ref.secondControl,
+    firstValue = _ref.firstValue,
+    secondValue = _ref.secondValue,
+    isLocked = _ref.isLocked,
+    onLock = _ref.onLock,
+    _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 firstValueRef = useRef(firstValue);
+  var secondValueRef = useRef(secondValue);
+  var lockedRef = useRef(locked);
+  var handleFirstControlChange = useCallback(function (value) {
+    firstValueRef.current = value;
+    if (locked) {
+      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, onChange, secondValue]);
+  var handleSecondControlChange = useCallback(function (value) {
+    secondValueRef.current = value;
+    if (locked) {
+      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
+      });
+    }
+  }, [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
+      });
+    }
+  }, [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: 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: 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(secondValue, handleSecondControlChange));
+};
+
+export { ValuesSyncer };
+//# sourceMappingURL=values_syncer.js.map

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,16 @@
+import React from 'react';
+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: T;
+        second: T;
+        isLocked: boolean;
+    }) => void;
+    className?: string;
+};

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

@@ -0,0 +1,2 @@
+import 'react';
+//# sourceMappingURL=values_syncer_types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"values_syncer_types.js","sourceRoot":"","sources":["../../../../../../../src/components/values_syncer/values_syncer_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC"}

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

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